（2018乾貨系列二）最新HTML5學習路線整合
阿新 • • 發佈：2018-12-27
怎麼學HTML5
HTML5是全球資訊網的核心語言，標準通用標記語言下的一個應用超文字標記語言（HTML）的第五次重大修改，一方面提升了使用者體驗，另一方面HTML5技術跨平臺，適配多終端，改變了傳統開發者需針對不同作業系統進行研發的局面。
面對不同層次的人群，學習可分為以下幾個大類。話不多說，直接上乾貨！
HTML5初級開發工程師
-
HTML5課程介紹
- 網際網路發展趨勢
- H5語言的優勢
- 簡單易學人人都能程式設計
- H5就業和薪資情況
- H5常見的專案與產品
- H5的未來與方向
-
HTML基礎
- HTML簡介與歷史版本
- 常用開發軟體
- 常見標籤與屬性
- 表格與表單
- 標籤規範與標籤語義化
- 實戰：網頁結構佈局
-
CSS基礎
- css簡介與基本語法
- 常見的各種樣式屬性
- CSS選擇器與標籤型別
- 理解盒子模型與CSS重置
- 浮動與定位
- 利用photoshop工具測量樣式
- HTML+CSS開發網頁
- 實戰：高仿電商首頁效果
-
CSS3基礎
- css3常見樣式
- css3選擇器
- 變形與動畫
- 3D效果與關鍵幀
- 彈性盒模型
-
移動端佈局
- 移動端基本概念
- viewport視窗設定
- 移動端佈局方案
- rem、vh、vw等單位
- 響應式佈局
- bootstrap框架
-
JavaScript基礎
- JS簡介
- JS變數
- 資料型別與型別轉換
- 運算子與優先順序
- 流程控制-if..else
- 流程控制-switch...case
- 流程控制-while、do..while、for迴圈
- break、continue語法
- 函式定義與呼叫
- 全域性變數與區域性變數
- 函式傳參與返回值
- 函式作用域與變數作用域
- DOM的基本操作
- 定時器使用
- this指向與修改指向
- 陣列、字串等方法操作
- 時間物件與正則物件
- 掌握常見BOM操作
- 常見事件與事件細節
- JSON與AJAX
- JSONP跨域操作
- 前端cookie的使用
- 實戰：JS配合HTML與CSS完成電商專案
-
jquery框架
- jquery框架介紹及優勢介紹
- jquery核心思想
- jquery常見方法
- jquery動畫操作
- jqueryAJAX操作
- jquery工具方法
- 利用jquery快速開發網頁
-
PHP基礎
- PHP簡介與基本語法
- mysql資料庫及sql語法
- apache伺服器與整合開發工具
- PHP連結資料庫
- PHP與AJAX互動
- 實戰：留言板、登入、註冊等
-
H5基礎專案
- 專案簡介
- 專案功能演示
- 專案劃分及框架
- 編寫HTML頁面結構
- 設定CSS樣式
- 新增JS互動
- 可選框架：bootstrap、jquery、PHP等
- 專案除錯及相容
- 專案驗收
HTML5中高階開發工程師
-
面向物件基礎
- 面向物件概述
- 物件和建構函式（類）之間的關係
- 物件的屬性和方法
- 原型與原型鏈
- 包裝物件與內部實現
- 物件中實現繼承方式
- 設計模式及實際運用
-
JavaScript高階
- JS演算法與排序演算法
- promise非同步處理
- 運動與tween演算法
- 閉包與模組化
- JS元件開發
- 打造小型jquery框架
- JS效能優化
- ES6新增功能
-
前端工程化
- gulp基本使用
- less、sass、babel等預編譯框架
- 理解模組概念，AMD與CMD規範
- 前端模組框架seaJS、requireJS
- webpack基本使用
-
多人協作
- svn基本用法與視覺化工具
- 多人開發流程
- git基本用法
- 命令列操作
- 分割槽及分支等概念
- 遠端github操作
- 實戰：多人協作開發專案
-
HTML5新功能
- canvas繪圖
- svg繪圖
- 音訊與視訊
- 本地儲存與離線儲存
- 地理資訊
- web Worker
- web Socket
-
NodeJS基礎
- node與npm概念及使用
- node模組方式
- node常用內建模組
- node爬蟲與檔案自動化處理
- node搭建伺服器與簡單路由
- mongodb非關係資料庫
- mongodb安裝與db操作
- mongodb增刪改查
- mongodb與node結合開發
- mongoose資料建模
- mongoose與node結合開發
- express框架
- 中介軟體與ejs模板引擎
- Robomongo與postman工具
- express+mongoose搭建後端框架
- 設計Restful API
- 實戰：前後端分離式開發
-
微信端開發
- 移動端互動與移動端事件
- 微信場景與swiper框架
- 微信公眾號介紹
- 網頁授權與JSSDK
- 微信web開發者工具使用
- 微信小程式開發
- 實戰：公眾號與小程式專案同步開發
HTML5大神級開發工程師
-
VueJS框架
- Vue框架簡介
- 漸進式與響應式
- 模板語法與計算屬性
- 指令與資料處理器
- 生命週期
- 元件與元件通訊
- Vuex狀態管理
- Vue動畫與路由
- 單檔案元件與腳手架
- 基於Vue的元件框架
- 實戰：Vue與Node全棧開發
-
ReactJS框架
- React框架簡介
- JSX語法
- 元件與元件通訊
- 屬性與狀態設定
- 虛擬DOM
- 生命週期
- redux架構
- react-redux使用
- react-router使用
- Mem腳手架使用
- 實戰：React與Node全棧開發
-
AngularJS框架
- Angular框架簡介
- TypeScript基礎與進階
- 開發環境配置
- 架構、模組與元件
- 模板、元資料與資料顯示
- 服務於指令
- 依賴注入
- 路由
- 實戰：Angular與Node全棧開發
-
Hybrid App開發
- App介紹與分類
- Android/ios與H5通訊
- Cordova/Phonegap框架
- HTML5+基於HB工具
- React Native
-
前端架構
- 單元測試與編寫測試用例
- 自動化測試方案
- 前端安全與HTTP協議
- 專案上線與一鍵部署
- 資料統計與SEO優化
- 搭建元件庫與按需載入
- 瀏覽器渲染與瀏覽器引擎
- 深入理解後端開發模式