第一階段：HTML5 基礎和必備知識      

1. HTML5 和前端開發(fā)

1.1. HTML 的發(fā)展歷史及愿景

1.2. 什么是 Mobile Web？

1.3. HTML 5 前端開發(fā)和特性集成

1.4. 前端和后臺的集成開發(fā)介紹

1.5. 使用 PhoneGap 進行 Hybrid 開發(fā)介紹

2. HTML5 基本語法

2.1. 簡潔化的 Doctype 和 charsets

2.2. 新的語義化/結構化元素

2.3. 從 HTML4 中去除的舊元素

2.4. Demo：第一個 HTML5 頁面

2.5. HTML5 代碼驗證

3. CSS 基本選擇器和樣式

3.1. 使用 CSS 選擇器

3.2. 使用 CSS 進行基本的樣式操作

3.3. Block 和 Inline

3.4. 浮動，定位，邊框，邊距，填充和文本

3.5. 理解 viewport

4. JavaScript 基礎

4.1. 基本數據類型，語法和流程控制

4.2. 事件處理

4.3. Dom 操作

4.4. JSON

4.5. 函數和作用域

5. 混合標記

5.1. 腳本位置

5.2. 使用 head 標記

5.3. 導入 和 鏈接

5.4. 更多的 Meta 標簽

5.5. 插入 Analytics

6. HTML5 生態(tài)環(huán)境及 API 概覽

6.1. Canvas

6.2. Web Workers

6.3. Web Sockets

6.4. Web Storage

6.5. IndexedDB

6.6. Geolocation

6.7. File API

第二階段：HTML5 快速進階

1. JavaScript 和 jQuery

1.1. 使用開發(fā)者工具的控制臺功能

1.2. 深入了解 DOM

1.3. 作用域，私有 和 公共，回調和嵌套，命名空間，使用對象字面量，模式，代碼執(zhí)行以及常用的最佳實踐

1.4. jQuery 常用功能

1.5. 事件處理和綁定的常見問題

2. 選擇和樣式

2.1. 使用 Web 開發(fā)者工具的在線樣式功能

2.2. CSS3 的選擇器

2.3. CSS3 的屬性

2.4. CSS3 使用提醒和注意問題

2.5. CSS3 常用功能

3. 高級標記 和 SVG

3.1. 其他 Meta 標記

3.2. 搜索引擎優(yōu)化概要

3.3. 微格式

3.4. 高級 SVG

3.5. ARIA

3.6. 媒體識別(@media)

3.7. 有關 Retina

4. 高級選擇和樣式

4.1. 字形和字體圖標

4.2. 有效地使用多背景圖片

4.3. 有關 nth-of 及其他靜態(tài)選擇器

4.4. 高級定位技術

4.5. 有關邊框, 網格, 表格, 以及 Flex box

4.6. 重置技術

4.7. 使用 before 和 after 過濾器注入的的高級樣式

5. HTML5 API 使用概要（1）

5.1. Canvas 2D

5.2. WebSocket：持久連接和雙向通信

5.3. Web storage

6. HTML5 API 使用概要（2）

6.1. WebWorkers: JavaScript 并發(fā)

6.2. IndexedDB

6.3. HTML5 消息和通信

第三階段：HTML5 Mobile Web

1. jQuery Mobile

1.1. jQuery Mobile 框架介紹

1.2. 理解 data-* 

1.3. 處理 Mobile Viewport

1.4. 多視圖架構

1.5. 使用 XmlHTTPRequest 和 JSONP 連接服務器

1.6. 使用本地 jQuery Mobile 監(jiān)聽器重寫頁面處理

1.7. 自定義主題

1.8. 快速移動原型開發(fā) 

2. 響應式設計

2.1. 靈活的設計

2.2. 方向和像素

2.3. 使用 JS 增強 Viewport 靈活性

2.4. 設備分辨

2.5. 檢測的一般范式

2.6. 網格布局及其利弊

2.7. 動態(tài)圖像和字體

3. 觸控事件

3.1. 捕捉觸控事件

3.2. 多點觸控和手勢

3.3. 觸控事件解析

3.4. 解耦觸控和鼠標事件

3.5. 鼠標和觸控處理的細節(jié)及注意事項

3.6. 滾輪，Shift，Ctrl 以及 Alt 鍵相關

4. 表單

4.1. 新的輸入類型

4.2. 新的屬性

4.3. 表單驗證

4.4. 表單相關的 CSS 選擇器

4.5. FormData 對象API

4.6. 瀏覽器支持情況

5. 應用緩存

5.1. 離線運行的基本原理

5.2. 理解緩存

5.3. Manifest 語法和服務器配置

5.4. 瀏覽器緩存過程及相關事件

5.5. 緩存的檢查過程和過期問題

5.6. Manifest 注意問題

6. 單頁面應用

6.1. 單頁面應用模型

6.2. #! 和轉義片段

6.3. 壓入和彈出狀態(tài)（History API）

6.4. 元數據狀態(tài)

6.5. 重新注入和綁定替換元素

6.6. AJAX 和 JSONP