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