HTML5 HybridApp开发上手指引

时间:2022-05-05 09:11:50

眼下我们项目是基于AngularJS和ionic框架开发的Hybrid App。支持android phone/pad, iPhone,iPad四个平台版本号。以及微信版。

由于使用的技术有点新,所以做了这个内部的新人上手指引,对于想学习HTML5Hybrid App开发的同学也有參考价值。

合格的HTML5移动App开发者须要掌握下面知识:

  1. 系统学习《javascript语言精粹》,适合javascript语言基础一般的新人
  2. 系统学习HTML5, CSS3的新特性
  3. 学习AngularJS。认真学习并操作一遍 http://www.angularjs.cn/A003 系列教程,然后阅读官方的文档和API http://www.angularjs.org/ ,理解promise和$q异步编程模式
  4. 学习ionic框架 ,通读http://ionicframework.com/docs/  。并结合ionic demo app
  5. 系统学习CSS3。特别是CSS3 flex布局和CSS3动画相关的内容;
  6. 学习SASS,弄明确ionic自带的SASS,统一通过SASS来生成CSS,终于项目仅仅引用一个压缩后的CSS样式文件
  7. 学习gulp构建工具及其经常使用的插件。顺带学习下node.js和bower.js
  8. 学习git, 学习ProGit (http://git.oschina.net/progit/),  git命令熟悉者能够跳过
  9. 学习WebStorm,Atom或Sublime 前端开发IDE,提供开发效率
  10. 学习Cordova框架js部分,理解调用的原理和流程,学会经常使用插件的使用, 学会自己开发插件
  11. 学习Android和iOS的平台特性,领会跨平台开发的注意点,学习某个移动平台的原生开发

假设你这些都会了,而且想来南京工作,能够发简历给我啊 

HTML5 HybridApp开发上手指引的更多相关文章

  1. html5 游戏开发

    近来想做html5游戏开发些小东西玩一下,因为手边就是笔记本,想怎么玩就怎么玩了,今年可以说是非常重要特殊的一年,感觉有些倒霉,不过,心态最重要,该怎么做的时候就去怎么做吧,日子的24小时是不会变的, ...

  2. HTML5移动开发学习笔记之Canvas基础

    1.第一个Canvas程序 看的是HTML5移动开发即学即用这本书,首先学习Canvas基础,废话不多说,直接看第一个例子. 效果图为: 代码如下: <!DOCTYPE html> &lt ...

  3. H5案例分享:html5移动开发细微之美

    html5移动开发细微之美 1.H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=dev ...

  4. html5 app开发&comma;你知道多少?

    随着大量新生移动设备的兴起,改变了互联网的未来,html5技术为开发者提供了一个跨平台的移动app开发方案,并且该方案具有很好的扩展性和灵活性,但就国内使用html5开发app应用技术来讲,还是有欠缺 ...

  5. HTML5界面开发工具jQuery EasyUI更新至v1&period;3&period;5

    本文转自:evget.com HTML5界面开发工具 jQuery EasyUI 最新发布v1.3.5,新版修复了多个bug,并改进了menu,tabs和slider等多个控件.jQuery Easy ...

  6. 快速入门系列--MVC--07与HTML5移动开发的结合

    现在移动互联网的盛行,跨平台并兼容不同设备的HTML5越来越盛行,很多公司都在将自己过去的非HTML5网站应用渐进式的转化为HTML5应用,使得一套代码可以兼容不同的物理终端设备和浏览器,极大的提高了 ...

  7. CutJS – 用于 HTML5 游戏开发的 2D 渲染引擎

    CutJS 是轻量级的,快速的,基于 Canvas 开发的 HTML5  2D 渲染引擎,可以用于游戏开发.它是开源的,跨平台的,与现代的浏览器和移动设备兼容.CutJS 提供了一个类似 DOM 树的 ...

  8. 优秀工具推荐:两款很棒的 HTML5 游戏开发工具

    HTML5 众多强大特性让我们不需要多么高深技术就能创建好玩的网页游戏,同时证明了开放的 Web 技术能与任何其他在游戏开发中使用的技术竞争.正如标题所说,这篇文章推荐的几款很棒 HTML5 游戏开发 ...

  9. HTML5游戏开发引擎&comma;初识CreateJS

    CreateJS为CreateJS库,可以说是一款为HTML5游戏开发的引擎.打造 HTML5 游戏,构建新游戏,提供构建最新 HTML5 的技术.你可以通过这个网站学习如何构建跨平台和跨终端游戏.这 ...

随机推荐

  1. 【小型系统】简单的刷票系统(突破IP限制进行投票)

    一.前言 相信大家平时肯定会收到朋友发来的链接,打开一看,哦,需要投票.投完票后弹出一个页面(恭喜您,您已经投票成功),再次点击的时候发现,啊哈,您的IP(***.***.***.***)已经投过票了 ...

  2. lnmp&plus;phpmyadmin配置与出现问题

    本博客归moka同学(新浪微博:moka同学)本人亲自整理,如有使用,请加链接注明出处. lnmp 安装完全后,配置phpmyadmin .其访问方式为 http://202.18.400.379/p ...

  3. Log4net中的调错

    在使用log4net时,感觉最麻烦的就是配置文件了,为了使用方便,我不得不先准备好一个完整的配置文件方案,测试了输出到文本.控制台.windows事件.SQL Server数据库都没有问题,但输出到o ...

  4. ServiceStack&period;Redis常用操作 - 事务、并发锁&lowbar;转

    一.事务 使用IRedisClient执行事务示例: using (IRedisClient RClient = prcm.GetClient()) { RClient.Add("key&q ...

  5. Linux dirname &dollar;0 source if

    $SHELL gives the full path to your default shell. $0 gives the name of your current shell. dirname是一 ...

  6. timeit统计运行时间

    import timeitt1 = timeit.timeit('sum(x*x for x in xrange(10000))',number = 10000) print t1

  7. ASP&period;NET程序从IIS6移植到IIS7时出现500&period;22错误

    最可能的原因:  •    此应用程序在 system.web/httpModules 节中定义配置.  可尝试的操作:  •    将配置迁移到 system.webServer/modules 节 ...

  8. 基于visual Studio2013解决C语言竞赛题之1094纵横图

        题目 解决代码及点评 /************************************************************************/ /* ...

  9. UVA 257 - Palinwords&lpar;弦HASH&rpar;

    UVA 257 - Palinwords 题目链接 题意:输出一个文本里面的palinword,palinword的定义为.包括两个不同的回文子串,而且要求回文子串不能互相包括 思路:对于每一个单词推 ...

  10. 登录界面Demo

    今天记载一个Demo,这个是我练习项目中用到,供新手看看,界面图: