第一階段：HTML5 基礎(chǔ)和必備知識(shí)      

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

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

1.2. 什么是 Mobile Web？

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

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

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

2. HTML5 基本語法

2.1. 簡(jiǎn)潔化的 Doctype 和 charsets

2.2. 新的語義化/結(jié)構(gòu)化元素

2.3. 從 HTML4 中去除的舊元素

2.4. Demo：第一個(gè) HTML5 頁面

2.5. HTML5 代碼驗(yàn)證

3. CSS 基本選擇器和樣式

3.1. 使用 CSS 選擇器

3.2. 使用 CSS 進(jìn)行基本的樣式操作

3.3. Block 和 Inline

3.4. 浮動(dòng)，定位，邊框，邊距，填充和文本

3.5. 理解 viewport

4. JavaScript 基礎(chǔ)

4.1. 基本數(shù)據(jù)類型，語法和流程控制

4.2. 事件處理

4.3. Dom 操作

4.4. JSON

4.5. 函數(shù)和作用域

5. 混合標(biāo)記

5.1. 腳本位置

5.2. 使用 head 標(biāo)記

5.3. 導(dǎo)入 和 鏈接

5.4. 更多的 Meta 標(biāo)簽

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 快速進(jìn)階

1. JavaScript 和 jQuery

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

1.2. 深入了解 DOM

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

1.4. jQuery 常用功能

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

2. 選擇和樣式

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

2.2. CSS3 的選擇器

2.3. CSS3 的屬性

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

2.5. CSS3 常用功能

3. 高級(jí)標(biāo)記 和 SVG

3.1. 其他 Meta 標(biāo)記

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

3.3. 微格式

3.4. 高級(jí) SVG

3.5. ARIA

3.6. 媒體識(shí)別(@media)

3.7. 有關(guān) Retina

4. 高級(jí)選擇和樣式

4.1. 字形和字體圖標(biāo)

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

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

4.4. 高級(jí)定位技術(shù)

4.5. 有關(guān)邊框, 網(wǎng)格, 表格, 以及 Flex box

4.6. 重置技術(shù)

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

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. 多視圖架構(gòu)

1.5. 使用 XmlHTTPRequest 和 JSONP 連接服務(wù)器

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

1.7. 自定義主題

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

2. 響應(yīng)式設(shè)計(jì)

2.1. 靈活的設(shè)計(jì)

2.2. 方向和像素

2.3. 使用 JS 增強(qiáng) Viewport 靈活性

2.4. 設(shè)備分辨

2.5. 檢測(cè)的一般范式

2.6. 網(wǎng)格布局及其利弊

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

3. 觸控事件

3.1. 捕捉觸控事件

3.2. 多點(diǎn)觸控和手勢(shì)

3.3. 觸控事件解析

3.4. 解耦觸控和鼠標(biāo)事件

3.5. 鼠標(biāo)和觸控處理的細(xì)節(jié)及注意事項(xiàng)

3.6. 滾輪，Shift，Ctrl 以及 Alt 鍵相關(guān)

4. 表單

4.1. 新的輸入類型

4.2. 新的屬性

4.3. 表單驗(yàn)證

4.4. 表單相關(guān)的 CSS 選擇器

4.5. FormData 對(duì)象API

4.6. 瀏覽器支持情況

5. 應(yīng)用緩存

5.1. 離線運(yùn)行的基本原理

5.2. 理解緩存

5.3. Manifest 語法和服務(wù)器配置

5.4. 瀏覽器緩存過程及相關(guān)事件

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

5.6. Manifest 注意問題

6. 單頁面應(yīng)用

6.1. 單頁面應(yīng)用模型

6.2. #! 和轉(zhuǎn)義片段

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

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

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

6.6. AJAX 和 JSONP