首页 实战 体系课-吃透前端工程化,大厂级实战项目以战带练
收藏

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

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

体系课-吃透前端工程化,大厂级实战项目以战带练

难度 中级 时长 40小时 学习人数 92 综合评分 10.00

体系课-吃透前端工程化,大厂级实战项目以战带练

学透前端性能优化
套餐价格:¥1,786.00
2门课 总价:¥1,979.00
立即购买
打造前端高薪竞争力
套餐价格:¥2,416.00
2门课 总价:¥2,679.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老师多年实践经验提炼的学习路径
扫平知识盲区,解决你工作中90%的问题!

前端项目
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
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章 【初探】原生前端项目工程化改造
公司老旧原生项目需要改造,如何优雅应用工程化得思维排雷? 从本章开始,将与大家一起完成“原生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 帮助你!

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