眼下我们项目是基于AngularJS和ionic框架开发的Hybrid App。支持android phone/pad, iPhone,iPad四个平台版本号。以及微信版。
由于使用的技术有点新,所以做了这个内部的新人上手指引,对于想学习HTML5Hybrid App开发的同学也有參考价值。
合格的HTML5移动App开发者须要掌握下面知识:
- 系统学习《javascript语言精粹》,适合javascript语言基础一般的新人
- 系统学习HTML5, CSS3的新特性
- 学习AngularJS。认真学习并操作一遍 http://www.angularjs.cn/A003 系列教程,然后阅读官方的文档和API http://www.angularjs.org/ ,理解promise和$q异步编程模式
- 学习ionic框架 ,通读http://ionicframework.com/docs/ 。并结合ionic demo app
- 系统学习CSS3。特别是CSS3 flex布局和CSS3动画相关的内容;
- 学习SASS,弄明确ionic自带的SASS,统一通过SASS来生成CSS,终于项目仅仅引用一个压缩后的CSS样式文件
- 学习gulp构建工具及其经常使用的插件。顺带学习下node.js和bower.js
- 学习git, 学习ProGit (http://git.oschina.net/progit/), git命令熟悉者能够跳过
- 学习WebStorm,Atom或Sublime 前端开发IDE,提供开发效率
- 学习Cordova框架js部分,理解调用的原理和流程,学会经常使用插件的使用, 学会自己开发插件
- 学习Android和iOS的平台特性,领会跨平台开发的注意点,学习某个移动平台的原生开发
HTML5 HybridApp开发上手指引的更多相关文章
-
html5 游戏开发
近来想做html5游戏开发些小东西玩一下,因为手边就是笔记本,想怎么玩就怎么玩了,今年可以说是非常重要特殊的一年,感觉有些倒霉,不过,心态最重要,该怎么做的时候就去怎么做吧,日子的24小时是不会变的, ...
-
HTML5移动开发学习笔记之Canvas基础
1.第一个Canvas程序 看的是HTML5移动开发即学即用这本书,首先学习Canvas基础,废话不多说,直接看第一个例子. 效果图为: 代码如下: <!DOCTYPE html> < ...
-
H5案例分享:html5移动开发细微之美
html5移动开发细微之美 1.H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=dev ...
-
html5 app开发,你知道多少?
随着大量新生移动设备的兴起,改变了互联网的未来,html5技术为开发者提供了一个跨平台的移动app开发方案,并且该方案具有很好的扩展性和灵活性,但就国内使用html5开发app应用技术来讲,还是有欠缺 ...
-
HTML5界面开发工具jQuery EasyUI更新至v1.3.5
本文转自:evget.com HTML5界面开发工具 jQuery EasyUI 最新发布v1.3.5,新版修复了多个bug,并改进了menu,tabs和slider等多个控件.jQuery Easy ...
-
快速入门系列--MVC--07与HTML5移动开发的结合
现在移动互联网的盛行,跨平台并兼容不同设备的HTML5越来越盛行,很多公司都在将自己过去的非HTML5网站应用渐进式的转化为HTML5应用,使得一套代码可以兼容不同的物理终端设备和浏览器,极大的提高了 ...
-
CutJS – 用于 HTML5 游戏开发的 2D 渲染引擎
CutJS 是轻量级的,快速的,基于 Canvas 开发的 HTML5 2D 渲染引擎,可以用于游戏开发.它是开源的,跨平台的,与现代的浏览器和移动设备兼容.CutJS 提供了一个类似 DOM 树的 ...
-
优秀工具推荐:两款很棒的 HTML5 游戏开发工具
HTML5 众多强大特性让我们不需要多么高深技术就能创建好玩的网页游戏,同时证明了开放的 Web 技术能与任何其他在游戏开发中使用的技术竞争.正如标题所说,这篇文章推荐的几款很棒 HTML5 游戏开发 ...
-
HTML5游戏开发引擎,初识CreateJS
CreateJS为CreateJS库,可以说是一款为HTML5游戏开发的引擎.打造 HTML5 游戏,构建新游戏,提供构建最新 HTML5 的技术.你可以通过这个网站学习如何构建跨平台和跨终端游戏.这 ...
随机推荐
-
【小型系统】简单的刷票系统(突破IP限制进行投票)
一.前言 相信大家平时肯定会收到朋友发来的链接,打开一看,哦,需要投票.投完票后弹出一个页面(恭喜您,您已经投票成功),再次点击的时候发现,啊哈,您的IP(***.***.***.***)已经投过票了 ...
-
lnmp+phpmyadmin配置与出现问题
本博客归moka同学(新浪微博:moka同学)本人亲自整理,如有使用,请加链接注明出处. lnmp 安装完全后,配置phpmyadmin .其访问方式为 http://202.18.400.379/p ...
-
Log4net中的调错
在使用log4net时,感觉最麻烦的就是配置文件了,为了使用方便,我不得不先准备好一个完整的配置文件方案,测试了输出到文本.控制台.windows事件.SQL Server数据库都没有问题,但输出到o ...
-
ServiceStack.Redis常用操作 - 事务、并发锁_转
一.事务 使用IRedisClient执行事务示例: using (IRedisClient RClient = prcm.GetClient()) { RClient.Add("key&q ...
-
Linux dirname $0 source if
$SHELL gives the full path to your default shell. $0 gives the name of your current shell. dirname是一 ...
-
timeit统计运行时间
import timeitt1 = timeit.timeit('sum(x*x for x in xrange(10000))',number = 10000) print t1
-
ASP.NET程序从IIS6移植到IIS7时出现500.22错误
最可能的原因: • 此应用程序在 system.web/httpModules 节中定义配置. 可尝试的操作: • 将配置迁移到 system.webServer/modules 节 ...
-
基于visual Studio2013解决C语言竞赛题之1094纵横图
题目 解决代码及点评 /************************************************************************/ /* ...
-
UVA 257 - Palinwords(弦HASH)
UVA 257 - Palinwords 题目链接 题意:输出一个文本里面的palinword,palinword的定义为.包括两个不同的回文子串,而且要求回文子串不能互相包括 思路:对于每一个单词推 ...
-
登录界面Demo
今天记载一个Demo,这个是我练习项目中用到,供新手看看,界面图: