| Web前端框架概览 |
Web前端技术架构：
展示层：html，css
控制层：JavaScript
后端服务接口：ajax，restful
Web前端运行原理解析
Web前端当前开发趋势
典型的web前端开发框架：
jQuery
Vue
ReactJS
|
| 前端应用发展趋势和框架选择方法 |
前端应用发展的多平台化：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对应的代码示例讲解、功能演示
|
| CSS3原理与应用开发实践 |
CSS 基础语法：选择器和属性
CSS 高级语法：选择器分组和继承
CSS各种选择器：CSS 派生选择器，CSS id 选择器，CSS 类选择器，CSS属性选择器
CSS 创建和引用：内部样式表和外部样式表
应用CSS 样式控制HTML元素：背景、文本、字体、链接、列表、表格、轮廓
使用CSS 框模型 (Box Model) 处理元素框：内边距、边框 和 外边距
CSS 定位： 相对定位，绝对定位，浮动
CSS 选择器：元素选择器， 选择器分组，类选择器详解，ID 选择器，属性选择器，后代选择器，子元素选择器，相邻兄弟选择器，伪类，伪元素
CSS 高级：对齐，尺寸，分类，导航栏，图片库，图片透明，媒介类型
使用 CSS 时尽量避免使用的 |
| ECMAScript 6.0编程 |
ECMAScript和JavaScript的关系
ECMAScript的语法
变量的定义与赋值
变量的解构赋值
对JavaScript的扩展：字符串的扩展，正则的扩展，数值的扩展，函数的扩展，数组的扩展，对象的扩展，运算符的扩展，运算符
对象解析：Symbol，Set 和 Map ，Proxy，Reflect，Promise
Iterator 和 for...of 循环
Generator 函数的语法，Generator 函数的异步应用
async 函数
Class 的基本语法，Class 的继承
Module 的语法，Module 的加载实现
编程风格与用法 |
| Vue.js 从前端到后端的JavaScript全栈开发 |
| Vue.js的技术基础 |
vue中的数据交互
vue中自定义过滤器、指令、动画
在vue中使用vue-router
vue-cl使用
模板语法
计算属性
Class 与 Style 绑定
条件渲染
列表渲染
事件处理器
表单控件绑定
vue中组件化开发
实践案例功能演示与代码示例：
单表增删改成案例解析（table + search form + edit form）
复杂 form 案例解析 |
| Vue.js高级实现 |
Vuex框架与应用
深入响应式原理
过渡效果
过渡状态
Render 函数
自定义指令
混合
插件
单文件组件
生产环境部署
路由
状态管理
单元测试
服务端渲染
实践案例功能演示与代码示例：商品列表页面跳转到详情页 |
| 结合Vue.js和Node.s构建应用 |
应用背景介绍
应用需求分析
Web前端框架设计
服务端框架设计
Web前端开发
服务端开发
联调测试与验证
实践案例：Vue.js的前端请求Node.js服务，进行数据访问和处理
回顾与总结
|
