編碼的世界 / 優質文選 / 生涯

H5學習路線圖


2022年3月18日
-   

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基礎,畫布基本圖形API
  • Canvas動畫原理,物理建模,碰撞檢測,邊界識別,粒子系統,遊戲引擎等
  • 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
  • 熱門文章