H5學習路線圖
前端入門: 頁面布局與重構, HTML CSS 移動前端開發: 響應式布局, HTML5 CSS Web交互開發: JavaScript, jQuery Ajax 前端高級開發: 原生開發, 移動端開發
HTML5基礎
H5結構標簽,標簽類型H5新標簽語義,屬性語法H5新功能標簽H5表單元素H5視頻,音頻CSS
CSS盒子模型,CSS浮動,定位,CSS結構布局,CSS Sprite技術CSS3語法規則,CSS3選擇器,偽代碼,背景擴展,CSS3新增盒子屬性,文字屬性,CSS3濾鏡,混合模式CSS3鍵值對,CSS3轉化模塊,過度模塊CSS3瀏覽器兼容處理CSS3自定義動畫模塊,CSS3動畫合成混搭iconfont 圖標文字,彈性盒子媒體查詢,響應式布局,CSS3多列CSS3景深透視,3D三位體構建,CSS3三維特效H5實戰
大型網站項目制作技巧,SEO代碼搜索引擎優化技巧
JavaScript基礎
JavaScript簡介 ECMAScript語法基礎變量 函數 條件語句 循環語句 定時器 DOM和BOM操作運算符 數組 遍歷JSON語法基礎 JSON數據解析JavaScript主流瀏覽器兼容處理JavaScript進階
JavaScript運動基礎 運動類型 面向對象的JavaScript運動框架JavaScript指針 閉包 作用域 函數節流深入剖析和運用正則表達書 表單驗證AJAX技術 排序算法 遞歸算法JavaScript內置對象深入剖析面向對象基礎 面向對象進階裝飾著模式選擇框架,面向對象版事件框架,面向對象版高級運動框架jQuery框架
jQuery框架基礎 選擇器 DOM節點操作事件處理機制, jQuery動畫,拖拽,表單開發以及其他高級特性jQuery AJAX技術剖析jQuery特效原理剖析與制作jQuery相關插件Canvas基礎
Canvas基礎,畫布基本圖形APICanvas動畫原理,物理建模,碰撞檢測,邊界識別,粒子系統,遊戲引擎等Canvas特效開發Canvas手機端遊戲制作AngularJS
MVVM.MVC簡介 AngularJS基礎知識服務 控制器 指令作用域 過濾器 模塊化 模塊控制 表單處理AngularJS $http服務和模板AngularJS路由AngularJS項目實戰及API使用React Native
環境配置項目創建 配置 調試 部署 發布React Native原生API 生命周期 Fetch服務React Native路由 UI組件 原生模塊第三方庫 插件集成 多平台混合開發React Native項目實戰Node.js (選學)
Node.js發展,生態圈,IO.js環境配置REPL環境和控制台程序異步編程,非阻塞I/O模塊概念,模塊管理工具開發流程,調試,測試事件驅動,事件發射器加密解密,路徑操作,序列化和反序列化文件流操作HTTP服務端與客戶端Socket.IO