前端工程化精讲

前端工程化精讲 / 一站攻克前端效率工程化难题

李思嘉 贝壳找房前端架构组资深工程师
  • 课程目录
  • 课程介绍
  • 开篇词 | 建立上帝视角,全面系统掌握前端效率工程化

  • 01 | 项目基石:前端脚手架工具探秘

  • 02 | 界面调试:热更新技术如何开着飞机修引擎?

  • 03 | 构建提速:如何正确使用 SourceMap?

  • 04 | 接口调试:Mock 工具如何快速进行接口调试?

  • 05 | 编码效率:如何提高编写代码的效率?

  • 06 | 团队工具:如何利用云开发提升团队开发效率?

  • 07 | 低代码工具:如何用更少的代码实现更灵活的需求?

  • 08 | 无代码工具:如何做到不写代码就能高效交付?

  • 09 | 构建总览:前端构建工具的演进

  • 10 | 流程分解:Webpack 的完整构建流程

  • 11 | 编译提效:如何为 Webpack 编译阶段提速?

  • 12 | 打包提效:如何为 Webpack 打包阶段提速?

  • 13 | 缓存优化:那些基于缓存的优化方案

  • 14 | 增量构建:Webpack 中的增量构建

  • 15 | 版本特性:Webpack 5 中的优化细节

  • 16 | 无包构建:盘点那些 No-bundle 的构建方案

  • 17 | 部署初探:为什么一般不在开发环境下部署代码?

  • 18 | 工具盘点:掌握那些流行的代码部署工具

  • 19 | 安装提效:部署流程中的依赖安装效率优化

  • 20 | 流程优化:部署流程中的构建流程策略优化

  • 21 | 容器方案:从构建到部署,容器化方案的优势有哪些?

  • 22 | 案例分析:搭建基本的前端高效部署系统

  • 结束语 | 前端效率工程化的未来展望

约0分钟

背景介绍

专栏解读

第二部分:构建效率。专栏将会分析那些影响 webpack 构建时间的关键因素,并详细分析对应的解决方案和工具。此外,专栏也会进一步讲解 webpack 5 中新的效率提升方案,带你了解 no-bundle 类构建工具的优缺点。通过这些内容的学习,你将建立完整的构建工具优化思路,进一步优化项目构建效率,最大程度省去那些无谓的等待时间。

第三部分:部署效率。代码从构建到部署是前端能力的延伸。许多企业日常工作中的代码部署使用的是前后端通用的 CI/CD 系统,而很少有前端开发人员在使用过程中能对其中的流程效率进行优化。在这一部分,我将为你介绍业界常用的 CI/CD 系统,分析其中前端项目的效率优化点,以及从打包机方案到容器化方案、前端项目在部署时的注意点和优化空间。学习完这部分内容,你能结合所在企业的技术特点,来打造或优化适合你前端项目的部署流程。

讲师简介

李思嘉 贝壳找房前端架构组资深工程师
在前端开发领域有十多年的开发经验,曾先后在多家大型互联网公司从事前端架构工作,在前端工程化领域有比较深厚的知识和经验积累。目前担任贝壳找房前端架构组资深工程师,专注于公司内前端通用构建平台,以及前端开发工具生态的服务建设。
传播海报-无二维码-无微信头像.png

课程大纲

课程表.jpg

订阅须知

1.本专栏共 22 讲,已全部更新;
2. 支持 视频+音频+图文 3 种阅读形式;
3. 购买后在拉勾 App-课程,可永久观看课程;
4. 视频课程为虚拟商品,一旦售出不可申请退款;
5. 本课程版权归拉勾所有,严禁翻录,违者必究;
6. 如有问题请咨询客服同学,召唤客服>>>

随机推荐

朗适RS100好不好?来看看图文评测!

朗适RS100入手怎么样?详细使用感受报告?

狮王小狮王儿童氟防蛀牙膏 20g评测值得买吗?体验评测揭秘分析?

狮王小狮王儿童氟防蛀牙膏 20g性价比高吗?详细评测报告!

雀巢超启能恩奶粉3段760g*4罐好不好,入手推荐?良心评测点评!

滋源 无患子控油洗头水 200ml实用性高,购买推荐吗?测评大揭秘...