课程大纲

1. JavaScript框架发展背景

1.1. 浏览器前期引擎间的争夺

1.2. Ajax技术功能

1.3. jQuery框架的应用

2. 常用的JavaScript框架

2.1. TypeScript语言  

2.2. ES6的标准

2.3. Angular2的问世

3. SASS用法指南，更加深入学习样式的高级写法

3.1. 什么是SASS

3.2. 安装和使用

3.3. 基本用法定义变量、语句

3.4. 代码复用完成继承功能

3.5. 高级用法实现循环、条件、函数

4. 本地存储localstorage的API，优化页面速度和用户体验

4.1. Localstorage与SessionStorage

4.2. local保存和显示内容

4.3. 使用数组、对象形式的跟踪用户行为

4.4. 案例-即时更新缓存中API数据

4.5. 利用web Storage API实现持久化

4.6. Html5的离线API

5. 了解重力感应和地理定位API，增加应用开发的新思路

5.1. 地理定位获取位置信息

5.2. 案例-根据定位获取商家信息

5.3. 重力感应基本操作

6. 掌握绘图canvas 元素API，实现动画和游戏应用的开发

6.1. 绘图的基本使用

6.2. 获取点击中的绘制区域

6.3. 案例-绘制找不同游戏

6.4. 案例-亮视点

7. 掌握Websocket 通讯API，实现页面即时通讯功能

7.1. 使用Websocket与服务器基本通讯实现

7.2. 使用Socket.IO创建WebSocket

7.3. 在NodeJS环璄下架构Websocket通讯

7.4. 聊天室的实现

8. Angular框架进阶与应用

8.1. Angular的简介

8.2. Angular的控制器

8.3. Angular的依赖注入

8.4. Angular与服务端交互

8.5. Angular的指令

8.6. Angular的注意事项

9. Vue.js框架基础与应用

9.1. Vue的简介

9.2. Vue数据绑定

9.3. Vue事件编写

9.4. Vue与服务端交互

9.5. Vue的组件

10. React.js框架基础与开发

10.1. React的安装与环境配置

10.2. React的基本语法——jsx

10.3. React的组件开发

10.4. React组件API

10.5. React的ajax

11. 使用打包工具——grunt的技巧

11.1. 特点与优势

11.2. 安装与配置

11.3. 使用方法

12. 理解测试工具——mocha的使用

12.1. 基础介绍

12.2. 使用语法

12.3. 注意事项