階段亮點(diǎn)
1、各大企業(yè)使用的主流框架全面深入講解,擴展知識體系廣度、深度,讓學(xué)員輕松掌握企業(yè)內各場(chǎng)景業(yè)務(wù)開(kāi)發(fā)
2、搭配企業(yè)級項目深入講解各框架知識點(diǎn),實(shí)戰 + 教學(xué)讓學(xué)員更加快速深入掌握各框架的使用以及理解,提前適應企業(yè)工作內容
3、項目均采用前后端分離模式,從前端開(kāi)發(fā)到后端構建,打造項目核心業(yè)務(wù)閉環(huán),
4、手把手帶學(xué)員設計,一步步開(kāi)發(fā)真實(shí)接口,將接口與數據庫設計作為重中之重,不斷提升系統構建能力,為職場(chǎng)賦能
5、班級學(xué)生分組完成項目的需求分析、詳細設計、編碼開(kāi)發(fā)、測試上線(xiàn)的全流程,培養學(xué)員問(wèn)題分析能力、解決問(wèn)題和團隊協(xié)作的能力,為即將進(jìn)入企業(yè)項目組能獨擋一面做充分準備。
6、可從事崗位:《Web 前端開(kāi)發(fā)工程師》、《高級前端工程師》、《全棧開(kāi)發(fā)工程師》、《小程序開(kāi)發(fā)工程師》、《Uniapp 開(kāi)發(fā)工程師》
學(xué)習目標
前端工程化(1周)
1、理解前端工程化
2、掌握 webpack 基礎配置,能夠獨立搭建項目
3、理解 loader 和 plugin 的作用和原理
4、熟練使用 git 進(jìn)行文件版本管理
5、掌握 vite 的基礎配置,理解和 webpack 的區別
Vue2 (2周)
1、理解響應式數據開(kāi)發(fā)模式和 is 傳統開(kāi)發(fā)模式的區別
2、掌握組件化開(kāi)發(fā)思想和組件通訊的各種方式
3、掌握自定義指令和 mixins 封裝公用邏輯
4、理解 Vue2 的數據響應式和雙向綁定的原理
5、掌握單頁(yè)面應用和多頁(yè)面應用的使用場(chǎng)景及區別
6、掌握路由兩種模式的底層原理
7、熟練使用 Vuex 狀態(tài)管理工具
Vue3 +Typescript (2周)
1、了解TS編譯流程及配置TS編譯器
2、熟練掌握 Typescript 的基礎以及應用
3、熟練掌握 Vue3 選項式 API
4、Vue2 到 Vue3 的遷移,了解兩者之間的區別
5、解構Vue3源碼,掌握框架核心
6、熟練掌握組合式 API 的應用
7、使用Vue3 配合 Typescript 進(jìn)行項目的開(kāi)發(fā),提高開(kāi)發(fā)效率和代碼質(zhì)量
8、熟練使用 Pinia 管理公共狀態(tài)
9、使用 Vite +Vue3 +Typescript + Pinia+Eslint 完成大屏數據可視化項目開(kāi)發(fā)
10、掌握獨立開(kāi)發(fā)完整項目以及快速定位分析、解決問(wèn)題的能力
11、掌握企業(yè)級項目各場(chǎng)景性能優(yōu)化、數據可視化綜合解決方案
小程序(2周)
1、具備小程序頁(yè)面布局的能力
2、具備小程序異步請求的能力
3、具備小程序登錄授權開(kāi)發(fā)能力
4、熟練掌握小程序硬件交互能力
5、熟悉各項微信開(kāi)發(fā)功能
6、掌握 uni-app 混合框架的使用
7、多端小程序(支付寶,百度,字節跳動(dòng))應用
8、使用 uni-app 復刻企業(yè)級音樂(lè ) app項目
9、掌握 uni-app 快速構建多端小程序以及移動(dòng)端應用的能力
react(4周)
1、理解虛擬 dom 以及 React diff 算法
2、深入理解 React 的合成事件
3、熟練使用 React ClassComponent 組件開(kāi)發(fā)項目
4、全面掌握 Hooks 使用方法、技巧和場(chǎng)景
5、掌握高階組件、自定義 Hook 封裝公共邏輯
6、掌握 React 多種性能優(yōu)化的實(shí)現
7、掌握 Redux 使用方法、技巧和場(chǎng)景
8、具備使用 React+TypeScript+Antd 獨立完成項目開(kāi)發(fā)的能力
9、掌握 Redux 使用方法、技巧和場(chǎng)景
10、全面掌握 Umi 框架
11、從需求分析→原型圖分析→數據庫與接口設計→前端界面開(kāi)發(fā)→后端開(kāi)發(fā)→前后端聯(lián)調,了解項目的整體架構及設計
12、掌握跨端+適配技能
13、從單一模塊開(kāi)發(fā)到組件化開(kāi)發(fā),掌握企業(yè)核心開(kāi)發(fā)思想
能力目標
1、熟練掌握 Vue2,深入理解響應式原理和組件化開(kāi)發(fā)
2、能輕松駕馭 Vue3 ,且能深入理解為什么使用組合式 API
3、學(xué)會(huì )如何應用 Vue 及其相關(guān)技術(shù)棧開(kāi)發(fā)企業(yè)項目研發(fā)
4、理解 Umi 的應用開(kāi)發(fā)場(chǎng)景和技術(shù)選型依據
5、能夠應用 Umi 開(kāi)發(fā) B 端項目
6、學(xué)會(huì )如何應用 React 完成 C端項目研發(fā)
7、掌握原生小程序開(kāi)發(fā)
8、掌握第三方框架實(shí)現跨端和跨平臺小程序開(kāi)發(fā)
9、有解決系統難點(diǎn)經(jīng)驗及實(shí)踐,并能敘述清楚
10、了解常用打包構建工具,并能用其解決打包過(guò)程中遇到的實(shí)際問(wèn)題
11、能夠使用前后端分離模式,高效開(kāi)發(fā)商業(yè)級全棧項目
12、能夠具備項目的構建能力