原创 HTML5端云融合：HTML5 彻底研究与开发实践培训

时间

內  容

备注

第一天

第1个主题：HTML5 架构思维

1,1 All in JavaScript
1,2 Architect of Device & Cloud
1,3 Open Platform & API

第2个主题：HTML5时代的商业机会和变革

2,1 HTML5和以前的HTML的不同；

2.2 HTML5时代新的商业模式；

2.3 HTML5与传统的Native App；

2.4 HTML5将给整个IT界带来全新的变革；

第3个主题：通过一个Blog实例实战HTML5&CSS3

3.1 实战HTML5新增页面元素；

3.2 实战HTML5中的表单；

3.3 实战HTML5中的Canvas

3.4 实战html 5页面中视频和音频

3.5 CSS3技术实战

第4主题：浏览器开发和自定义

4.1 浏览器定制和开发的核心原理剖析

4.2 浏览器定制和开发的技术手段剖析

4.3 浏览器定制和开发实战

第5主题：浏览器定制技术基石：WebView下JavaScript如何与本地API进行相互调用

5.1  以Android系统为例探讨制作Android界面的新大陆

5.2  浏览器的JavaScriptInterface

5.3  本地API调用Javascript

5.4  Javascript调用本地API

第6个主题: HTML5的多线程技术

6.1为什么HTML5的多线程技术是Device端编程的一项革命

6.2 WebWorker的原理和机制

6.3 Dedicated Worker和Shared Worker详解

6.4 工作线程生命周期

6.5 通过后台数值计算、共享线程、线程代理等实战多线程技术；

第7个主题： HTML5的离线应用和本地存储功能详解

7.1 问题场景：如何在飞机上离线办公？

7.2 离线应用三要点：服务器、配置文件、更新

7.3 使用Local Storage和Session Storage；

7.4 使用数据库；

7.5 解决飞机上离线办公的最后一个问题：监听在线事件；

第8个主题：HTML5革命性的特征：Web Socket

8.1 传统的Client-Server的通信方式

8.2 HTML5时代的Device-Cloud的通信方式

8.3 为什么这是革命性的

8.4 Web Socket与Ajax的比较

8.5 Web Socket实战

第9个主题:HTML5的其它新特性和浏览器的兼容性问题

9.1 新的Tag的核心原理和意义

9.2 GeoLocation获取地理位置信息

9.3 WebGL进行3G绘图

9.4 HTML5浏览器兼容性问题的根源

9.5 如何解决HTML5浏览器兼容性问题？

第10个主题：PhoneGap的架构和商业思考

10.1  PhoneGap的架构艺术

10.2  PhoneGap与HTML5、CSS3、JavaScript的关系

10.3  PhoneGap与智能手机的核心功能——包括相机、文件访问、地理定位，加速器，联系人，声音和振动等

10.4  PhoneGap的优势和劣势

时间

內  容

备注

第二天

第11个主题：PhoneGap框架的技术基石是什么？

11,1 使用WebView

11,2 在WebView中使用JavaScript

11.3 创建本地Java API

11.4 使用JavaScriptInterface

11.5 JavaScript调用Java

11.6 Java调用JavaScript

11.7 PhoneGap是如何使用JavaScriptInterface的

第12个主题：安装PhoneGap开发第一个PhoneGap程序并彻底剖析该程序

12.1 安装PhoneGap SDK;

12.2 PhoneGap库的加入

12.3 JavaScript的构建

12.4 Asset下HTML文件的构建

12.5 编写配置文件

12.6 打包、安装、运行第一个PhoneGap程序

12.7 彻底剖析PhoneGap程序的运行原理、流程、机制等

第13个主题：PhoneGap案例开发实战

13.1通过Connection测试网络链接

13.2 通过Accelerometer来采集设备的动作

13.3 通过Compass获得当前设备的方向

13.4 PhoneGap 操作本地系统的Camera

13.5 PhoneGap其它的本地API;

第14个主题：PhoneGap的Plugin开发

14.1如何扩展PhoneGap的功能？

14.2 IPlugin接口

14.3 Proxy-Stub模式在Plugin开发中的应用及价值

14.4 Plugin开发中如何控制硬件厂商和Web开发者

14.5 Plugin核心代码剖析及开发实战

第15个主题：使用HTTP&AJAX和远程服务器端沟通

15.1 Ajax在HTML5时代的价值；

15.2 HTTP&AJAX实战；

第16个主题：JSON与JavaScript珠联璧合

16.1 剖析JSON；

16.2 JavaScript解析JSON实战；

16.3 Java解析JSON实战；

16.4 JSON：HTML5、本地API、Ajax

时间

内容

备注

第三天

第17个主题：制作 HTML5 手机 UI

17.1，使用 xui

17.2，使用 jQuery Mobile

17.3，使用 AJAX 读取远端资料

17.4，编写手机版 HTML5 网页

17.5，Doctype 与 Viewport

第18个主题：Node*** 基本概念

18.1，Node*** 应用软件架构

18.2，Node*** 使用案例 (Use Case)

第19个主题：“Hello, World” of Node***

19.1，Server-side Javascript

19.2，编写 HTTP Server

19.3，Event-driven 架构

19.4，Callbacks

第20个主题：HTML5 与 Node***

20.1，编写 HTML5/Node*** 网页

20.2，HTML5 与 Server-side

20.3，使用案例 (Use Cases)

第21堂课:Blocking and Non-blocking

21.1，Request handlers

21.2，Non-block requests

21.3，处理 GET/POST requests

21.4，Route requests

21.5，事件处理 (Event listening)

第22堂课:Node*** 进阶观念

22.1，Node*** Procedss

22.2，如何 Spawn child process

22.3，Proxying Node***

22.4，Protocol parser 實作

第23堂课:Node*** IO 处理

23.1，如何与数据库整合

23.2，文件处理 (Filesystem I/O)

23.3，Stream buffer

23.4，Raw buffer

23.5，其它 IO 处理

第24堂课:JavaScript Design Pattern

24.1，Creational Pattern

24.2，jQuery & Modular Pattern

24.3，其它设计模式

24.4，MVC 模式