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

  我是做android开发的,发现现在公司对html5要求挺旺盛,于是乎准备学一下html5做app开发相关的知识。去某培训机构看了一下他们做html5app开发的课程体系:
 
  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.如何快速的解决问题;
 
  提供的小例子:
 
  [html]viewplaincopy
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="utf-8">
 
  <metaname="viewport"content="width=device-width,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
 
  <title>three.jscss3d-元素周期表</title>
 
  <style>
 
  html,body{
 
  height:100%;
 
  }
 
  body{
 
  background-color:#68217A;
 
  margin:0;
 
  font-family:Helvetica,sans-serif;;
 
  overflow:hidden;
 
  }
 
  a{
 
  color:#ffffff;
 
  }
 
  #info{
 
  position:absolute;
 
  width:100%;
 
  color:#ffffff;
 
  padding:5px;
 
  font-family:Monospace;
 
  font-size:13px;
 
  font-weight:bold;
 
  text-align:center;
 
  z-index:1;
 
  }
 
  </style>
 
  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.开发一个项目;