| 階段/模塊 | 主要內容 | 關鍵技術清單 |
| 第一階段： 頁面構建核心技術 | HTML | 新增特效標簽、 新增API、 緩存的應用 |
| CSS | 新增的特效標簽、
如何使用3D進行動畫制作、
如何進行自適應布局 |
|
| HTML5 | 新增特效標簽、 新增API、 緩存的應用 | |
| CSS3 | 新增的特效標簽、
如何使用3D進行動畫制作、
如何進行自適應布局 |
|
| LESS | Less的環境搭建及語法、 Less相關函數的應用 | |
| 第二階段 頁面交互腳本技術 | JavaScript | js的特性、
js的基礎語法、
js中的常用事件處理、 操作DOM常見的API、 各種數據類型及操作的常見API、 AJAX數據交互及JSON格式語法、 分支結構 if/switch、 正則表達式驗證數據、 循環結構 for/while/do while、 函數及函數應用、 原型對象及繼承、 Window對象常見API |
| ECMAScript | 變量作用域及常量、
結構賦值、
數據類型新增的API、 Promise異步編程、 Async異步操作、 Generator函數 |
|
| Jquery | 選擇器、
DOM操作、
常見事件處理、 動畫特效、 AJAX、 常見API |
|
| GIT | 環境搭建及常見的Git命令、
團隊協作項目開發、 文件上傳倉庫及下載 |
|
| 第三階段 vue框架開發技術 | Vue | Vue基礎語法、
Vue的數據雙向綁定、
Vue動態綁定樣式表、 條件渲染、 列表渲染、 生命周期、 鉤子函數 |
| Element-ui | 基礎組件、
表單組件、
時間組件、 提示框組件、 導航組件、 其他組件 |
|
| 第四階段 小程序開發技術 | 微信小程序 | 賬號注冊及項目創建、
全局配置、
基礎組件、 API接口 |
| Vant | 基礎組件、
表單組件、
反饋組件、
展示組件、 導航組件、 業務組件、 |
|
| 第五階段 移動APP開發技術 | uni-app | uni-app簡介、
uni-app組件、
uni-app條件編譯、 uni-app全局配置、 uni-app API接口、 |
| uView | 基礎組件、
表單組件、
數據組件、
反饋組件、 布局組件、 導航組件、 其他組件、 |
|
| 第六階段 React框架開發技術 | React | 環境搭建、
JSX語法、
組件、 事件、 API接口 |
| React Native | 環境搭建、
基礎組件、
核心組件、 API接口 |
|
| TypeScript | ts與js的區別、
ts基礎語法、
ts變量、 ts事件、 ts數據類型、 ts API接口、 |
