| Web前端框架概览 |
Web前端技术架构：
展示层：html，css
控制层：JavaScript
后端服务接口：ajax，restful
Web前端运行原理解析
Web前端当前开发趋势
典型的web前端开发框架：
jQuery
Vue
ReactJS
服务端Js开发框架 Node.js
|
| 前端应用发展趋势和框架选择方法 |
前端应用发展的多平台化：PC、移动终端、HTML5
浏览器相关技术规范的发展趋势：
前端框架选择建议
如何根据自己的应用需要组合框架，
大型web应用：前端框架组合范例参考
|
| Web前端框架实现原理 |
主流JS框架实现剖析：jQuery、Vue，ReactJS
浏览器工作原理
JavaScript对象生命周期管理
JavaScript对象关系绑定：继承、多态
JS框架实现原理剖析
类库的组织
JS事件响应模型
Html对象注入方式
应用JS的绑定与注入 |
| Web前端JavaScript开发基础 |
| JavaScript基础 |
页面的层级结构
实例：Hello World的文档结构
JavaScript变量执行环境和作用域
引用类型
JavaScript 框架设计模式
BOM
DOM
事件处理
JavaScript 开发与调试方法
Ajax 与异步开发技术
JavaScript运行与监控
实例讲解：各种JavaScript对应的代码示例讲解、功能演示
|
| HTML5 技术解析 |
新的页面组织标记:
智能表单设计
引入多媒体对象（video audio webrtc）
Canvas对象你的画布
扩展图形标记
离线缓存标记
HTML5中的地理应用
独立数据存储
新的网络连接技术（Web Socket）
Web Workers
实例讲解：各种HTML5对应的代码示例讲解、功能演示
|
| TypeScript原理与应用 |
TypeScript原理介绍
TypeScript基础开发应用
TypeScript高阶应用开发
实例讲解：TypeScript对应的代码示例讲解
|
| ECMAScript 6新特性 |
1. 块作用域构造
2. 模板字面量
3. 默认参数
4. rest参数
5. 展开运算符
6. 对象字面量
7. 解构赋值
8. 箭头函数
9. class与继承
10. 模块
11. Promise
|
| WebPack原理与应用 |
生产环境构建
缓存
开发
管理依赖
实例讲解：WebPack例讲解、功能演示
|
| 使用Vue.js进行web应用开发
|
| Vue的数据双向绑定 |
1. 插值
2. v-bind
3. 指令
|
| 指令详解 |
有哪些指令，这些指令的含义
自定义指令
实例：通过指令实现下拉菜单
实例：使用自定义指令实现随机背景色
|
| 计算属性 |
1. 定义计算属性
2. 计算属性缓存
3. v-for和v-if一起使用的替代方案
4. 实例：购物车的实现
|
| 监听器 |
1. 使用监听器
2. 监听器的多种形式
|
| class与style绑定 |
1. 绑定HTML class
2. 绑定内联样式
3. 实例：表格奇偶行应用不同的样式
|
| 表单输入绑定 |
1. 单行文本输入框
2. 多行文本输入框
3. 复选框
4. 单选按钮
5. 选择框
6. 值绑定
7. 实例：用户注册
|
| 过滤器 |
1. 全局过滤器与局部过滤器
2. 过滤器的参数
3. 过滤器的串联
|
| 组件 |
1. 全局组件与局部组件
2. 使用Prop向子组件传递数据
3. 监听子组件事件
4. 自定义组件的v-model
5. 实例：combobox的实现
6. 使用插槽（slot）分发内容
7. 动态组件
8. 组件的生命周期
9. 混入
10. 组件通信的其他方式
11. 异步更新队列
|
| Vue CLI 3.x |
1. 安装
2. 创建项目
3. 项目结构
4. Hello World组件
|
| 使用Vue Router开发单页应用 |
1. 前端路由的实现
2. 动态路由匹配
3. 嵌套路由
4. 命名路由
5. 命名视图
6. 编程式导航
7. HTML5 history模式
8. 导航守卫
9. 延迟加载路由
|
| 与服务端通信—axios |
1. 安装
2. 基本用法
3. axios API
4. 请求配置
5. 并发请求
6. 配置默认值
7. 拦截器
|
| 状态管理—Vuex |
1. 安装
2. 基本用法
3. mutation
4. mapState
5. getter
6. action
7. 表单处理
8. 模块与命名空间
|
| 项目实战 — 电商网站前端项目 |
1. 脚手架项目搭建
2. 安装与配置axios
3. 首页
4. 商品列表
5. 分类商品页面
6. 搜索结果页面
7. 商品详情页面
8. 购物车
9. 结算页面
10. 用户管理
11. 路由配置
12. 分页组件
13. 会话跟踪
14. 项目调试
备注：项目中涉及到多个常用功能的实现，包括价格和时间过滤器、Loading组件、广告轮播组件、弹出消息提示框组件、加减按钮组件、标签页组件、分页组件、权限验证等等。
|
| 部署Vue.js项目到生产环境 |
1. 构建发布版本
2. 部署 |
| 结合Vue.js和Node.s构建应用 |
应用背景介绍
应用需求分析
Web前端框架设计
服务端框架设计
Web前端开发
服务端开发
联调测试与验证
实践案例：Vue.js的前端请求Node.js服务，进行数据访问和处理
回顾与总结
|
