《前端工程化精講》一站攻克前端效率工程化難題

158資源整合網(wǎng)：《前端工程化精講》一站攻克前端效率工程化難題 培訓課程內(nèi)容介紹：

專欄梳理了前端開發(fā)工作流程中和效率提升相關(guān)的知識點和案例，為你構(gòu)筑一個系統(tǒng)性的前端效率知識體系，建立正確的問題解決思路，讓你進行效率優(yōu)化時有據(jù)可依。

課程分別從開發(fā)效率、構(gòu)建效率和部署效率 3 個維度來展開講解。

第一部分：開發(fā)效率。開發(fā)是我們?nèi)粘９ぷ鬟^程中最熟悉的部分。工欲善其事必先利其器，在這一部分，專欄主要分析各種項目在開發(fā)過程中的效率提升點，例如在項目啟動時如何選擇和配置自定義腳手架、如何配置我們的開發(fā)聯(lián)調(diào)環(huán)境等效率優(yōu)化細節(jié)，還會介紹時下流行的云開發(fā)、無代碼工具、低代碼工具等提效新思路。學習之后，能夠在未來的項目開發(fā)中自如地選擇和搭建最適合自身的開發(fā)工具集。

第二部分：構(gòu)建效率。專欄將會分析那些影響 webpack 構(gòu)建時間的關(guān)鍵因素，并詳細分析對應(yīng)的解決方案和工具。此外，專欄也會進一步講解 webpack 5 中新的效率提升方案，帶你了解 no-bundle 類構(gòu)建工具的優(yōu)缺點。通過這些內(nèi)容的學習，你將建立完整的構(gòu)建工具優(yōu)化思路，進一步優(yōu)化項目構(gòu)建效率，最大程度省去那些無謂的等待時間。

第三部分：部署效率。代碼從構(gòu)建到部署是前端能力的延伸。許多企業(yè)日常工作中的代碼部署使用的是前后端通用的 CI/CD 系統(tǒng)，而很少有前端開發(fā)人員在使用過程中能對其中的流程效率進行優(yōu)化。在這一部分，我將為你介紹業(yè)界常用的 CI/CD 系統(tǒng)，分析其中前端項目的效率優(yōu)化點，以及從打包機方案到容器化方案、前端項目在部署時的注意點和優(yōu)化空間。學習完這部分內(nèi)容，你能結(jié)合所在企業(yè)的技術(shù)特點，來打造或優(yōu)化適合你前端項目的部署流程。

《前端工程化精講》一站攻克前端效率工程化難題 課程內(nèi)容目錄：

第一部分：開發(fā)效率

01 項目基石：前端腳手架工具探秘
02 界面調(diào)試：熱更新技術(shù)如何開著飛機修引擎？
03 構(gòu)建提速：如何正確使用SourceMap？
04 接口調(diào)試：Mock工具如何快速進行接口調(diào)試？
05 編碼效率：如何提高編寫代碼的效率？
06 團隊工具：如何利用云開發(fā)提升團隊開發(fā)效率？
07 低代碼工具：如何用更少的代碼實現(xiàn)更靈活的需求？
08 無代碼工具：如何做到不寫代碼就能高效交付？

第二部分：構(gòu)建效率

09 構(gòu)建總覽：前端構(gòu)建工具的演進
10 流程分解：Webpack的完整構(gòu)建流程
11 編譯提效：如何為Webpack編譯階段提速？
12 打包提效：如何為Webpack打包階段提速？
13 緩存優(yōu)化：那些基于緩存的優(yōu)化方案
14 增量構(gòu)建：Webpack中的增量構(gòu)建
15 版本特性：Webpack5中的優(yōu)化細節(jié)
16 無包構(gòu)建：盤點那些No-bundle的構(gòu)建方案

第三部分：部署效率

17 部署初探：為什么一般不在開發(fā)環(huán)境下部署代碼？
18 工具盤點：掌握那些流行的代碼部署工具
19 安裝提效：部署流程中的依賴安裝效率優(yōu)化
20 流程優(yōu)化：部署流程中的構(gòu)建流程策略優(yōu)化
21 容器方案：從構(gòu)建到部署，容器化方案的優(yōu)勢有哪些？
22 案例分析：搭建基本的前端高效部署系統(tǒng)

結(jié)束語 前端效率工程化的未來展望