html5前端知識點概述及學習方向

html5前端的知識點及學習方向
做者：叩丁狼教育(雲姐)
連接：https://www.zhihu.com/question/52055152/answer/695000093
來源：知乎
著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。

第一階段 HTML5+CSS3網站
開發主要內容：
一、PhotoShop 熟練掌握PhotoShop，可以獨立完成尺寸測量、切圖、圖層操做、Cutterman切圖神器等
二、HTML5 掌握客戶端和服務端交互原理、瀏覽器內核、語法及使用、經常使用標籤、語義化、表單元素、HTML5 新標籤、編碼規範。
三、CSS3 掌握CSS經常使用屬性、各類選擇器、繼承和優先級、數值與單位、文字文本樣式、CSS盒子模型、CSS背景技巧（圓角、陰影、過渡等）、定位和浮動、僞類和僞元素、、CSS高級技巧（精靈圖、滑動門、CSS三角等）、佈局樣式、CSS兼容性問題、Google瀏覽器開發者工具調試技巧。

第二階段 JavaScript網頁編程
主要內容：
一、編程預科
二、JavaScript基礎 掌握JS基本語法、數據類型、操做符、分支語句、循環語句、操做符、函數、數組、內置對象、事件、DOM操做、JS企業編碼規範、斷點調試等
三、Web APIs和網頁特效 熟悉BOM 編程、DOM高級編程、高級事件處理、瀏覽器兼容性、定時器、經常使用函數庫、高階函數封裝思想、立體輪播圖、動畫特效、導航菜單、瀑布流、3D旋轉木馬、飛機大戰等各類網頁特效等

第三階段 動畫設計和響應式網站
主要內容：
一、JavaScrip高級 掌握面向對象思想、Object深刻剖析、this深刻分析、Function剖析、with和eval函數、JSON應用、閉包原理和應用、繼承思想和應用、原型和原型鏈剖析、做用域和做用域鏈深刻分析、正則表達式、高級函數進階、設計模式和模塊化思想、多種JS調試技巧、ES6等。
二、jQuery框架 掌握jQuery選擇器、jQuery事件處理、jQuery文檔處理、jQuery經常使用方法、jQuery動畫效果、jQuery企業案例、jQuery插件、jQuery源碼分析等。
三、響應式網站開發項目 熟悉BootStrap框架，項目代碼規範、柵格系統佈局、響應式佈局、字體圖標、情景組件、移動端兼容、導航欄佈局、吸頂效果、響應式輪播圖、媒體查詢、模態框、Swiper插件等。
四、動畫特效網站項目 熟悉Less語言、Zepot庫、FlexBox佈局、Gulp自動化構建、MouseWhee插件、3D效果、CSS3動畫特效、Animate動畫庫、WOW特效庫、ScrollReveal庫等。

第四階段 H5全棧開發和AJAX交互
主要內容：
一、Web服務端開發 熟悉網絡基礎、服務器和動態網頁、HTTP協議、GET和POST請求、請求和響應原理
二、AJAX編程 熟悉同步和異步請求、原生AJAX、jQuery-ajax、JSON等知識點
三、面向接口開發 熟悉先後端分離架構設計、RESTful API 設計、Mock.js、Postman工具、天氣查詢案例等。
四、Node.js 熟悉REPL 運行環境、Node調試、NPM 經常使用命令、模塊加載機制、模塊和包、全局對象、做用域和回調函數、異步和同步機制、事件驅動、文件模塊、網絡模塊、路由模塊、RequireJS、Express框架、Koa框架、Egg框架、數據庫操做等。
五、MongoDB 熟悉MySQL、NoSQL、BSON、MongoDB安裝和經常使用命令、MongoDB基本操做、Node操做MongoDB、MongoDB高級命令等
六、Git/GitHub

第五階段 移動Web和Vue電商
瞭解使用原生CSS和JS完成M站項目；掌握移動端適配和兼容問題；熟悉JS抽取和封裝思想；掌握Vue框架技術棧技術（指令、組件、路由等）；熟練使用 Vue技術棧完成項目開發；熟練使用源代碼管理工具；熟悉掌握應對業務編程的能力；熟練使用webpack工具；掌握Web項目的部署與發佈；培營養析問題，獨立解決問題能力；必須掌握代碼調試技能；

第六階段 React和移動App
掌握React框架技術棧技術（指令、組件、路由等）；熟練使用 React技術棧完成項目開發；瞭解混合式App開發框架快速開發移動App；掌握移動端適配和兼容問題；掌握React Native技術棧技術；熟練使用React Native技術棧開發原生App；掌握應對業務編程的能力；熟悉整個項目的分解和開發流程；

第七階段 微信小程序和大數據可視化
掌握小程序的技術棧；熟練並獨立開發小程序項目；掌握小程序的部署與發佈；掌握應對業務編程的能力；培養邏輯層和業務層分離架構思想；培養組件高度封裝能力；培營養析問題，獨立解決問題能力；瞭解Canvas繪圖功能；瞭解使用HTML5開發網頁遊戲；瞭解第三方 AI平臺的使用。