H5學習路線圖（留存）

轉載於：http://blog.csdn.net/soindy/article/details/52387451

H5學習路線圖

前端入門: 頁面佈局與重構, HTML CSS 
移動前端開發: 響應式佈局, HTML5 CSS 
Web交互開發: JavaScript, jQuery Ajax 
前端高級開發: 原生開發, 移動端開發

HTML5基礎

1. H5結構標籤,標籤類型
2. H5新標籤語義,屬性語法
3. H5新功能標籤
4. H5表單元素
5. H5視頻,音頻

CSS

1. CSS盒子模型,CSS浮動,定位,CSS結構佈局,CSS Sprite技術
2. CSS3語法規則,CSS3選擇器,僞代碼,背景擴展,CSS3新增盒子屬性,文字屬性,CSS3濾鏡,混合模式
3. CSS3鍵值對,CSS3轉化模塊,過分模塊
4. CSS3瀏覽器兼容處理
5. CSS3自定義動畫模塊,CSS3動畫合成混搭
6. iconfont 圖標文字,彈性盒子
7. 媒體查詢,響應式佈局,CSS3多列
8. CSS3景深透視,3D三位體構建,CSS3三維特效

H5實戰

大型網站項目製做技巧,SEO代碼搜索引擎優化技巧

JavaScript基礎

1. JavaScript簡介 ECMAScript語法基礎
2. 變量 函數 條件語句 循環語句 定時器
3. DOM和BOM操做
4. 運算符 數組 遍歷
5. JSON語法基礎 JSON數據解析
6. JavaScript主流瀏覽器兼容處理

JavaScript進階

1. JavaScript運動基礎 運動類型 面向對象的JavaScript運動框架
2. JavaScript指針 閉包 做用域 函數節流深刻剖析和運用
3. 正則表達書 表單驗證
4. AJAX技術 排序算法 遞歸算法
5. JavaScript內置對象深刻剖析
6. 面向對象基礎 面向對象進階
7. 裝飾着模式
8. 選擇框架,面向對象版事件框架,面向對象版高級運動框架

jQuery框架

1. jQuery框架基礎 選擇器 DOM節點操做
2. 事件處理機制, jQuery動畫,拖拽,表單開發以及其餘高級特性
3. jQuery AJAX技術剖析
4. jQuery特效原理剖析與製做
5. jQuery相關插件

Canvas基礎

1. Canvas基礎,畫布基本圖形API
2. Canvas動畫原理,物理建模,碰撞檢測,邊界識別,粒子系統,遊戲引擎等
3. Canvas特效開發
4. Canvas手機端遊戲製做

AngularJS

1. MVVM.MVC簡介 AngularJS基礎知識
2. 服務 控制器 指令
3. 做用域 過濾器 模塊化 模塊控制 表單處理
4. AngularJS $http服務和模板
5. AngularJS路由
6. AngularJS項目實戰及API使用

React Native

1. 環境配置
2. 項目建立 配置 調試 部署 發佈
3. React Native原生API 生命週期 Fetch服務
4. React Native路由 UI組件 原生模塊
5. 第三方庫 插件集成 多平臺混合開發
6. React Native項目實戰

Node.js (選學)

1. Node.js發展,生態圈,IO.js
2. 環境配置
3. REPL環境和控制檯程序
4. 異步編程,非阻塞I/O
5. 模塊概念,模塊管理工具
6. 開發流程,調試,測試
7. 事件驅動,事件發射器
8. 加密解密,路徑操做,序列化和反序列化
9. 文件流操做
10. HTTP服務端與客戶端
11. Socket.IO