第1天

内容一：脚手架项目

1.       使用create-react-app创建项目

2.       剖析项目结构

3.       Hello World组件

内容二：使用React Router开发单页应用

1.       React路由介绍

2.       React Router 的安装

3.       Router配置

4.       使用Link组件进行导航切换

5.       路由的嵌套使用

6.       设置路由激活状态

7.       路由参数

8.       默认路由

9.       路由重定向

10.    browser   history

11.    路由切换

内容三：与服务端通信—axios

1.      安装

2.      基本用法

3.      axios API

4.      请求配置

5.      并发请求

6.      配置默认值

7.      拦截器

内容四：状态管理—Redux

1.      基本概念与三大原则

2.      action、reducer和store

3.      在React中使用Redux

4.      中间件与异步操作

内容五：项目实战 — 电商网站前端项目

1.      脚手架项目搭建

2.      安装与配置axios

3.      首页

4.      商品列表

5.      分类商品页面

6.      搜索结果页面

7.      商品详情页面

8.      购物车

9.      结算页面

10. 用户管理

11. 路由配置

12. 分页组件

13. 会话跟踪

14. 项目调试

备注：项目中涉及到多个常用功能的实现，Loading组件、广告轮播组件、弹出消息提示框组件、加减按钮组件、标签页组件、分页组件、权限验证等等。

第二天

内容一：函数

1.      函数声明和调用　

2.      返回值　

3.      匿名函数变量　

4.      闭包　

5.      递归　

6.      函数是对象　

7.      调试技巧　

8.      函数语法　

9.      使用try/catch和throw捕捉异常

10. 练习

内容二：对象

1.      什么是对象　

2.      对象及点语法　

3.      使用构造函数创建对象　

4.      对象的属性　

5.      对象的方法　

6.      类和用户自定义函数　

7.      内联函数作为对象的方法　

8.      对象字面量　

9.      操作对象　

10. 通过原型扩展对象　

l  使用prototype属性为对象添加属性　

l  原型查找链　

l  使用原型为对象添加方法　

l  所有对象都有的属性和方法　

l  创建子类及继承

11. 练习

内容三：事件处理

5.      JavaScript对象方法和事件

6.      事件处理函数　

7.      事件处理的内联模型　

8.      HTML事件处理函数和JavaScript事件方法　

9.      处理窗口事件或框架事件　

10. 鼠标事件处理　

11. 处理链接事件　

12. 处理表单事件　　

13. onError事件　

14. event对象　

15. 处理事件的脚本模型

16. 练习

内容四：W3C DOM与JavaScript

1.      理解W3C　DOM　

2.      遍历DOM　

3.      DOM查看器　

4.      查询DOM的快捷方式　

5.      对应于HTML属性的JavaScript属性　

6.      DOM的修改(追加、复制和删除节点)　

7.      事件处理和DOM　

8.      W3C模型中的事件监听器　

9.      练习

内容五：ECMAScript 6新特性

1.      块作用域构造let和const

2.      模板字面量

3.      默认参数

4.      rest参数

5.      展开运算符

6.      对象字面量

7.      解构赋值

8.      箭头函数

9.      Symbol

10. class与继承

11. 模块

12. Promise

13. async函数

练习