| Web前端框架概览(2小时) |
Web前端技术架构：
展示层：html，css
控制层：JavaScript
后端服务接口：ajax，restful
Web前端运行原理解析
Web前端当前开发趋势
典型的web前端开发框架：
jQuery
Vue
ReactJS
服务端Js开发框架 Node.js
|
| 前端应用发展趋势和框架选择方法(1小时) |
前端应用发展的多平台化：PC、移动终端、HTML5
浏览器相关技术规范的发展趋势：
前端框架选择建议
如何根据自己的应用需要组合框架，
大型web应用：前端框架组合范例参考
|
| Web前端框架实现原理(3小时) |
主流JS框架实现剖析：jQuery、Vue，ReactJS
浏览器工作原理
JavaScript对象生命周期管理
JavaScript对象关系绑定：继承、多态
JS框架实现原理剖析
类库的组织
JS事件响应模型
Html对象注入方式
应用JS的绑定与注入 |
| Web前端JavaScript开发基础 |
| JavaScript基础(4小时) |
页面的层级结构
实例：Hello World的文档结构
JavaScript变量执行环境和作用域
引用类型
JavaScript 框架设计模式
BOM
DOM
事件处理
JavaScript 开发与调试方法
Ajax 与异步开发技术
JavaScript运行与监控
实例讲解：各种JavaScript对应的代码示例讲解、功能演示
|
| HTML5 技术解析(4小时) |
新的页面组织标记:
智能表单设计
引入多媒体对象（video audio webrtc）
Canvas对象你的画布
扩展图形标记
离线缓存标记
HTML5中的地理应用
独立数据存储
新的网络连接技术（Web Socket）
Web Workers
实例讲解：各种HTML5对应的代码示例讲解、功能演示
|
| TypeScript原理与应用(2小时) |
TypeScript原理介绍
TypeScript基础开发应用
TypeScript高阶应用开发
实例讲解：TypeScript对应的代码示例讲解
|
| WebPack原理与应用(2小时) |
生产环境构建
缓存
开发
管理依赖
实例讲解：WebPack例讲解、功能演示
|
| Vue.js
、Node.js从前端到后端的JavaScript全栈开发 |
| Vue.js的技术基础(3小时) |
vue中的数据交互
vue中自定义过滤器、指令、动画
在vue中使用vue-router
vue-cl使用
模板语法
计算属性
Class 与 Style 绑定
条件渲染
列表渲染
事件处理器
表单控件绑定
vue中组件化开发
实践案例功能演示与代码示例：
单表增删改成案例解析（table + search
form + edit form）
复杂 form 案例解析 |
| Vue.js高级实现(4小时) |
Vuex框架与应用
深入响应式原理
过渡效果
过渡状态
Render 函数
自定义指令
混合
插件
单文件组件
生产环境部署
路由
状态管理
单元测试
服务端渲染
实践案例功能演示与代码示例：商品列表页面跳转到详情页 |
| NodeJS原理与应用(3小时) |
NodeJS体系框架介绍
NPM 使用介绍
Node.js REPL
Node.js 回调函数
Node.js 事件循环
Node.js EventEmitter
Node.js Buffer
Node.js Stream
Node.js 模块系统
Node.js 函数
Node.js 路由
Node.js 全局对象
Node.js 常用工具
Node.js 文件系统
Node.js GET/POST请求
Node.js 工具模块
Node.js Web 模块
Node.js Express 框架
Node.js RESTful API
Node.js 多进程
实践案例：使用Node.js编写后台服务 |
| 结合Vue.js和Node.s构建应用(3小时) |
应用背景介绍
应用需求分析
Web前端框架设计
服务端框架设计
Web前端开发
服务端开发
联调测试与验证
实践案例：Vue.js的前端请求Node.js服务，进行数据访问和处理
回顾与总结
|
