学html5做app开发可以从哪儿学起

我是做android开发的，发现现在公司对html5要求挺旺盛，于是乎准备学一下html5 做app开发相关的知识。去某培训机构看了一下他们做html5 app开发的课程体系：

       1.前端页面基础

   结构表现与页面重构：

1.认知行业，岗位，介绍HTML5课程体系，就业趋势以及行业未来展望；2.HTML基础入门；3.HTML5新增元素与特性，HTML5表单增强属性；4.CSS基础，CSS选择器，核心属性；5.CSS定位，盒模型，继承，布局；6.CSS3新增选择器；7.CSS3动画，过度动画，关键帧动画；8.CSS3位移与变形处理；9.图形、图像软件的使用（PS）；10.各种浏览器兼容性以及处理方式；11.垂直居中，水平居中的处理方式；12.雪碧图处理，滑动门处理及高宽自适应等高级应用技术；

13.CSS统筹，CSS在大型项目中的应用；

2.JavaScript（原生）

   JavaScript基础：

1.JavaScript历史；2.JavaScript如何使用及运作原理；3.JavaScript现代基本理论体系结构；4.JavaScript基本语法；5.JavaScript循环语句；6.JavaScript函数；7.JavaScript核心Api（如Array、String、Date、JSON、Math、RegExp）；8.掌握BOM的用法；9.掌握原生DOM操作的用法；10.握事件，事件原理，事件代理；11.掌握正则表达式；12.掌握Cookie存储；掌握Cookie存储；13.掌握JavaScript基本特效的制作方法；
   JavaScript面向对象：

1.掌握 JavaScript 的面向对象基础；2.掌握 Javascript 原型链 prototype；3.掌握 Javascript 作用域链；4.掌握闭包；5.掌握 This；6.掌握构造函数；7.J掌握同源策略以及 Ajax；8.掌握跨域以及解决方式；9.掌握 JavaScript 动画的实现以及原理；10.握事件，事件原理，事件代理；11.熟悉 JavaScript 的设计模式；

3.NodeJs全栈开发

 NodeJs：

1.掌握 jQuery 框架使用；2.掌握 LESS 的使用；3.掌握 ES6 特性讲解以及使用；4.掌握 Gulp 前端编译工具的使用；5.掌握 Express 框架的使用；6.掌握 PC 端网站开发基本流程和技巧；7.掌握浏览器/服务器的交互模型8.掌握项目周期与技术评估；9.掌握行业网站项目开发与迭代；10.培养良好的沟通、表达和团队协作能力；11.掌握快速学习方法，初步养成有竞争力的职业习惯；12.综合运用 HTML+CSS，JS，jQuery，dot.js，Express，NodeJS 等技术，完成大型 PC 端项目开发；

4.移动端WebApp

移动端WebApp开发：

1.HTML5 概述以及应用场合；2.手机浏览器的特点；3.Viewpoint 视口，dpi，px 的区别；4.meta 属性，缩放，拖放；5.rem 实战，字体选择；6.移动端事件模型；7.响应式布局，弹性盒子模型；8.硬件加速原理；9.移动端性能优化点；10.HTML5 画布：canvas；11.HTML5 多媒体：video，audio；

5.框架与混合式开发综合实训

Amd+RequireJs+SPA：

微信场景应用1.微信开发，如何调用微信 JSSDK，调用微信客户端功能，如获取地理位置，扫一扫，微信支付；2.浏览器/服务器数据交互原理；3.SPA 单页应用技术实战；4.AMD 代码编写实战；5.BootStrap 栅格布局；6.前端模板，分页制作；7.图片异步加载；8.CSS3 特性使用；9.如何快速的解决问题；

提供的小例子：

 AngularJS 和Vue框架

 .HybridApp开发【AngularJS框架】：

1.AngularJS 的解析过程分析；2.指令（ng-app，ng-repeat，ng-show，ng-hide，ng-controler）；3.过滤器（Filter，Date），自定义过滤器的书写；4.路由 Router 配置；5.表单验证；6.双向绑定、依赖注入的理解；7.服务，自定义服务的开发；8.Controller 、Service、Directives 的实战；9.使用 Angular.JS 开发一个项目；10.打包，将项目嵌入到 Native 中；

   .HybridApp开发【Vue框架】：

1.Vue.js语法结构；2.响应式数据绑定系统；3.组件系统，搭积木式开发；4.模块化；5.路由vue-router；6.Vue.Js与服务器通信vue-resource；7.生产发布；


React项目：

1.JSX语法结构；2.页面生命周期；3.组件以及参数传值；4.案例以及使用；
微信小程序

1.视图层wxml；2.页面生命周期 ；3.逻辑层；4.框架解密；5.项目实训；
原生Native+HTML5：

1.WebView的配置；2.HTML5和Java的互相调用；3.如何调试问题；4.混合式开发性能优化实践；5.发布一个混合式APP；

Cordova：

1.Cordova环境安装；2.如何调试，如何编译；3.配置文件详解；4.事件使用；5.插件的使用；6.开发一个项目；