第壹階段:專業核心基礎
階段目標:
1.精通HTML5，CSS3，Less，Sass，響應書排版和移動端開發。
2.巧用HTML+CSS特性完成頁面布局。
4.熟練應用CSS3技術，動畫和彈性盒模型設計。
5.熟練完成手機頁面的設計。
6.熟練運用所學知識模仿任何網站。
7.能夠綜合運用所學知識完成網頁設計實戰。
知識點:
1，Web前端開發環境，HTML常用標簽，表單元素，表格布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面布局和美化，可以模仿任何網站的前端頁面實現。
2.CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性框模型、響應式布局和移動終端。熟練使用CSS3開發網頁，熟練開發移動終端，整理網頁開發技巧。
3.預編譯css技術:less和sass的基礎知識，插件的應用和BootStrap源代碼分析。能夠熟練使用less和sass完成項目開發，對BootStrap有深刻的理解。
4.使用HTML、CSS、LESS、SASS等技術完成web項目實戰。通過項目掌握第壹階段html和css的內容，完成PC端和移動端的頁面設計。
第二階段:Web後臺技術
階段目標:
1.了解JavaScript的發展歷史，掌握節點環境的構建和npm的使用。
2.掌握JavaScript的基本數據類型和變量的概念。
3.掌握JavaScript中運算符的使用。
4.深刻理解結構語句和循環語句。
5.熟練運用數組完成各種練習。
6.熟悉es6的語法，掌握JavaScript面向對象編程。
7.DOM和BOM實踐以及H5新特性和協議學習。
知識點:
1，軟件開發過程，算法，變量，數據類型，除法語句，循環語句，數組，函數。熟練運用JavaScript知識完成各種練習。
2.JavaScript面向對象基礎、異常處理機制、通用對象api、js兼容性和ES6新特性。精通JavaScript面向對象開發，掌握es6中的重要內容。
3.BOM操作和DOM操作。熟練使用BOM對象和DOM對象。
4.h5相關api，canvas，ajax，數據模擬，觸摸事件，mockjs。熟練運用所學知識完成網站項目開發。
第三階段:數據庫和框架實戰
階段目標:
1.綜合運用Web前端技術進行頁面布局和美化。
2.綜合運用Web前端開發框架進行Web系統開發。
3.掌握Mysql和Mongodb數據庫的開發。
4.熟悉vue.js、webpack、elementui等前端盒子技術。
5.巧用Node.js開發後臺應用。
6.對Restful、Ajax、JSON和開發流程有深入的了解，掌握git的基本技能。
知識點:
1，數據庫知識，範型，MySQL配置，命令，建庫建表，數據增刪查詢，mongodb數據庫。深入了解數據庫管理系統的壹般知識以及MySQL數據庫的使用和管理，為Node.js的後臺開發打下堅實的基礎
2.模塊系統、函數、路由、全局對象、文件系統、請求處理、Web模塊、Express框架、MySQL數據庫處理、RestfulAPI、文件上傳等。熟練使用Node.js運行環境和後臺開發框架，完成Web系統的後臺開發。
3.vue的組件、生命周期、路由、組件、前端工程、webpack和elementui框架。對Vue.js框架的基本使用有清晰的認識，能夠使用Vue.js完成基本的前端開發，熟練使用Vue.js框架的高級功能完成Web前端開發和組件開發，對MVVM模式有深刻的理解。
4.需求分析、數據庫設計和後臺開發，利用vue和node完成pc端和移動端的全站開發。在node . js+vue . js+web pack+MySQL+MongoDB+git中實現了全站項目的完整功能並在線發布。
第四階段:移動和微信實戰
階段目標:
1.掌握React.js的框架，使用React.js完成開發。
2.掌握移動終端的開發原理，了解原生開發和混合開發。
3.熟練使用react-native和Flutter框架完成移動開發。
4.掌握微信小程序，了解支付寶小程序的開發。
5.完成大型電子商務項目開發。
知識點:
1，React，面向組件編程的基本概念，表單數據，組件通信，監控，聲明循環，路由和Redux。練習使用react完成項目開發，掌握Redux中的異步解決方案Saga。
2.react-native、開發工具、視圖和渲染、api操作、Flutter環境構建、路由、ListView組件、網絡請求和打包。掌握react-native和Flutter的框架，分別使用react-native和Flutter開發移動項目。
3.微信小程序基本介紹，開發工具，視圖和渲染，api操作，支付寶小程序介紹和api學習。掌握微信小程序的開發，了解支付寶小程序。
4.大型購物網站實際運營，整個項目前後臺分開開發；整個項目分為四個部分:PC端網頁、手機APP、小程序、後臺管理。團隊協作開發，使用git進行版本控制。Three.js和TypeScript可以在目標期內擴展。
Web前端學習路線思維導圖