工程师
互联网
持续集成
组织
前端
工程化
工具链
源码解读
推荐课程
average > 0 ? $model->average . '分' : '10.0分' ?>

前端工程化设计和Node.JS实践

Lucas_HC

前某内容类互联网上市公司 前大社区业务前端研发负责人 / 增长&创作者&用户体验研发团队负责人

Lucas,前某互联网上市公司研发总监 大社区业务前端研发负责人 / 增长&创作者& 用户体验研发团队负责人,管理 scope 近百人。擅长架构选型、团队技术方向制定和 难点问题攻坚,擅长前端工程化体系搭建,以及基础建设流程设计, 深入了解前端各类技术框架和相关技术栈,同时拥有高流量产品稳定性建设以及性 能和用户体验优化相关丰富经验,在业务提效和质量保障方面亦有深厚积累,在跨端(包 括小程序矩阵)、富文本编辑器、Node.js、React.js、LowCode 等技术方向有较强业内
影响力。曾先后工作于: 谷歌, 百度(知识搜索部) 国内外知名互联网企业,具有丰富的团队管理经验,除前端团队外,还负责增长业 务 & 创作者业务 & 用户体验业务前后端、客户端研发团队。在技术氛围打造,团队 成员培养,技术体系建设,新技术落地,难点攻坚,历史包袱重构方面有丰富实践经历。 著有《React 状态管理和服务端同构实践》《前端开发核心知识进阶》《前端工程 化和基础建设》等多部畅销书,在开源方面,担任公司开源技术委员会主席和技术沉淀 组 owner,个人参与维护多项 FaceBook, Google 主导的多项业内知名开源项目。

Lucas,前某互联网上市公司研发总监 大社区业务前端研发负责人 / 增长&创作者& 用户体验研发团队负责人,管理 scope 近百人。擅长架构选型、团队技术方向制定和 难点问题攻坚,擅长前端工程化体系搭建,以及基础建设流程设计, 深入了解前端各类技术框架和相关技术栈,同时拥有高流量产品稳定性建设以及性 能和用户体验优化相关丰富经验,在业务提效和质量保障方面亦有深厚积累,在跨端(包 括小程序矩阵)、富文本编辑器、Node.js、React.js、LowCode 等技术方向有较强业内 影响力。曾先后工作于: 谷歌, 百度(知识搜索部) 国内外知名互联网企业,具有丰富的团队管理经验,除前端团队外,还负责增长业 务 & 创作者业务 & 用户体验业务前后端、客户端研发团队。在技术氛围打造,团队 成员培养,技术体系建设,新技术落地,难点攻坚,历史包袱重构方面有丰富实践经历。 著有《React 状态管理和服务端同构实践》《前端开发核心知识进阶》《前端工程 化和基础建设》等多部畅销书,在开源方面,担任公司开源技术委员会主席和技术沉淀 组 owner,个人参与维护多项 FaceBook, Google 主导的多项业内知名开源项目。

课程费用

5800.00 /人

课程时长

2

成为教练

课程简介

《前端基础建设与工程化设计》课程从项目组织协同、依赖管理方案、核心技术选型、开发构建工作流设计、工程化架构思路、持续集成部署等角度出发,深度剖析前端基础建设和工程化架构的现代化方案。
课程中既有优秀工程案例分析,也有源码级深入解读;既有工具链整合方案,也有体系化协同串联。能够帮助学习者快速理解工程化方案,进而能够打造自动化、智能化的基础建设方案,以及顺滑流畅的工作流机制。

目标收益

• 理解业务开发中很少涉及到的编译流程
• 从基础建设和工程化角度,提升开发效率
• 从基础建设和工程化角度,优化应用性能
• 开拓技术视野,理解现代化前端工程设计方案
• 脱离重复琐碎的业务开发,系统地了解基础建设的方方面面
• 理解前端构建工具(如 Webpack)实现细节和原理
• 更好地从零搭建一个优秀的项目,整合工作流程

培训对象

• 3 年以上经验的前端开发工程师
• 面临技术瓶颈的前端团队
• 负责技术方案制定和基础建设的资深工程师
• 缺少新技术指引、缺少接触优秀项目机会的前端团队

课程大纲

前端编译原理知识介绍 – 解读 AST(抽象语法树)
– 基于 AST,理解工程化雏形(实践)
前端生态和包管理方案解析 – NPM 原理解析
• Yarn 方案介绍
– Package.json 重要字段介绍
串联前端工具,打造自动化流程 – 构建工具介绍和方案对比
– 解析 Babel 生态
– Webpack 实践指南(实践)
– Rollup 实践指南(实践)
– 动手实现构建工具(实践)
落地规范和测试方案,完善基础建设流程 – Lint 方案解析
– 测试方案解析
– 绑定 Git hooks,融合 Prettier, ESLint 以及测试方案(实践)
抽象基础建设,提供工程一体化方案 – Create-react-app 原理解析
– 实现企业级脚手架
现代化工程方案原理介绍和实践 – Tree shaking 优化原理和实践(实践)
– 优化代码分割方案,解析按需加载和打包(实践)
– 解析压缩和混淆
– 通过构建分析,提升开发效率和应用性能(实践)
– 无打包方案原理与实践(实践)
– Monorepo 架构设计
– 漫谈 CI/CD 与 DevOps
前端编译原理知识介绍
– 解读 AST(抽象语法树)
– 基于 AST,理解工程化雏形(实践)
前端生态和包管理方案解析
– NPM 原理解析
• Yarn 方案介绍
– Package.json 重要字段介绍
串联前端工具,打造自动化流程
– 构建工具介绍和方案对比
– 解析 Babel 生态
– Webpack 实践指南(实践)
– Rollup 实践指南(实践)
– 动手实现构建工具(实践)
落地规范和测试方案,完善基础建设流程
– Lint 方案解析
– 测试方案解析
– 绑定 Git hooks,融合 Prettier, ESLint 以及测试方案(实践)
抽象基础建设,提供工程一体化方案
– Create-react-app 原理解析
– 实现企业级脚手架
现代化工程方案原理介绍和实践
– Tree shaking 优化原理和实践(实践)
– 优化代码分割方案,解析按需加载和打包(实践)
– 解析压缩和混淆
– 通过构建分析,提升开发效率和应用性能(实践)
– 无打包方案原理与实践(实践)
– Monorepo 架构设计
– 漫谈 CI/CD 与 DevOps

活动详情

提交需求