课程简介
本课程主要讲解如何打造一个面向大型Web项目的前端工程化集成解决方案，包括前端工程化相关的各个方面，由浅入深，阐述前端编译工具、前端模块化、前端监控、前端性能优化、前端规范等技术架构以及实现方式和具体应用。
目标收益
通过在一流互联网多年的开发经验和前端工程化技术实践，可以全面学习到：
1.前端工程化思想
2.前端命令行工具内核与实现
3.前端模块化实现思路
4. 前端性能优化的方法
5.前端持续集成方案
培训对象
前端开发行业的初级、中级、高级前端开发者
课程定位：适合于对前端工程化有诉求的业务项目和业务团队，特别是超大型前端项目、多条业务线研发项目，可以很方便对前端开发流程统一，前端工具统一，前端组件统一等。
课程内容
随着业务项目日益复杂，团队成员技术水平参差不齐，前端框架多样化等，企业对前端工程化的诉求逐渐提升，通过前端工程化课程的学习，可以帮助我们解决前端研发过程中遇到的项目、团队、框架统一等问题。
课前准备
可以准备一些实际工作中前端工程化相关的技术问题，以及一些思考，比如如何理解前端工程化？前端工具你常用的有那些，有何优势？前端性能优化有那些必备点，如何做。
课程大纲
| 前端工程化 |
定义 要解决哪些问题 架构 |
| 前端命令行工具 |
常见工具介绍（Grunt、Gulp、Webpack、Vue-CLI、Ng-CLI、FIS、JDF） 大厂JDF前端命令行工具内核介绍（架构、内核、编译、发布） 编译效率提升的方式和方法 |
| 前端模块化开发 |
常见模块化方案（CommonJS、AMD、ES Module） 大厂JDF模块化方案（定义、编译、命令行、规范、国际化、文档生成、单元测试、持续集成、自动测试覆盖率） npm模块化方案（安装、发布、开发方法，私有化部署方案介绍） 模块市场搭建的方式和方法 |
| 前端监控 |
面临新的挑战 业界常见方案 大厂方案-上线前Web页面即时检测（定义、页面错误、性能指标、安全指标、AI智能） 大厂方案-上线后前端性能监控（定义、分类、采集、展示、告警、问题定位） |
| 前端性能优化 |
静态资源优化 页面渲染架构设计和性能优化 原生APP优化 服务端和⽹络优化 研发开发流程优化 全链路质量监控体系建设 大厂性能优化实战实例 |
| 前端持续集成方案介绍 |
应用生成 代码检查 自动编译 自动发布 持续部署 文档生成 |
| 前端代码规范如何落地 |
规范如何制定 如何在开发流程中落地 |
|
前端工程化 定义 要解决哪些问题 架构 |
|
前端命令行工具 常见工具介绍（Grunt、Gulp、Webpack、Vue-CLI、Ng-CLI、FIS、JDF） 大厂JDF前端命令行工具内核介绍（架构、内核、编译、发布） 编译效率提升的方式和方法 |
|
前端模块化开发 常见模块化方案（CommonJS、AMD、ES Module） 大厂JDF模块化方案（定义、编译、命令行、规范、国际化、文档生成、单元测试、持续集成、自动测试覆盖率） npm模块化方案（安装、发布、开发方法，私有化部署方案介绍） 模块市场搭建的方式和方法 |
|
前端监控 面临新的挑战 业界常见方案 大厂方案-上线前Web页面即时检测（定义、页面错误、性能指标、安全指标、AI智能） 大厂方案-上线后前端性能监控（定义、分类、采集、展示、告警、问题定位） |
|
前端性能优化 静态资源优化 页面渲染架构设计和性能优化 原生APP优化 服务端和⽹络优化 研发开发流程优化 全链路质量监控体系建设 大厂性能优化实战实例 |
|
前端持续集成方案介绍 应用生成 代码检查 自动编译 自动发布 持续部署 文档生成 |
|
前端代码规范如何落地 规范如何制定 如何在开发流程中落地 |
近期公开课推荐