JavaScript实战运用课程
课程天数：2天
课程介绍
随着 Web 技术的发展以及 PC、移动智能终端设备性能和功能的提升，用户对于网站的需求也不断增加。市场的需求促进技术的革新，对于前端工程师的要求也越来越高，已经不仅仅局限于早期页面制作及交互开发，更多的需要考虑前端代码的维护、提升工作的效率，加快产品的迭代速度。
前端工程化就是在实践中逐步摸索出形成的一系列规范和流程，可提升前端工程师的工作效率，加快 Web开发迭代速度， 是现在前端开发领域中非常重要的一环。
本课程结合多年一线前端实践，通过对目前流行的框架jQuery、Vue.JS、React的讲解，全面介绍前端工程体系的各个环节，包括设计要点和实践经验。通过课程学习，学员可了解前端工程化要解决的问题，前后端交互及协作方式， 将解决的思路和方法运用到实际业务场景。
课程收益
学习并了解前端工程化演进，业内最新的前端发展方向；
jQuery、Vue.js、React在企业开发中的应用；
了解业内主流前端构建工具webpack的使用；
掌握CSS预编译机制；
掌握Javascript模块化开发模式；
掌握前端工程化涉及的GitFlow使用；
了解前后端分离实现方案，掌握NodeJS实现前后端分离的实现；
了解前端独立部署方式；
掌握前端性能优化方法；
培训对象
本课程不适用刚刚接触前端开发的研发人员 ；
有一定HTML、CSS、Javascript研发经验，熟悉Web站点基本原理的研发人员；
对前端工程化有一定思考的中高级前端工程师；
对前端工程化感兴趣的服务器端开发人员及运维人员 ；
有后端开发经验，在工作中有前端开发需求，希望可以系统了解Web前端知识，满足工作需求；
课程大纲
1、Web前端工程化演进
• 前端开发工作演化
• 前端工程师技能栈
• 原始前端开发模式
• 前后端分离开发模式
• 前端工程化进化历程
2、JavaScript温故
• JavaScript基础语法
• JavaScript函数及对象使用
• 深入理解BOM和DOM
• Java Script事件机制
3、jQuery原理及应用
• jQuery基础
• jQuery原理
• jQuery事件
• jQuery Ajax
4、Vue.js实例
• MVVM模式
• Vue.js开发模式
• Vue实例与数据绑定
• 实例生命周期
5、Vue.js组件
• 组件与复用
• 使用props传递数据
• 组件通信
6、React.js
• React.js介绍
• JSX
• Visual DOM
• 组件
• Data Flow
7、ES6
• ECMAScript历史
• let和const
• 字符串扩展
• Class
8、Javascript模块化
• Java script模块
• AMD规范
• require.js
9、CSS预编译机制
• CSS缺陷
• CSS预编译机制
• Stylus介绍
• Stylus实战
10、前端构建
• webpack介绍
• webpack安装
• webpack管理资源
• webpack打包
11、Web协议
• HTTP基础知识
• 在Web框架中使用HTTP
• 阐述“从输入URL到浏览器显示页面发生了什么”
12、版本管理及开发工作流
• Git安装及介绍
• Git与SVN的区别
• Git原理
• Git使用
• GitFlow
13、基于NodeJS的前后端分离
• NodeJS介绍
• NodeJS在前后端分离中扮演的角色
• Advanced框架介绍
• Advanced框架使用
14、前端安全
• XSS攻击
• CSRF攻击
• 前端安全防御
15、前端部署
• 前后端分离后前端部署方式
• docker
• pm2
16、前端性能优化
• Web性能优化思路
• 浏览器端优化
• 服务器端优化
• Web性能优化工具及使用
