簡(jiǎn)介：通過(guò)對(duì)兩個(gè)組件的基礎(chǔ)集成、封裝、應(yīng)用讓小伙伴了解組件封裝的實(shí)際意義，和真實(shí)項(xiàng)目場(chǎng)景的使用。手把手一步步教學(xué)，讓大家領(lǐng)會(huì)封裝全流程與實(shí)現(xiàn)。
第1章 課程導(dǎo)學(xué)
本章講解為什么要學(xué)習(xí)這門(mén)課，學(xué)完能學(xué)到什么，以及項(xiàng)目的完整展示
第2章 前端進(jìn)階能力
本章科普前端工程師的進(jìn)階能力，全棧能力、組件庫(kù)封裝能力、工程化能力、全流程能力、多端能力，大型項(xiàng)目實(shí)戰(zhàn)能力、架構(gòu)能力等。 本章重點(diǎn)講解組件封裝。
第3章 項(xiàng)目準(zhǔn)備
本章用最新的技術(shù)?？焖俚拇罱ㄒ粋€(gè)簡(jiǎn)易開(kāi)發(fā)環(huán)境，為后續(xù)開(kāi)發(fā)做準(zhǔn)備。
第4章 Icon和Button組件封裝
本章通過(guò)對(duì)iconfont官網(wǎng)的學(xué)習(xí)，了解3個(gè)不同字體圖標(biāo)的優(yōu)缺點(diǎn)。手把手帶領(lǐng)大家封裝兩個(gè)組件，并舉一反三，讓同學(xué)了解一個(gè)組件庫(kù)的搭建模型。
第5章 發(fā)布&應(yīng)用&優(yōu)化
本章講解組件庫(kù)如何運(yùn)行到npm上，讓更多的項(xiàng)目來(lái)集成我們封裝的組件庫(kù)，以及如何應(yīng)用這些組件和優(yōu)化。
第6章 總結(jié)&擴(kuò)展
本章講解組件庫(kù)如何運(yùn)行到npm上，讓更多的項(xiàng)目來(lái)集成我們封裝的組件庫(kù)，以及如何應(yīng)用這些組件。
解鎖即可觀看《前端高級(jí)工程師（大前端）》完整課程視頻
前端高級(jí)工程師（大前端）
全新打造“技術(shù)成長(zhǎng)與職業(yè)破局”雙高體系，深度打通“全棧 + 全流程 +多端+ 提效+AI賦能”
【第1周】前端高級(jí)工程師成長(zhǎng)心經(jīng)
【第2周】大型復(fù)雜項(xiàng)目需求分析及整體架構(gòu)設(shè)計(jì)
【第3周】需求分析能力：與產(chǎn)品、后端溝通，設(shè)計(jì)工具
【第4周】玩轉(zhuǎn)Node.js：前端開(kāi)發(fā)&調(diào)試雙擊破
【第5周 上篇】Vue3項(xiàng)目框架搭建及響應(yīng)式開(kāi)發(fā)方案
【第5周 下篇】首頁(yè)開(kāi)發(fā)、Mock接口及前端測(cè)試技巧
【第6周 上篇】服務(wù)端渲染原理與Linux/Docker
【第6周 下篇】服務(wù)端開(kāi)發(fā)：走向全棧Nodejs與數(shù)據(jù)庫(kù)
【第7周】深入Git 高效代碼管理與團(tuán)隊(duì)協(xié)作
【第8周】前端開(kāi)發(fā)利器：Mock接口及接口測(cè)試工具
【第9周】前端工程化：Webpack&Vite構(gòu)建
【第10周】CICD持續(xù)集成和部署及云構(gòu)建工具
【第11周】設(shè)計(jì)通用管理后臺(tái)組件庫(kù)：初始化模板+組件
【第12周】通用管理后臺(tái)組件庫(kù)：業(yè)務(wù)組件&頁(yè)面開(kāi)發(fā)
【第13周】管理后臺(tái)：功能性組件&可視化圖表與地圖
【第14周】組件庫(kù)工程化：自動(dòng)構(gòu)建部署與測(cè)試
【第15周】桌面端應(yīng)用：豐富組件庫(kù)應(yīng)用場(chǎng)景
【第16周】工程化必備：開(kāi)發(fā)腳手架項(xiàng)目
【第17周】進(jìn)階自動(dòng)化能力：云構(gòu)建+云部署能力擴(kuò)展
【第18周】融合CLI+DevOps，封裝桌面端應(yīng)用
【第19周】Vue組件庫(kù)開(kāi)發(fā)知識(shí)付費(fèi)項(xiàng)目核心頁(yè)面
【第20周】動(dòng)態(tài)表單+表格：知識(shí)付費(fèi)項(xiàng)目用戶管理開(kāi)發(fā)
【第21周】復(fù)雜交互場(chǎng)景自定義：項(xiàng)目?jī)?nèi)容管理開(kāi)發(fā)
【第22周】大型權(quán)限系統(tǒng)設(shè)計(jì)：多租戶權(quán)限數(shù)據(jù)庫(kù)設(shè)計(jì)
【第23周】登錄認(rèn)證+權(quán)限管理
【第24周】內(nèi)容+學(xué)習(xí)+用戶+交易核心業(yè)務(wù)服務(wù)開(kāi)發(fā)
【第25周】Nestjs服務(wù)端部署、測(cè)試及CICD
【第26周】深入WebSocket
【第27周】架構(gòu)入門(mén)：前后端的微服務(wù)
【第28周】架構(gòu)實(shí)踐：nestjs框架微服務(wù)技術(shù)
【第29周】架構(gòu)進(jìn)階：微服務(wù)架構(gòu)重構(gòu)服務(wù)端項(xiàng)目
【第30周】架構(gòu)運(yùn)維實(shí)踐：Docker+k8s
【第31周】uniapp+unicloud云開(kāi)發(fā)
【第32周】小程序uni-admin云后臺(tái)應(yīng)用
【第33周】創(chuàng)建頁(yè)面路由，小程序項(xiàng)目核心頁(yè)面開(kāi)發(fā)
【第34周】小程序項(xiàng)目接口對(duì)接與測(cè)試
【第35周】小程序支付專題
【第36周】React源碼解析&生態(tài)核心技術(shù)方案
【第37周】React組件庫(kù)設(shè)計(jì)：提升工程化+組件化
【第38周】React組件測(cè)試及性能優(yōu)化
【第39周】Vue3源碼解讀
【第40周】職業(yè)發(fā)展指導(dǎo)與AI在職場(chǎng)中應(yīng)用
【加餐&新課體驗(yàn)周AI加餐福利&新課體驗(yàn)】AI加餐福利&新課體驗(yàn)