前端工程化技术课程
课程天数：2天
课程介绍
随着 Web 技术的发展以及 PC、移动智能终端设备性能和功能的提升，用户对于网站的需求也不断增加。市场的需求促进技术的革新，对于前端工程师的要求也越来越高，已经不仅仅局限于早期页面制作及交互开发，更多的需要考虑前端代码的维护、提升工作的效率，加快产品的迭代速度。
前端工程化就是在实践中逐步摸索出形成的一系列规范和流程，可提升前端工程师的工作效率，加快 Web开发迭代速度， 是现在前端开发领域中非常重要的一环。
本课程结合多年一线前端实践，系统、全面地介绍了前端工程体系的各个环节，包括设计要点和实践经验。通过课程学习，学员可对前端工程化要解决的问题有大致的了解，将解决的思路和方法运用到实际业务场景。
课程收益
学习并了解前端工程化演进，业内最新的前端发展方向；
了解业内主流前端构建工具webpack的使用
掌握CSS预编译机制
掌握Javascript模块化开发模式
掌握前端工程化涉及的GitFlow使用
了解前后端分离实现方案，掌握NodeJS实现前后端分离的实现
了解前端独立部署方式
掌握前端性能优化方法
培训对象
具有2-3年以上前端开发经验的中高级前端开发工程师，负责公司系统开发或产品研发的技术人员；
课程大纲
1、Web前端工程化演进
• 前端开发工作演化
• 前端工程师技能栈
• 原始前端开发模式
• 前后端分离开发模式
• 前端工程化进化历程
2、Javascript模块化
• Javascript模块
• AMD规范
• require.js
3、CSS预编译机制
• CSS缺陷
• CSS预编译机制
• Stylus介绍
• Stylus实战
4、前端构建
• webpack介绍
• webpack安装
• webpack管理资源
• webpack打包
5、版本管理及开发工作流
• Git安装及介绍
• Git与SVN的区别
• Git原理
• Git使用
• GitFlow
6、Web协议
• HTTP基础知识
• 在Web框架中使用HTTP
• 阐述“从输入URL到浏览器显示页面发生了什么”
7、前端MVC（SPA ）
• 前端MVC发展
• MVC
• MVVM
• 跨域
8、基于Java模板前后端分离
• 常见Java开发模式
• 基于velocity的前后端分离方案
• amazing安装
• amazing使用
9、基于NodeJS的前后端分离
• NodeJS介绍
• NodeJS在前后端分离中扮演的角色
• Advanced框架介绍
• Advanced框架使用
10、前端安全
• XSS攻击
• CSRF 攻击
• 前端安全防御
11、前端部署
• 前后端分离后前端部署方式
• docker
• pm2
12、前端性能优化
• Web性能优化思路
• 浏览器端优化
• 服务器端优化
• Web性能优化工具及使用
