首页 实战 吃透前端工程化，大厂级实战项目以战带练
收藏

吃透前端工程化，大厂级实战项目以战带练

明星讲师Sam最新力作，带你走在时代前沿

吃透前端工程化，大厂级实战项目以战带练

￥1680.00
已完结 难度 中级 时长 40小时 学习人数 269 综合评分 10.00
立即购买 加购物车
立即购买 加购物车
打造前端高薪竞争力
套餐价格：¥2,416.00
2门课 总价：¥2,679.00
立即购买
课程介绍 
中级  · 269人报名 ¥1680.00
课程介绍 
中级  · 1513人报名 ¥999.00
工程化&脚手架一站通
套餐价格：¥1,966.00
2门课 总价：¥2,179.00
立即购买
课程介绍 
中级  · 269人报名 ¥1680.00
课程介绍 
中级  · 278人报名 ¥499.00
热门框架入门到架构设计一站通
套餐价格：¥2,236.00
2门课 总价：¥2,479.00
立即购买
课程介绍 
中级  · 269人报名 ¥1680.00
课程介绍 
初级  · 254人报名 ¥799.00

前端工程化 ≠ Webpack ，真正的前端工程化覆盖一个项目从创建到开发到发布的整个流程，既是目前大厂主流的项目提效方案，更是高薪面试 “必考项”！课程通过三个接地气的大厂级实战项目，循序渐进的帮你构建前端工程化体系，塑造全局视野，帮你实现从前端工程化的“践行者”到“领导者”的蜕变！

Sam
讲师

资深前端架构师

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定
重新观看

如果你现在还不了解前端工程化，将注定与大厂无缘

对现有项目进行
性能优化升级
提高应用访问性能
增强架构稳定性
对大型项目进行
工程化架构升级
开发工程化脚手架
统一底层工作流程
提升团队作业协同性
优化人效
提升项目
开发、运行的效率
前端工程化
前端工程化已然成为行业公认的项目提效主流解决方案，是高级开发者必会、必用的一环

同样是前端开发，“前端工程化” 是高薪和底薪岗位的关键分水岭

要求掌握“前端工程化”的岗位，起薪≥30k
不要求掌握“前端工程化”的岗位，起薪≥ 10k
先人一步掌握前端工程化，就等于提前掌握了高薪密码

系统掌握前端工程化，轻松驾驭前端研发生命周期全流程

慕课网名师 Sam 历时1年精心设计的体系好课

Vue2 和 Vue3 项目从零搭建

透过源码彻底搞懂 VueCLI

Webpack 应用和源码解析

webpack-dev-server 原理解析

Webpack Loader、Plugins 深入应用

工程化脚手架统一底层项目工程化链路

深耕原理
拆解核心知识点

项目一：原生JS项目架构升级实践

项目二：大型前端项目工程架构升级实践

项目三：大型集团前端团队工程化脚手
                架开发，前端项目底层工程链
                路统一

以战带练
独立完成工程化落地

大厂前端研发流程揭秘

前端构建工具链解析

前端自动化测试解析

前端代码规范库解析

前端持续集成研发模式解析

vue-loader+vue-cli+webpack 三个核心库

源码解析

技术纵深
显著提高个人竞争力
不管是前端新人还是资深开发，这门课程都能让你收获满满！
系统构建
系统掌握
工程化知识体系
底层原理
从源码角度透视
工程化实现原理
实战应用
解决实战过程中
各种工程化难题
降本增效
提升开发效率
提升研发质量
跳槽面试
轻松应对，各种工程化
面试问题
职位晋升
为晋升leader 或
架构师扫平障碍

Sam老师多年实践经验提炼的学习路径
扫平知识盲区，解决你工作中大部分的问题！

前端项目
ZBestPC
vue2-elm
vue-element-admin
前端框架
Vue
vue-router
vuex
React
Webpack
Loader
vue-loader
url-loader
css-loader
less-loader
ejs-loader
babel-loader
Plugin
HtmlWebpackPlugin
MiniCssExtractPlugin
WebpackBundleAnalyzer
TerserWebpackPlugin
WebpackCopyPlugin
Webpack-cli
vue-cli
create-react-app
gulp
rollup
imooc-build
Plugin
VuePlugin
ReactPlugin
ComponentPlugin
start
build
Javascript容器
Node.js
浏览器
如何使用 webpack 对 原生 JS 项目
体积、构建速度、性能进行优化处理？
如何使用 vue2 语法对原生 JS 项目进
行改造，实现 Vue SPA 应用？
如何将项目中的 vue2.0 语法升级到
vue3.0，包括兼容 vue3 全家桶

vue-router、vuex、vue3 新特性和语法

如何将项目升级到最新的 webpack5.0？
如何通过前端工程化脚手架实现团队工
程化底层链路的统一？
如何使用工程化脚手架对vue2-elm项
目进行改造？
前端工程化完整知识体系
基于真实场景的解决方案

高度还原大厂工程化项目落地流程，以工程化思维逐个击破难点痛点

原生项目的工程化架构升级
Vue2-Vue3项目工程化架构升级
工程化脚手架开发+ 项目底层工程化链路统一

课程提供专属增值服务，让你学习更顺畅，成果更出众！

面对面解惑
不定期高质量直播
与讲师面对面实时互动
加深理解
深度面试指导
1v1简历指导，优化简历
锻炼作答能力
提高面试通过率
高质量社群
加入大牛、同行群
在切磋与碰撞中迅速成长
开拓视野
内推机会
讲师将为优秀的学员推荐
具有竞争力的工作机会
课程大纲
第1章 高薪就业：为什么前端工程化必须学？
前端工程化≠Webpack ，真正的前端工程化覆盖一个项目从创建到开发到发布的整个流程，既是目前大厂主流的项目提效方案，更是高薪面试 “必考项”！从本章开始，让我们一起跟随 Sam 老师，开启“前端工程化”得升级之旅吧！
第2章 零基础：极速入门前端工程化基石之模块化技术
前端工程化是如何一步步发展到今天的？它在现阶段开发中的起到了怎样关键的影响和作用？本章将借助前端工程化的发展历史，带大家重新认识前端工程化的应用场景、适用范围和其中的关键技术，如：CommonJS、ESModule、npm、webpack等
第3章 入门到进阶：玩转Webapck打包构建
公司老旧原生项目需要改造，如何优雅应用工程化得思维排雷? 从本章开始，将与大家一起完成“原生js项目的工程化架构升级”得任务，通过该项目实战，你将正式入门前端工程化，成为前端工程化开发领域的实践者！在全面掌握和实践工程化知识体系的同时，开发效率也将获得显著提升！工欲善其事必先利其器，让我们先来认识一下必备的前端工程化知识吧。如：webpack source-map、webpack loader、 webpack plugin、Banner plugin等
第4章 原生js项目：零基础——项目源码分析+工程化改造流程分析
知己知彼，才能百战百胜！本章将带你在认识项目源码的同时，梳理工程化改造的流程以及其中需要重点关注的问题，做好战情分析，更加从容的迎击！
第5章 原生js项目：零基础——项目工程架构升级
本章将带你完成原生JS项目工程化改造的第一步：从搭建项目框架、将html、js、css原生代码移植到项目中，到进行相应的webpack处理，以工程化的思维破圈。
查看完整目录

每个慕课网课程，都是一个专业的技术社区

个性化增值服务，学习有保障更高效

答疑专区+技术社区
连百度谷歌都搜不到的问题，在这里讲
师都将耐心详细解答，更有小伙伴一起
交流互动，共同进步。
课程全套代码下载
提供课程全套源代码下载，包含：
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新，通过课程
教案、原理图解、技术文档、演示案例等
各种教材，保障你的学习效果。
实用作业练习
通过综合应用，让你的知识点融会贯
通，技能举一反三，掌握更牢靠
适合人群
想要系统学习前端工程化知识体系
希望能够将工程化落地应用到实际项目中
希望从源码角度掌握工程化实现原理的同学
技术储备
掌握 Html / Javascript / Css 基础
熟悉 Vue 的基础知识
有 Vue 项目经验更佳
环境参数
node 8.9.0+
webpack 5.0+
vue 2.*~3.*

相关推荐
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题？

扫码添加指导老师 1V1 帮助你！

添加后老师会第一时间解决你的问题