HTML5代表了Web發展的方向，是開發者的未來，是新一代Web技術的標準。它在程度上完成了富Web應用的本地化，消除瀏覽器對插件的依賴；優秀的錯誤處理系統，使頁面捕獲錯誤更加靈活與高效；對本地離線存儲的更好支持，使開發Web離線應用程序更加方便與快捷；眾多新增的頁面標記，將給用戶的視角與交互帶來煥然一新的體驗。
本課程以HTML5基礎為主線，先從新增特征講起，然后，通過實例與理論相結合的方式，并結合最新最前沿的框架，深入淺出地介紹了關于HTML5在Web開發中方方面面的功能和性能優化的技巧。

1.正在從事傳統PC端Web頁面的技術開發人員
2.希望從事移動端WebApp應用開發的技術人員
3.對前端技術感興趣，希望從事這方面工作的人員
4.擁有前端的基礎，希望進一步提升技能的開發人員

1.HTML 5概念與特征
1.1 Html5的標準和優勢
1.2移動設備的支持上更突出
1.3常見的HTML5新標簽與屬性
1.4新增的表單元素功能解析
2.響應式設計功能與實戰
2.1響應式設計優勢和功能
2.2響應樣式的兼容性與優劣比較
2.3響應樣式實現的方案
2.4 HTML 5頁中實現響應效果
3.CSS 3動畫與3D特效
3.1文本陰影與圓角邊框
3.2圖片遮罩效果
3.3圖片遮罩形成探照燈
3.4 2d基本效果
3.5 3d動畫基本效果
3.6制作過渡動畫效果
3.7過濾動畫效果的各種狀態
3.8制作3d翻頁效果
4.SASS功能與應用
4.1什么是SASS
4.2安裝和使用
4.3基本用法定義變量、語句
4.4代碼復用完成繼承功能
4.5高級用法實現循環、條件、函數
5.本地存儲和數據持久方案
5.1 Localstorage與SessionStorage
5.2存儲形式和API調用
5.3使用方式和跟蹤用戶行為
5.4持久快速響應數據方案
5.5數據離線API功能實現
6.地理定位與重力感應
6.1地理定位功能與API
6.2找出地圖中的商家信息
6.3重力感應功能與API
6.4實現搖一搖和切屏換圖效果
7.canvas畫布案例實戰
7.1畫布功能和API
7.2案例——亮視點找不同
7.3案例——涂抹水漆效果
7.4案例——圖片合成功能
8.前端代碼性能優化方案
8.1頁面面臨問題分析
8.2找到性能解決方案
8.3頁面加載結構解析
8.4 Sprites圖片技術
8.5壓縮與合并文件
8.6代碼模塊化分級
8.7接口請求性能優化
9.node基礎與核心模塊
9.1環璄構建和REPL解析器
9.2異步調用
9.3回調函數
9.4模塊系統
10.socket通訊和聊天室
10.1 Socket.IO的功能與使用
10.2 node環璄下架構構建服務端接口
10.3開發前端聊天室頁面
10.4使用socket與服務器實現通訊
11.Angular 8框架應用開發
11.1 Angular的簡介
11.2組件開發流程
11.3與服務端交互
11.4注意事項與技巧
11.5案例——電影信息管理網站
12.React框架開發應用
12.1環境搭建方法
12.2開發語言介紹
12.3組件API使用
12.4與服務端異步交互
12.5案例——餐廳點評信息管理
13.Vue框架基礎應用
13.1腳手架開發項目
13.2組件傳值方法
13.3路由與指令
13.4與服務端交互技巧
13.5開發注意事項
13.6案例——小米商城購物網站
14.應用打包與發布
14.1 webpack框架介紹
14.2單頁應用打包
14.3配置文件的編寫
14.4熱更新和動態導入
15.正確理解單元測試
15.1 mocha基礎知識
15.2使用語法
15.3異步測試
15.4瀏覽器測試

學習HTML5全部的新功能。
學會如何在Web頁面開發中運用HTML5標簽開發頁面。
掌握在頁面中使用HTML5新增的API進行功能開發。
了解通過HTML5中的Canvas基本使用功能。
理解HTML5中本地數據存儲的方法與技巧。
掌握最新前沿前端框架的基礎知識和開發技巧。
了解node和mocha框架的構建和應用。