|
課程培訓(xùn)
|
前端工程化（Vite/Webpack/TypeScript）培訓(xùn)課程
前端工程化（Vite/Webpack/TypeScript）培訓(xùn)課程培訓(xùn)對(duì)象前端開(kāi)發(fā)工程師、前端架構(gòu)師、全棧開(kāi)發(fā)人員、需要提升前端工程化能力的研發(fā)人員。 培訓(xùn)目標(biāo)掌握現(xiàn)代前端工程化的核心技術(shù)和最佳實(shí)踐，能夠熟練使用Webpack和Vite進(jìn)行項(xiàng)目構(gòu)建和優(yōu)化，理解TypeScript的類(lèi)型系統(tǒng)并在項(xiàng)目中應(yīng)用，建立規(guī)范化的前端項(xiàng)目架構(gòu)、代碼規(guī)范和自動(dòng)化流程，提升前端項(xiàng)目的可維護(hù)性和開(kāi)發(fā)效率。 培訓(xùn)內(nèi)容一、前端工程化概述：前端工程化的演進(jìn)歷程（刀耕火種到現(xiàn)代化），工程化的核心目標(biāo)（標(biāo)準(zhǔn)化、自動(dòng)化、性能優(yōu)化、可維護(hù)性），工程化體系構(gòu)成（項(xiàng)目腳手架、構(gòu)建工具、代碼規(guī)范、測(cè)試部署）。 二、Webpack核心概念：Webpack的五大核心（Entry、Output、Loader、Plugin、Mode），依賴(lài)圖（Dependency Graph）與模塊解析，打包流程（從配置到輸出）。 三、Webpack Loader配置：常見(jiàn)Loader（babel-loader、css-loader、style-loader、file-loader、url-loader）的配置與應(yīng)用，Loader的鏈?zhǔn)秸{(diào)用與執(zhí)行順序。 四、Webpack Plugin機(jī)制：常見(jiàn)Plugin（HtmlWebpackPlugin、MiniCssExtractPlugin、DefinePlugin、CopyWebpackPlugin）的功能與配置，Plugin與Loader的區(qū)別。 五、Webpack優(yōu)化策略：打包速度優(yōu)化（緩存、多進(jìn)程、DLL），打包體積優(yōu)化（Tree Shaking、代碼分割、懶加載），開(kāi)發(fā)體驗(yàn)優(yōu)化（熱更新、代理配置）。 六、Vite基礎(chǔ)與原理：Vite的設(shè)計(jì)理念（基于原生ES模塊的dev server），與Webpack的對(duì)比，極速冷啟動(dòng)的原理，依賴(lài)預(yù)構(gòu)建。 七、Vite配置與實(shí)踐：Vite配置文件（vite.config.js），插件生態(tài)（官方插件與社區(qū)插件），環(huán)境變量與模式，生產(chǎn)構(gòu)建優(yōu)化。 八、TypeScript基礎(chǔ)：TypeScript的類(lèi)型系統(tǒng)（基礎(chǔ)類(lèi)型、接口、類(lèi)、泛型），類(lèi)型推斷與類(lèi)型斷言，聲明文件（.d.ts）的使用。 九、TypeScript高級(jí)特性：類(lèi)型保護(hù)與類(lèi)型謂詞，條件類(lèi)型（Conditional Types），映射類(lèi)型（Mapped Types），工具類(lèi)型（Partial、Pick、Omit、Record）。 十、TypeScript在項(xiàng)目中的應(yīng)用：React項(xiàng)目中的TypeScript（FC、Props、Hooks類(lèi)型），Vue3項(xiàng)目中的TypeScript（defineComponent、ref類(lèi)型、props類(lèi)型），Node項(xiàng)目中的TypeScript配置。 十一、項(xiàng)目規(guī)范與自動(dòng)化：ESLint配置與規(guī)則定制，Prettier代碼格式化，Husky與lint-staged實(shí)現(xiàn)提交前檢查，Commitizen規(guī)范提交信息。 十二、前端架構(gòu)設(shè)計(jì)案例：從零搭建一個(gè)企業(yè)級(jí)前端項(xiàng)目架構(gòu)，目錄結(jié)構(gòu)設(shè)計(jì)、基礎(chǔ)配置封裝、請(qǐng)求庫(kù)封裝、狀態(tài)管理選型、構(gòu)建部署流程的全流程實(shí)戰(zhàn)。
如果您想學(xué)習(xí)本課程，請(qǐng)預(yù)約報(bào)名
如果沒(méi)找到合適的課程或有特殊培訓(xùn)需求，請(qǐng)訂制培訓(xùn) 除培訓(xùn)外，同時(shí)提供相關(guān)技術(shù)咨詢(xún)與技術(shù)支持服務(wù)，有需求請(qǐng)發(fā)需求表到郵箱soft@info-soft.cn,或致電4007991916 技術(shù)服務(wù)需求表點(diǎn)擊在線申請(qǐng) 服務(wù)特點(diǎn)： 海量專(zhuān)家資源，精準(zhǔn)匹配相關(guān)行業(yè)，相關(guān)項(xiàng)目專(zhuān)家，針對(duì)實(shí)際需求，顧問(wèn)式咨詢(xún)，互動(dòng)式授課，案例教學(xué)，小班授課，實(shí)際項(xiàng)目演示，快捷高效，省時(shí)省力省錢(qián)。 專(zhuān)家力量： 中國(guó)科學(xué)院軟件研究所，計(jì)算研究所高級(jí)研究人員 oracle,微軟，vmware，MSC,Ansys，candence,Altium,達(dá)索等大型公司高級(jí)工程師，項(xiàng)目經(jīng)理，技術(shù)支持專(zhuān)家 中科信軟培訓(xùn)中心，資深專(zhuān)家或講師 大多名牌大學(xué)，碩士以上學(xué)歷，相關(guān)技術(shù)專(zhuān)業(yè)，理論素養(yǎng)豐富 多年實(shí)際項(xiàng)目經(jīng)歷，大型項(xiàng)目實(shí)戰(zhàn)案例，熱情，樂(lè)于技術(shù)分享 針對(duì)客戶實(shí)際需求，案例教學(xué)，互動(dòng)式溝通，學(xué)有所獲 |
聯(lián)系我們
更多>>
咨詢(xún)電話：010-62883247 4007991916 咨詢(xún)郵箱：soft@info-soft.cn
|
