【体系课】吃透前端工程化，大厂级实战项目以战带练 完整版

杀神

第1章 高薪就业：为什么前端工程化必须学？ 试看3 节 | 5分钟
前端工程化≠Webpack ，真正的前端工程化覆盖一个项目从创建到开发到发布的整个流程，既是目前大厂主流的项目提效方案，更是高薪面试 “必考项”！从本章开始，让我们一起跟随 Sam 老师，开启“前端工程化”得升级之旅吧！...

第2章 零基础：极速入门前端工程化基石之模块化技术 试看12 节 | 129分钟
前端工程化是如何一步步发展到今天的？它在现阶段开发中的起到了怎样关键的影响和作用？本章将借助前端工程化的发展历史，带大家重新认识前端工程化的应用场景、适用范围和其中的关键技术，如：CommonJS、ESModule、npm、webpack等...

第3章 入门到进阶：玩转Webapck打包构建9 节 | 76分钟
公司老旧原生项目需要改造，如何优雅应用工程化得思维排雷? 从本章开始，将与大家一起完成“原生js项目的工程化架构升级”得任务，通过该项目实战，你将正式入门前端工程化，成为前端工程化开发领域的实践者！在全面掌握和实践工程化知识体系的同时，开发效率也将获得显著提升！工欲善其事必先利其器，让我们先来认识一下...

第4章 原生js项目：零基础——项目源码分析+工程化改造流程分析4 节 | 17分钟
知己知彼，才能百战百胜！本章将带你在认识项目源码的同时，梳理工程化改造的流程以及其中需要重点关注的问题，做好战情分析，更加从容的迎击！

第5章 原生js项目：零基础——项目工程架构升级5 节 | 39分钟
本章将带你完成原生JS项目工程化改造的第一步：从搭建项目框架、将html、js、css原生代码移植到项目中，到进行相应的webpack处理，以工程化的思维破圈。

第6章 原生js项目：进阶实战——如何实现项目性能优化？ 试看9 节 | 65分钟
本章将完成原生项目的进阶升级，将囊括各种工程化的高级技巧，包括：js/css文件分离、treeshaking原理和应用、splitChunk、ejs模板等等处理。理论和实践都不放过，干货满满，不容错过！

第7章 原生js项目：进阶实战——原生js 升级 Vue 框架完整流程9 节 | 55分钟
企业实际应用中，我们往往会应用MVVM框架进一步提升开发效率，本章我们将对原生项目使用Vue框架进行升级，还会同时实现Vue MPA、Vue SPA两种运行模式，彻底带大家搞懂如何将webpack模块化升级到Vue框架。

第8章 大型前端项目：进阶实战——架构升级需求分析+构建源码分析8 节 | 56分钟
大型前端项目提出改造需求，什么样的工程化解决方案更实用？从本章开始，将与大家一起完成“Vue2-Vue3项目工程化架构升级”得任务，通过该项目实战，你将拥有更广阔的开发思路，在企业工程化架构升级中更快上手，成为前端工程化架构升级最优方案的提供者。在项目工程化改造准备环节，Sam老师将从升级需求和构建源码两个角度...

第9章 大型前端项目：进阶实战——深入解析Webpack热更新技术（HMR）原理6 节 | 57分钟
理论实践不分家。打好理论基础，才能更好实战开发。想要对vue2-elm进行完美的工程化架构升级，那你一定要知道这个核心中间件： devMiddleware。除了这个插件外，本章还会对其他webpack插件进行详解，包括：HMR、vue-cli、hotMiddleware等。...

第10章 大型前端项目：进阶实战——Vue2升级Vue3框架9 节 | 52分钟
你知道如何对vue2项目进行vue3升级吗？你知道进行vue3升级时需要重点关注哪些内容吗？比你高薪的同事可能早已掌握了这些，快跟随课程行动起来吧！！本章内容将带你实现vue2项目的vue3项目升级，全面拥抱vue3。

第11章 大型前端项目：高阶实战——Webpack性能优化全面解析9 节 | 75分钟
大型前端项目工程庞大而复杂，因此，我们在对其进行性能优化的同时，更要深入理解其核心插件的实现原理，才能真正掌握如何应用webpack更加从容优雅的进行性能优化。

第12章 大型前端项目：尝鲜——Webpack5新特性通关8 节 | 87分钟
完成了项目的性能优化后，我们还要紧跟时代脚步，对项目进行webpack5的全面升级。包括升级原项目中webpack4语法，升级webpack-cli版本、module语法，还添加了css-minimizer-webpack-plugin插件。webpack5升级是项目质变的关键要素之一

第13章 工程化脚手架：零基础——工程化脚手架设计+脚手架快速入门和实战16 节 | 121分钟
大型前端团队技术栈庞杂、技术体系不一致，如何统一团队的工程体系、实现工程规范和标准对齐？从本章开始，将与大家一起完成“imooc-build 工程化脚手架开发”的任务，通过该项目实战，你将能够独立完成对大型项目的前端工程化架构升级以及工程化脚手架的搭建，成为前端工程化架构升级的领导者。在正式启动之前，让我们先...

第14章 工程化脚手架：进阶实战——深入脚手架框架Commander+脚手架框架搭建14 节 | 121分钟
在明确了工程化脚手架的实际应用场景后，我们更清楚了脚手架需要实现的功能。接下来，让我们正式进入脚手架的开发搭建工作吧！

第15章 工程化脚手架：进阶实战——工程化脚手架启动流程实战11 节 | 119分钟
脚手架需要实现的核心功能之一，即统一底层打包流程。这个功能需要我们开发build模块，本章就将带领大家实现 build 命令的逻辑，完成build命令的实现及配置。

第16章 工程化脚手架：进阶实战——工程化脚手架构建服务实战20 节 | 227分钟
脚手架需要实现的另一个核心功能，即统一项目底层启动命令。而在这个功能中，我们需要开发出dev模块。本章将带领大家添加 start 命令并实现其逻辑。完成脚手架两大核心功能的开发。

第17章 工程化脚手架：高阶实战——深入工程化脚手架插件机制+Vue插件开发15 节 | 151分钟
干货不嫌多！带大家开发完脚手架核心功能后，我们还未大家准备了脚手架开发的进阶内容：插件能力开发。无论需求怎么提，你都能轻松稳住。

第18章 工程化脚手架：高阶实战——Babel工程化实战+React插件开发 17 节 | 175分钟
在学习了vue插件开发之后，我们将来学习前端工程化中另一流行框架React插件的开发，本章就将从React原理解析开始，深度解析super-tiny-compiler编译器实现原理，从zbestpc项目移植到react项目集成工程化脚手架，彻底搞懂React插件实现原理。...

第19章 抢先实战：零基础——Vite快速入门
本章将带领大家快速入门Vite的基础实战，并讲解Vite原理和Webpack的区别等内容

第20章 抢先实战：进阶实战——Vite接入工程化脚手架
本章通过zbestpc Vite改造+工程化脚手架接入，完成Vite的进阶实战

第21章 加餐：高阶实战——webpack5源码解析
在项目中我们用到了那么多webpack5技术，怎么能没有深度的源码解析呢？本章就将深度解析webpack实现原理和核心源码，彻底搞懂webpack5 实现原理。

第22章 加餐：高阶实战——vue-loader源码解析
vue-loader代表了一个非常复杂的webpack loader，通过对vue-loader的深度解析，不仅可以讲透loader的运行机制，同时其中的代码有很多可以借鉴之处

第23章 加餐：高阶实战——vue-cli5源码解析
vue-cli5脚手架搭建运行是课程中非常具有难度的一环。为了让大家更好的掌握vue-cli脚手架的实现原理，我们将深入探究vue-cli5源码，包括实现原理、执行流程源码，husky、lint-staged等内容的介绍和实现原理分析。想不彻底掌握vue-cli脚手架都难。...

游客，如果您要查看本帖隐藏内容请回复

mytest123

啥也不说了，感谢楼主分享哇！

xianyi

啥也不说了，感谢楼主分享哇！

randy_1981

正需要，支持楼主大人了！

joky5699

啥也不说了，感谢楼主分享哇！

哇哇

确实是难得好帖啊，顶先

191900053

啥也不说了，感谢楼主分享哇！

whj1984

啥也不说了，感谢楼主分享哇！

昊天的资源

确实是难得好帖啊，顶先

dmzdada

啥也不说了，感谢楼主分享哇！