技術(shù)階段一網(wǎng)頁布局
可掌握的核心能力借助PxCook工具，參照設計稿，能綜合使用HTML+CSS技術(shù)完成企業(yè)級小兔鮮兒電商項目PC端首頁開發(fā)
內(nèi)容介紹1. HTML 負責網(wǎng)頁的結(jié)構(gòu)層，是網(wǎng)頁開發(fā)的基礎，從最簡單的網(wǎng)頁骨架搭建入手，使用常見的 HTML 標簽豐富網(wǎng)頁結(jié)構(gòu)。
2. 在 HTML 搭建的網(wǎng)頁結(jié)構(gòu)基礎上，通過 CSS 選擇器 精準選擇標簽，使用外觀、盒模型相關屬性完成網(wǎng)頁全部內(nèi)容，學習傳統(tǒng)浮動、定位等完成網(wǎng)頁布局，側(cè)重使用 Flex 布局技巧精準控制網(wǎng)頁布局，最終結(jié)合背景、圓角、陰影等裝飾屬性進一步美化網(wǎng)頁效果，達到能夠編寫企業(yè)級大型綜合網(wǎng)頁。
3. 借助PxCook工具，基于設計稿編寫網(wǎng)頁，確保網(wǎng)頁的高度還原，通過綜合運用 HTML + CSS 技術(shù)，按照實際項目開發(fā)流程，歸納開發(fā)技巧，提升綜合實戰(zhàn)水平，最終完成企業(yè)級小兔鮮兒電商項目PC端首頁開發(fā)。
技術(shù)階段二移動Web
可掌握的核心能力1. 使用CSS高級特效，豐富網(wǎng)頁元素的呈現(xiàn)方式和效果
2. 使用rem或vw、vh實現(xiàn)網(wǎng)頁元素寬高隨著視口變化等比縮放的效果
3. 使用bootstrap框架布局響應式網(wǎng)頁
內(nèi)容介紹1. 使用css高級特效豐富網(wǎng)頁元素的呈現(xiàn)方式和效果。
2. 首先介紹Flex布局模型,實現(xiàn)移動端網(wǎng)頁的基本布局;再講解兩種移動端網(wǎng)頁適配不同分辨率的解決方案,并使用不同的解決方案制作網(wǎng)頁元素寬高隨著視口的變化而等比縮放的效果。
3. 學習響應式的原理,并使用bootstrap框架完成響應式網(wǎng)頁的布局。
技術(shù)階段三JavaScript
可掌握的核心能力1. 掌握 JavaScript 核心語法，培養(yǎng)編程邏輯思維
2. 掌握 DOM 和 BOM 對象的常用屬性和方法，能夠完成網(wǎng)頁常見的交互效果
3. 掌握 JavaScript 底層工作機制和 ES6+ 高級特性，能夠高效實現(xiàn)業(yè)務邏輯
4. 能夠使用 axios 實現(xiàn) Ajax 操作，為后續(xù)項目課做好技術(shù)鋪墊
5. 能夠運用 Git 管理前端項目，并且使用 Git 分支進行多人協(xié)同開發(fā)
6. 能夠使用 Promise 與 async/await 高效的實現(xiàn)異步操作
內(nèi)容介紹1. 學習JavaScript核心語法規(guī)則，深入理解 ECMAScript 的知識體系及工作機制。
2. 學習DOM和BOM對象的屬性和方法,以完成網(wǎng)頁常見的交互效果。
3. 利用 axios 發(fā)起 Ajax 請求，實現(xiàn)前后端的數(shù)據(jù)交互。并講解 HTTP 請求的過程以及 Ajax 的底層原理。深入學習 JS 異步的底層原理，能夠使用 Promise 處理異步操作，并使用 async/await 簡化異步操作。
4. 能夠創(chuàng)建 Git 倉庫管理前端項目，基于 Git 分支進行多人協(xié)同開發(fā)，并且能夠把本地的 Git 倉庫同步到遠程碼云或 Github 倉庫中。
技術(shù)階段四Vue.js
可掌握的核心能力1. 通過 Vue2 和 Vue3 的核心知識學習，掌握企業(yè)開發(fā)中常見業(yè)務功能實現(xiàn)；
2. 通過深入 Vue 技術(shù)棧學習 vue-router vuex vant element-ui 等主流技術(shù)，掌握企業(yè)級項目開發(fā)方式，如移動端H5項目與PC端管理項目；
3. 掌握 qiankun 微前端技術(shù)，具備重構(gòu)巨石應用的能力，實現(xiàn)技術(shù)棧無關開發(fā)方式；
4. 掌握 three.js web 3D技術(shù)，具備大屏3D可視化開發(fā)能力。
內(nèi)容介紹1. 掌握模塊化思想，npm包管理，webpack基礎，初探工程化開發(fā)。
2. 運用Vue2.0全家桶核心內(nèi)容實現(xiàn)開發(fā)中常見的功能，如購物車，經(jīng)典列表、TodoMVC等。運用 Vant 開發(fā)移動端，運用element-ui開發(fā)PC后臺管理系統(tǒng)。
3. 掌握 Vue3 新特性、Vite 新一代構(gòu)建工具、組合式 API、Pinia 等。
4. 掌握 qiankun 微前端庫，重構(gòu)巨石應用、做到與技術(shù)無關。
5. 掌握 three.js web 3D技術(shù)，具備大屏3D可視化開發(fā)能力。
6. 掌握 Vue 底層原理。
技術(shù)階段五小程序&多端開發(fā)
可掌握的核心能力1. 掌握原生小程序開發(fā)，能夠獨立完成原生小程序項目開發(fā)。
2. 掌握 uni-app 多端框架，能夠獨立開發(fā)小程序和其他端的開發(fā)。
內(nèi)容介紹1. 了解小程序開發(fā)的一般流程序，熟悉小程基礎組件的使用，能夠基于 wxml 和 wxss 實現(xiàn)小程序的界面布局，基于模板的數(shù)據(jù)綁定實現(xiàn)數(shù)據(jù)的動態(tài)渲染，基于 API 實現(xiàn)與服務端的數(shù)據(jù)通信，以及熟悉其它高級 API 的使用。
2. 理解 uni-app 實現(xiàn)跨平臺開發(fā)的原理機制，理清單文件組件與原生小程序組件的對應關系，以及 uni-app 開發(fā)小程序時開發(fā)時與原生小程序的差異。
技術(shù)階段六鴻蒙應用開發(fā)
可掌握的核心能力1. 掌握TS核心語法，能夠使用TS開發(fā)應用程序；
2. 掌握 Vue3 + TS 實戰(zhàn)運用，能完成企業(yè)級 Web 應用1~2的需求開發(fā)；
3. 掌握 ArkTS 和 ArkUI 核心技術(shù)，能夠完成 HarmonyOS 應用基礎界面開發(fā)；4. 掌握 ohos 內(nèi)置能力，完成網(wǎng)絡管理、進程內(nèi)通信、消息通知、文件管理相關業(yè)務開發(fā)；
5. 掌握基于ArkUI進行組件封裝，完成自定義功能組件開發(fā)，擴展鴻蒙系統(tǒng)組件能力；
6. 掌握數(shù)據(jù)性能優(yōu)化方案，完成長列表數(shù)據(jù)懶加載，提高應用用戶體驗；
7. 掌握原生動畫技巧，實現(xiàn)流暢頁面間動畫、組件元素動畫。
內(nèi)容介紹1. 掌握TypeScript基礎語法，且在項目中熟練運用TypeScript。
2. 掌握 ArkTS 核心語法&接口，掌握ArkUI 搭建鴻蒙應用界面，且在鴻蒙應用開發(fā)中熟練使用。
技術(shù)階段七React.js
可掌握的核心能力通過 React + Hooks + Redux Toolkit 的學習，實現(xiàn)多種業(yè)務場景下的功能開發(fā)，如 B站評論、知乎頻道管理、美團外賣、記賬本等業(yè)務功能
內(nèi)容介紹1. 基于 React 腳手架（create-react-app）搭建React項目，掌握JSX語法搭建頁面結(jié)構(gòu)，使用函數(shù)組件實現(xiàn)組件化開發(fā)，掌握組件通訊在項目開發(fā)中的使用。
2. 掌握 useEffect Hook 的應用，掌握 useRef Hook 的高級用法，理解 Hooks 原理，掌握 react-router-dom 的應用。
3. 掌握 React 最常用狀態(tài)管理工具 Redux 的基本使用，使用 react-redux 鏈接庫在 React 中使用 Redux，掌握 Redux 中間件 redux-thunk 用來處理異步請求，掌握 Redux Tookit 簡化 Redux 的使用。
4. 利用 React + Hooks + Redux Tookit 實現(xiàn)記賬本案例，對整個 React 階段所學內(nèi)容進行練習，驗證我們是否掌握了 React 開發(fā)能力。
