HTML5三屏合一的架构设计

培训大纲：

第一部分

第1堂课:三屏合一导向的软件架构

1，认识Web-Oriented Architecture (WOA)

2，移动设备与云端计算

3，综观WOA的应用技术

4，WOA 手机软体架构实务

第2堂课:HTML5三屏合一的核心实现技术

1，HTML5

2，CSS3

3，JavaScript及其三屏合一框架

4，WebSocket

5，Node.js

6，PhoneGap

第3堂课:第一个 PhoneGap 应用程序

1，编写 HTML5+PhoneGap 网页

2，制作 iPhone/Android app

3，编写一次到处可用 (write once run anywhere)

第4堂课:PhoneGap API 实战

1，PhoneGap 如何控制手机周边

2，Accelerometer App 实例

3，Camera App 实例

4，PhoneGap API 手册导读

第5堂课:PhoneGap 扩充插件

1，如何扩展 PhoneGap 功能

2，PhoneGap 插件开发

第6堂课:HTML5 手机 App 测试与除错

1，如何除错 HTML5 App

2，如何除错 JavaScript

3，使用 QUnit 测试单元

4，远端除错

第7堂课:制作 HTML5 手机 UI

1，使用 xui

2，使用 jQuery Mobile

3，使用 AJAX 读取远端资料

4，编写手机版 HTML5 网页

5，Doctype 与 Viewport

第二部分

第8堂课:JSON & JavaScript 整合应用

1，JSON 介绍编写

2，Javascript 解析 JSON

3，JSON 与 HTML5 表格处理

4，JSON应用实例

5，Organizing JavaScript Code, HTML5, AJAX and JSON

6，AJAX Pattern

7，‘div’ element & Dynamic data

第9堂课:Node.js 基本概念

1，Node.js 应用软件架构

2，Node.js 使用案例 (Use Case)

第10堂课:“Hello, World” of Node.js

1，Server-side Javascript

2，编写 HTTP Server

3，Event-driven 架构

4，Callbacks

第11堂课:HTML5 与 Node.js

1，编写 HTML5/Node.js 网页

2，HTML5 与 Server-side

3，使用案例 (Use Cases)

第12个主题：豆瓣HTML5&JavaScript&CSS3客户端商业案例实战

12.1 HyBrid的经典架构和技术

12.2案例架构

12.3代码剖析