連結 https://zhuanlan.zhihu.com/p/76356672

1.HTML5+CSS3

PC端網站佈局：

了解常用瀏覽器和瀏覽器核心;了解語義化的概念;掌握HTML5語法及使用技巧;掌握HTML5常用標籤。掌握CSS語法及使用技巧;掌握DIV+CSS佈局方式;掌握常見網頁佈局模式。掌握Photoshop切圖以及播件切圖;能夠熟練使用開發人員工具進行頁面除錯能夠根據PSD檔案獨立完成靜態頁面的開發工作。

WebApp頁面佈局：

掌握HTML5新佈局標籤、多媒體標籤;掌握CSS32D.3D變換、動畫效果;能夠使用CSS3新屬性美化修飾網頁;了解移動端螢幕、移動端瀏覽器、作業系統的不同。掌握常用移動端除錯方法;掌握常用移動端適配方法;掌握CSS前處理器less的使用;掌握常用移動端框架使用方法;掌握常見移動端頁面開發;掌握響應式佈局開發;掌握Bootstrap開發響應式頁面;掌握適配不同終端的網頁開發技術選型。

階段學習成果檢測，完成PC端商城頁面佈局，完成移動端頁面佈局

2.JS互動設計

JavaScript基礎-進階-高階：

能夠掌握JavaScript基本語法;掌握常見JavaScript演算法;掌握DOM的各種操作;熟練使用面向物件思想進行DOM程式設計;掌握JavaScript的高階語法;掌握JavaScript常見相容性方案。獨立完成視訊網站的頁面搭建(包括HTML結構、CSS樣式、 JavaScript 特效);掌握應對業務程式設計的能力;掌握團隊合作開發流程。

JQuery

熟練使用jQuery操作DOM ;熟練使用和編寫jQuery案例。

階段學習成果檢測，完成視訊類目網站佈局、互動、封裝、效能優化等等

3.Node開發

ECMAScript6

了解ES6和JS的關係;掌握ES6的基礎用法和相容性;熟練掌握ES6的核心語法;熟練使用ES6實現前端模組化開發。

WebPack模組打包器

熟練使用Webpack模組打包器;熟練掌握前端自動化工具;

Node基礎、Express框架、前端模組化、MongoDB

能夠建立客戶端伺服器互動模型，熟悉網路通訊相關概念;能夠使用Nodejs進行Web服務端開發;能夠掌握JavaScript非同步程式設計模型;能夠掌握JavaScript模組化程式設計方式;能夠使用Nodejs操作MongoDB資料庫;能夠理解HTTP協議;能夠獨立開發基於後臺介面的動態網站、Ajax 資料互動的專案;能夠獨立完成企業網站從前臺到後臺的基本開發工作。

階段學習成果檢測，完成即時聊天系統

4.前端框架

資料視覺化、Vue、React

能夠掌握JavaScript基本語法;掌握常見JavaScript演算法;掌握DOM的各種操作;熟練使用面向物件思想進行DOM程式設計;掌握JavaScript的高階語法;掌握JavaScript常見相容性方案。

Angular

掌握Angular常用的指令掌握如何定義和使用模組與元件掌握路由的配置

階段學習成果檢測，完成商城後臺管理系統、電商網站註冊登入、訂單管理、條件篩選等等功能

能夠掌握小程式的開發基礎;能夠獨立開發小程式專案;能夠掌握Canvas的使用;能夠掌握小程式的部署與釋出;能夠掌握小程式開發框架mpwue的使用;掌握第三方AI平臺的使用。

微信小遊戲開發

能夠掌握小遊戲開發基礎;能夠獨立開發小遊戲專案;能夠掌握小遊戲的部署與釋出;掌握第三方AI平臺的使用。

React Native

能夠獨立使用React Native開發原生APP ;

階段學習成果檢測，完成微信小程式開發、微信小遊戲開發、原生APP開發

6.就業準備簡歷編輯面試禮儀面試常見題面試演練等等

最後，前端是一個不斷學習的過程，學到這裡，並不是結束，而是在這個行業剛剛起步，想要學習更多的前端內容，需要在工作中不斷學習、積累、成長。