工程師
互聯(lián)網(wǎng)
持續(xù)集成
組織
前端
工程化
工具鏈
源碼解讀
推薦課程
average > 0 ? $model->average . '分' : '10.0分' ?>

前端工程化設(shè)計(jì)和Node.JS實(shí)踐

Lucas_HC

前某內(nèi)容類互聯(lián)網(wǎng)上市公司 前大社區(qū)業(yè)務(wù)前端研發(fā)負(fù)責(zé)人 / 增長(zhǎng)&創(chuàng)作者&用戶體驗(yàn)研發(fā)團(tuán)隊(duì)負(fù)責(zé)人

Lucas，前某互聯(lián)網(wǎng)上市公司研發(fā)總監(jiān) 大社區(qū)業(yè)務(wù)前端研發(fā)負(fù)責(zé)人 / 增長(zhǎng)&創(chuàng)作者& 用戶體驗(yàn)研發(fā)團(tuán)隊(duì)負(fù)責(zé)人，管理 scope 近百人。擅長(zhǎng)架構(gòu)選型、團(tuán)隊(duì)技術(shù)方向制定和 難點(diǎn)問題攻堅(jiān)，擅長(zhǎng)前端工程化體系搭建，以及基礎(chǔ)建設(shè)流程設(shè)計(jì)， 深入了解前端各類技術(shù)框架和相關(guān)技術(shù)棧，同時(shí)擁有高流量產(chǎn)品穩(wěn)定性建設(shè)以及性 能和用戶體驗(yàn)優(yōu)化相關(guān)豐富經(jīng)驗(yàn)，在業(yè)務(wù)提效和質(zhì)量保障方面亦有深厚積累，在跨端（包 括小程序矩陣）、富文本編輯器、Node.js、React.js、LowCode 等技術(shù)方向有較強(qiáng)業(yè)內(nèi)
影響力。曾先后工作于： 谷歌， 百度（知識(shí)搜索部） 國(guó)內(nèi)外知名互聯(lián)網(wǎng)企業(yè)，具有豐富的團(tuán)隊(duì)管理經(jīng)驗(yàn)，除前端團(tuán)隊(duì)外，還負(fù)責(zé)增長(zhǎng)業(yè) 務(wù) & 創(chuàng)作者業(yè)務(wù) & 用戶體驗(yàn)業(yè)務(wù)前后端、客戶端研發(fā)團(tuán)隊(duì)。在技術(shù)氛圍打造，團(tuán)隊(duì) 成員培養(yǎng)，技術(shù)體系建設(shè)，新技術(shù)落地，難點(diǎn)攻堅(jiān)，歷史包袱重構(gòu)方面有豐富實(shí)踐經(jīng)歷。 著有《React 狀態(tài)管理和服務(wù)端同構(gòu)實(shí)踐》《前端開發(fā)核心知識(shí)進(jìn)階》《前端工程 化和基礎(chǔ)建設(shè)》等多部暢銷書，在開源方面，擔(dān)任公司開源技術(shù)委員會(huì)主席和技術(shù)沉淀 組 owner，個(gè)人參與維護(hù)多項(xiàng) FaceBook, Google 主導(dǎo)的多項(xiàng)業(yè)內(nèi)知名開源項(xiàng)目。

Lucas，前某互聯(lián)網(wǎng)上市公司研發(fā)總監(jiān) 大社區(qū)業(yè)務(wù)前端研發(fā)負(fù)責(zé)人 / 增長(zhǎng)&創(chuàng)作者& 用戶體驗(yàn)研發(fā)團(tuán)隊(duì)負(fù)責(zé)人，管理 scope 近百人。擅長(zhǎng)架構(gòu)選型、團(tuán)隊(duì)技術(shù)方向制定和 難點(diǎn)問題攻堅(jiān)，擅長(zhǎng)前端工程化體系搭建，以及基礎(chǔ)建設(shè)流程設(shè)計(jì)， 深入了解前端各類技術(shù)框架和相關(guān)技術(shù)棧，同時(shí)擁有高流量產(chǎn)品穩(wěn)定性建設(shè)以及性 能和用戶體驗(yàn)優(yōu)化相關(guān)豐富經(jīng)驗(yàn)，在業(yè)務(wù)提效和質(zhì)量保障方面亦有深厚積累，在跨端（包 括小程序矩陣）、富文本編輯器、Node.js、React.js、LowCode 等技術(shù)方向有較強(qiáng)業(yè)內(nèi) 影響力。曾先后工作于： 谷歌， 百度（知識(shí)搜索部） 國(guó)內(nèi)外知名互聯(lián)網(wǎng)企業(yè)，具有豐富的團(tuán)隊(duì)管理經(jīng)驗(yàn)，除前端團(tuán)隊(duì)外，還負(fù)責(zé)增長(zhǎng)業(yè) 務(wù) & 創(chuàng)作者業(yè)務(wù) & 用戶體驗(yàn)業(yè)務(wù)前后端、客戶端研發(fā)團(tuán)隊(duì)。在技術(shù)氛圍打造，團(tuán)隊(duì) 成員培養(yǎng)，技術(shù)體系建設(shè)，新技術(shù)落地，難點(diǎn)攻堅(jiān)，歷史包袱重構(gòu)方面有豐富實(shí)踐經(jīng)歷。 著有《React 狀態(tài)管理和服務(wù)端同構(gòu)實(shí)踐》《前端開發(fā)核心知識(shí)進(jìn)階》《前端工程 化和基礎(chǔ)建設(shè)》等多部暢銷書，在開源方面，擔(dān)任公司開源技術(shù)委員會(huì)主席和技術(shù)沉淀 組 owner，個(gè)人參與維護(hù)多項(xiàng) FaceBook, Google 主導(dǎo)的多項(xiàng)業(yè)內(nèi)知名開源項(xiàng)目。

課程費(fèi)用

5800.00 /人

課程時(shí)長(zhǎng)

2天

成為教練

課程簡(jiǎn)介

《前端基礎(chǔ)建設(shè)與工程化設(shè)計(jì)》課程從項(xiàng)目組織協(xié)同、依賴管理方案、核心技術(shù)選型、開發(fā)構(gòu)建工作流設(shè)計(jì)、工程化架構(gòu)思路、持續(xù)集成部署等角度出發(fā)，深度剖析前端基礎(chǔ)建設(shè)和工程化架構(gòu)的現(xiàn)代化方案。
課程中既有優(yōu)秀工程案例分析，也有源碼級(jí)深入解讀；既有工具鏈整合方案，也有體系化協(xié)同串聯(lián)。能夠幫助學(xué)習(xí)者快速理解工程化方案，進(jìn)而能夠打造自動(dòng)化、智能化的基礎(chǔ)建設(shè)方案，以及順滑流暢的工作流機(jī)制。

目標(biāo)收益

? 理解業(yè)務(wù)開發(fā)中很少涉及到的編譯流程
? 從基礎(chǔ)建設(shè)和工程化角度，提升開發(fā)效率
? 從基礎(chǔ)建設(shè)和工程化角度，優(yōu)化應(yīng)用性能
? 開拓技術(shù)視野，理解現(xiàn)代化前端工程設(shè)計(jì)方案
? 脫離重復(fù)瑣碎的業(yè)務(wù)開發(fā)，系統(tǒng)地了解基礎(chǔ)建設(shè)的方方面面
? 理解前端構(gòu)建工具（如 Webpack）實(shí)現(xiàn)細(xì)節(jié)和原理
? 更好地從零搭建一個(gè)優(yōu)秀的項(xiàng)目，整合工作流程

培訓(xùn)對(duì)象

? 3 年以上經(jīng)驗(yàn)的前端開發(fā)工程師
? 面臨技術(shù)瓶頸的前端團(tuán)隊(duì)
? 負(fù)責(zé)技術(shù)方案制定和基礎(chǔ)建設(shè)的資深工程師
? 缺少新技術(shù)指引、缺少接觸優(yōu)秀項(xiàng)目機(jī)會(huì)的前端團(tuán)隊(duì)

課程大綱

前端編譯原理知識(shí)介紹 – 解讀 AST（抽象語(yǔ)法樹）
– 基于 AST，理解工程化雛形（實(shí)踐）
前端生態(tài)和包管理方案解析 – NPM 原理解析
? Yarn 方案介紹
– Package.json 重要字段介紹
串聯(lián)前端工具，打造自動(dòng)化流程 – 構(gòu)建工具介紹和方案對(duì)比
– 解析 Babel 生態(tài)
– Webpack 實(shí)踐指南（實(shí)踐）
– Rollup 實(shí)踐指南（實(shí)踐）
– 動(dòng)手實(shí)現(xiàn)構(gòu)建工具（實(shí)踐）
落地規(guī)范和測(cè)試方案，完善基礎(chǔ)建設(shè)流程 – Lint 方案解析
– 測(cè)試方案解析
– 綁定 Git hooks，融合 Prettier, ESLint 以及測(cè)試方案（實(shí)踐）
抽象基礎(chǔ)建設(shè)，提供工程一體化方案 – Create-react-app 原理解析
– 實(shí)現(xiàn)企業(yè)級(jí)腳手架
現(xiàn)代化工程方案原理介紹和實(shí)踐 – Tree shaking 優(yōu)化原理和實(shí)踐（實(shí)踐）
– 優(yōu)化代碼分割方案，解析按需加載和打包（實(shí)踐）
– 解析壓縮和混淆
– 通過構(gòu)建分析，提升開發(fā)效率和應(yīng)用性能（實(shí)踐）
– 無(wú)打包方案原理與實(shí)踐（實(shí)踐）
– Monorepo 架構(gòu)設(shè)計(jì)
– 漫談 CI/CD 與 DevOps
前端編譯原理知識(shí)介紹
– 解讀 AST（抽象語(yǔ)法樹）
– 基于 AST，理解工程化雛形（實(shí)踐）
前端生態(tài)和包管理方案解析
– NPM 原理解析
? Yarn 方案介紹
– Package.json 重要字段介紹
串聯(lián)前端工具，打造自動(dòng)化流程
– 構(gòu)建工具介紹和方案對(duì)比
– 解析 Babel 生態(tài)
– Webpack 實(shí)踐指南（實(shí)踐）
– Rollup 實(shí)踐指南（實(shí)踐）
– 動(dòng)手實(shí)現(xiàn)構(gòu)建工具（實(shí)踐）
落地規(guī)范和測(cè)試方案，完善基礎(chǔ)建設(shè)流程
– Lint 方案解析
– 測(cè)試方案解析
– 綁定 Git hooks，融合 Prettier, ESLint 以及測(cè)試方案（實(shí)踐）
抽象基礎(chǔ)建設(shè)，提供工程一體化方案
– Create-react-app 原理解析
– 實(shí)現(xiàn)企業(yè)級(jí)腳手架
現(xiàn)代化工程方案原理介紹和實(shí)踐
– Tree shaking 優(yōu)化原理和實(shí)踐（實(shí)踐）
– 優(yōu)化代碼分割方案，解析按需加載和打包（實(shí)踐）
– 解析壓縮和混淆
– 通過構(gòu)建分析，提升開發(fā)效率和應(yīng)用性能（實(shí)踐）
– 無(wú)打包方案原理與實(shí)踐（實(shí)踐）
– Monorepo 架構(gòu)設(shè)計(jì)
– 漫談 CI/CD 與 DevOps

活動(dòng)詳情

提交需求