第1章：React+VUE系列课程介绍

1.课程介绍

2.前端开发神器webstorm**与安装

第2章：VUE从入门到精通

1.VUE数据驱动和双向绑定原理(面试必学)

2.vue中使用css样式

3.模板语法与常用指令

4.事件处理

5.todolist案例开发

6.computed计算属性的使用

7.watch监听

8.全局组件与局部组件

9.filter过滤器的使用

10.父子组件传值

11.兄弟组件的传值

12.父组件与子组件实现双向绑定

13.动态组件切换

14.ref的使用父组件调用子组件的方法

15.mixins混入的使用

16.slot插槽的使用

17.transition过渡动画1

18.transition过渡动画2

19.directive自定义指令

20.生命周期

21.swiper轮播图配合nextTick的使用

22.vue-cli3.0的安装与配置(一)

23.vue-cli3.0的安装与配置(二)

24.slot插槽的高级用法

25.MockJS模拟后端数据

26.eslint代码规范检查

27.移动端布局及适配方式

28.vue自定义封装组件

29.vue自定义组件之confirm的开发（让组件变成方法使用）

30.vue自定义组件之仿天猫轮播图效果(了解watch真正用法)

31.vue的axios的get、post请求和带进度条文件上传

32.封装axios，工作中直接用

33.axios拦截器的使用（统一封装接口,会员权限认证）

34.手写router路由了解实现的原理(面试必学)

35.vue-router路由的基本配置及使用1

36.vue-router路由的基本配置及使用2

37.主路由与子路由（路由嵌套）

38.路由守卫之beforeEach的应用

39.其他路由守卫的实际应用场景

40.vue路由hash与history的区别以及应用场景

41.vuex的基本使用

42.vuex命名空间与模块化

43.vuex开发大型项目之异步数据流和单点登录1

44.vuex开发大型项目之异步数据流和单点登录2

45.VUE常用pc端ui库之element-ui文件上传

46.VUE常用pc端ui库之element-ui表格和分页器

47.VUE常用pc端ui库之element-ui表单验证

48.VUE常用移动端ui库之mint-ui

49.VUE常用移动端ui库之cube-ui

50.VUE常用移动端ui库之vant

51.better-scroll的使用实现下拉刷新上拉加载

52.VUE-i18n多语言国际化

53.搭建项目架构，开发项目用，工作无忧

第3章：VUE企业级项目实战京东电商(异步数据流)

1.项目架构初始化，底部导航页面切换

2.首页静态布局1

3.首页静态布局2

4.首页静态布局3

5.首页动态js效果

6.异步数据流对接首页数据1

7.异步数据流对接首页数据2

8.商品分类解决内容溢出滚动卡顿问题和beforeDestroy解除事件

9.商品分类数据对接深度理解异步回调函数1

10.商品分类数据对接深度理解异步回调函数2

11.搜索组件开发实现历史记录和热门搜索1

12.搜索组件开发实现历史记录和热门搜索2

13.搜索页面js配合vuex实现动态效果1

14.搜索页面js配合vuex实现动态效果2

15.搜索页面js配合vuex实现动态效果3

16.完成搜索页面实现数据对接1

17.完成搜索页面实现数据对接2

18.完成搜索页面实现数据对接3

19.商品详情页面开发js实现抛物线动画效果进入购物车1

20.商品详情页面开发js实现抛物线动画效果进入购物车2

21.商品详情页面开发js实现抛物线动画效果进入购物车3

22.对接商品详情页面数据

23.商品评价数据对接实现上拉加载数据

24.使用vuex开发购物车1

25.使用vuex开发购物车2

26.使用vuex开发购物车3

27.会员单点登录

28.会员注册图文验证码的安全作用1

29.会员注册图文验证码的安全作用2

30.个人中心

31.对接单点登录让订单确认页面更安全

32.收货地址管理

33.添加收货地址

34.修改收货地址

35.选择收货地址

36.下单成功页面

37.查看订单操作订单状态组件封装1

38.查看订单操作订单状态组件封装2

39.订单详情页面

40.待评价订单列表

41.星级评价提交

42.修改个人资料给组件绑定事件

43.我的收货地址增、删、改、查

44.绑定手机号

45.修改密码

46.我的收藏

47.最终上线测试

第4章：webpack4使用教程

1.【选学】Webpack配置入口文件和打包后的文件

2.【选学】webpack-dev-server的安装与配置proxy解决跨域问题

3.【选学】HTML模板插件

4.【选学】多页面(MPA)配置

5.【选学】css-loader配置加载css样式

6.【选学】post-css处理css兼容性

7.【选学】css和js压缩

8.【选学】url-loader图片等资源文件处理

9.【选学】url-loader3.0，上节课配置出问题看这里

10.【选学】babel-loader，es6转es5

11.【选学】用webpack搭建react项目

第5章：React入门到精通

1.【必学】使用React官方脚手架create-react-app创建项目

2.【必学】JSX、支持HTML标签、Ref的使用、虚拟DOM的使用1

3.【必学】JSX、支持HTML标签、Ref的使用、虚拟DOM的使用2

4.【面试必学】自己手写jsx实现虚拟dom

5.【面试必学】diff算法原理和代码分析

6.【必学】条件渲染、列表(Lists) 和 键(Keys)循环输出数据

7.【必学】组件(Components) 和 属性(Props)实现父给子组件传值

8.【必学】状态(State) 和 生命周期

9.【必学】事件处理和form表单1

10.【必学】事件处理和form表单2

11.【必学】子组件向父组件传值

12.【必学】使用插槽(Portals)自定义封装button组件

13.【必学】lazy和suspense实现组件懒加载

14.【必学】自定义组件之仿天猫轮播图效果1

15.【必学】自定义组件之仿天猫轮播图效果2

16.【必学】自定义组件之toast轻提示开发

17.【必学】自定义组件之confirm开发

18.【必学】CSS和CSS模块化

19.css-loader3版本配置模块化，css模块化配置出问题的同学看这里

20.【必学】无状态组件和有状态组件配合高阶组件的使用1

21.【必学】无状态组件和有状态组件配合高阶组件的使用2

22.【必学】用高阶组件(HOC)开发仿天猫轮播图效果

23.【必学】hooks的使用1

24.【必学】hooks的使用2

25.【必学】使用hooks开发仿天猫轮播图效果

26.【选学】react-transition-group动画实战教程

27.【面试必学】手写router路由了解底层的原理

28.【必学】react-router路由和路由懒加载解决首次加载慢性能问题1

29.【必学】react-router路由和路由懒加载解决首次加载慢性能问题2

30.【必学】路由嵌套（子路由）和组件路由跳转

31.【必学】hash与history路由模式的区别解决正式环境的坑

32.【必学】路由认证（会员权限）

33.【必学】redux的使用和模块化封装1

34.【必学】redux的使用和模块化封装2

35.【必学】redux的使用和模块化封装3

36.【必学】redux-thunk中间件的使用解决dispatch性能的问题

37.【必学】Axios的get、post请求和图片上传并且支持进度条

38.【必学】封装axios开发项目中使用

39.【必学】Fetch的get、post请求和图片上传

40.【必学】封装fetch开发项目中使用

41.【必学】解决跨域以及自动区分development和production环境

42.【必学】redux-thunk实现异步数据流

43.【必学】redux-saga代替thunk实现异步数据流1

44.【必学】redux-saga代替thunk实现异步数据流2

45.【必学】ui库antd-design之table表格和分页器1

46.【必学】ui库antd-design之table表格和分页器2

47.【必学】ui库antd-design之table表格和分页器3

48.【必学】antd之Form表单验证和upload上传

49.【必学】antd移动版ui库的使用

50.【选学】React多语言国际化

51.【选学】HOC封装多语言国际化组件

52.【必学】搭建项目架构,工作中直接用1

53.【必学】搭建项目架构,工作中直接用2

54.【必学】搭建项目架构,工作中直接用3

55.【选学】Immutable常用API的使用

56.【选学】redux+Immutable组合搭配使用

57.【选学】mobx之decorator修饰器的使用

58.【选学】mobx在react中的使用

第6章：React实战项目仿京东电商(做完后天下无敌)

1.搭建项目架构1

2.搭建项目架构2

3.电商系统底部导航1

4.电商系统底部导航2

5.首页-布局1

6.首页-布局2

7.首页-布局3

8.首页-布局4

9.首页-布局5

10.首页-对接数据和js效果1

11.首页-对接数据和js效果2

12.首页-对接数据和js效果3

13.商品分类页面布局1

14.商品分类页面布局2

15.商品分类页面对接数据和js效果1

16.商品分类页面对接数据和js效果2

17.开发属于自己的搜索组件1

18.开发属于自己的搜索组件2

19.开发属于自己的搜索组件3

20.开发属于自己的搜索组件4

21.使用flexible自动换算rem

22.搜索页面之页面布局1

23.搜索页面之页面布局2

24.搜索页面之页面布局3

25.搜索页面之页面布局4

26.搜索页面之数据对接1

27.搜索页面之数据对接2

28.搜索页面之数据对接3

29.搜索页面之数据对接4

30.搜索页面之数据对接5

31.搜索页面之数据对接6

32.搜索页面之数据对接7

33.商品详情页静态布局1

34.商品详情页静态布局2

35.商品详情页静态布局3

36.商品详情页静态布局4

37.商品详情页静态布局5

38.商品详情页静态布局6

39.商品详情页静态布局7

40.商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)1

41.商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)2

42.商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)3

43.商品详情js效果(解决白屏、滚动定位、内存泄漏、抛物线动画问题)4

44.商品详情页对接动态数据

45.完善商品详情页面的评价页面和商品描述页面

46.购物车页面布局1

47.购物车页面布局2

48.实现购物车逻辑1

49.实现购物车逻辑2

50.实现购物车逻辑3

51.实现购物车逻辑4

52.会员注册页面布局

53.会员注册js逻辑的实现与后台对接1

54.会员注册js逻辑的实现与后台对接2

55.会员登录(实现单点登录解决安全性问题)1

56.会员登录(实现单点登录解决安全性问题)2

57.确定订单页面布局1

58.确定订单页面布局2

59.将购物车数据渲染到确定订单页面

60.添加收货地址页面布局

61.添加收货地址页面的逻辑实现和antd的picker的使用

62.选择收货地址页面的布局

63.选择收货地址页面的删除，选择，设置默认地址，解决冒泡事件1

64.选择收货地址页面的删除，选择，设置默认地址，解决冒泡事件2

65.选择收货地址页面的删除，选择，设置默认地址，解决冒泡事件3

66.修改收货地址

67.提交订单并防止重复提交订单

68.开发我的页面1

69.开发我的页面2

70.个人资料（头像上传、给组件绑定事件）1

71.个人资料（头像上传、给组件绑定事件）2

72.我的订单页面布局1

73.我的订单页面布局2

74.对接我的订单数据解决路由改变参数数据不更新的问题1

75.对接我的订单数据解决路由改变参数数据不更新的问题2

76.布局订单详情页面并阻止冒泡事件1

77.布局订单详情页面并阻止冒泡事件2

78.对接订单详情页面动态数据

79.星级评价页面布局

80.星级评价逻辑实现1

81.星级评价逻辑实现2

82.我的收货地址管理

83.绑定手机号

84.修改密码

85.我的收藏1

86.我的收藏2

87.真机测试调试兼容性跨平台解决方案

88.最终上线路由的hash模式和history模式的区别解决访问路径的问题