第一部分：計算機基礎知識儲備

計算機網路基礎、計算機編譯原理、演算法導論、設計模式初步認識、程式碼規範

第二部分：理論基礎（新手入門）

1、建立網頁（靜態、動態）：HTML/HTML5、CSS/CSS3、JavaScript基礎（源生）
2、程式語言：JavaScript（ES5、ES6+）、TypeScript
3、前端框架（其中一種）：Vue.js（v2/v3）、React.js、Angular.js
4、瞭解函數語言程式設計

第三部分：技術進階(專案實戰)

1、Node.js

Node+Vue專案實戰（入門開發 --> 專案上線部署）
Node+React專案實戰（入門開發 --> 專案上線部署）

2、移動端開發

Flutter專案實戰
ReactNative移動開發實戰

3、小程式開發

微信、支付寶、百度、京東等
Taro多端跨平臺小程式開發

4、桌面級應用開發

Electron專案實戰：入門、進階、效能優化
PWA入門與實戰：入門、進階、效能優化

5、專案工程化

模組打包（WebPack實戰：入門、進階、調優）

6、技術拓展（後端基礎）

程式語言(C/C+/JAVA)、資料庫、作業系統

第四部分：自我整合（高階前端）

1、WASM

面向WebAssembly程式設計、WebAssembly原理與核心技術

2、視覺化開發

資料視覺化：Echarts資料視覺化、D3.js
圖形、影象：Three.js開發指南、OpenGL程式設計指南、TypeScript影象渲染：基於WebGL的3D架構與實現

3、UI、UE

產品設計：使用者體驗要素
可用性設計：互動

4、音訊、視訊

WerRTC技術詳解、WerRTC原理（原始碼分析）
專案實戰：React+Flutter+Go實戰

5、Low-Code

實戰低程式碼、零程式碼實戰