（2018乾貨系列二）最新HTML5學習路線整合

時間 2019-11-08

標籤乾貨系列最新 html5 html 學習路線整合欄目 HTML5 简体版

原文原文鏈接

怎麼學HTML5

HTML5是萬維網的核心語言，標準通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改，一方面提高了用戶體驗，另外一方面HTML5技術跨平臺，適配多終端，改變了傳統開發者需針對不一樣操做系統進行研發的局面。css

面對不一樣層次的人羣，學習可分爲如下幾個大類。話很少說，直接上乾貨！前端

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優化
- 搭建組件庫與按需載入
- 瀏覽器渲染與瀏覽器引擎
- 深刻理解後端開發模式