MERN全栈-社交网络程序(react+redux+mongo+node+express+es6), 通过本系列课程, 让你深切的理解, 如何自己搭建一个全栈的开发流程, 我们利用Node.js中的express框架, 来构建后端的接口, 我们使用React构建前端应用, 并且借助于Redux实现状态管理. 课程是循序渐进的来引导你, 如何构建完整的社交网络应用程序.

适用人群

适合于需要学习react课程的朋友

课程目标

熟练学习React的项目开发

课程大纲

第1章 全栈开发React-项目成果展示

8分钟1节

1-1全栈开发React-项目成果展示[08:14]  免费试看

第2章 React全栈商业级应用项目-React基础

1小时26分钟9节

2-1React-搭建脚手架[10:07]
2-2React-文件结构和JSX语法[16:42]
2-3React-组件的作用[10:06]
2-4React-组件通信(属性传值)[07:42]
2-5React-state状态的使用[14:20]
2-6React-属性传值(传事件)[08:06]
2-7React-双向数据绑定[05:38]
2-8React-组件样式的两种方式[04:38]
2-9React-使用分支if[09:30]

第3章 React全栈商业级应用项目-React基础

1小时40分钟9节

3-1React-使用循环并实现删除和修改[15:53]
3-2React-动态修改样式和添加类名[07:44]
3-3React-如何解决报错信息[09:45]
3-4React-规划项目目录及组件抽离[11:38]
3-5React-抽离Header组件[08:13]
3-6React-有状态组件和无状态组件的区别[10:21]
3-7React-生命周期钩子函数(有状态)[07:20]
3-8React-代码验证生命周期钩子函数[15:32]
3-9React-生命周期钩子函数(更新)[14:17]

第4章 React全栈商业级应用项目-Redux基础

1小时38分钟9节

4-1Redux快速入门-Redux到底是啥子[08:38]
4-2Redux快速入门-搭建React项目[08:23]
4-3Redux快速入门-添加表单[09:58]
4-4React-组件通信(属性传值)[12:29]
4-5Redux快速入门-Reducer和Combine[13:23]
4-6Redux快速入门-action和types[12:08]
4-7Redux快速入门-mapStateToProps[10:57]
4-8Redux快速入门-下载Redux调试插件[09:29]
4-9Redux快速入门-添加数据[13:16]

第5章 React全栈商业级应用项目Koa构建接口-koa基础

27分钟3节

5-1koa接口文档-搭建本地服务器[07:24]
5-2koa接口文档-连接mongodb数据库[09:43]
5-3koa接口文档-创建测试接口和用户模型[10:29]

第6章 React全栈商业级应用项目Koa构建接口-注册登录

1小时33分钟8节

6-1koa接口文档-注册接口和调试工具[15:34]
6-2koa接口文档-全球公认头像的使用[08:51]
6-3koa接口文档-解决注册接口加密问题[05:42]
6-4koa接口文档-登录接口[08:36]
6-5koa接口文档-生成token[06:25]
6-6koa接口文档-passport验证token[20:51]
6-7koa接口文档-使用validator验证表单[14:54]
6-8koa接口文档-验证注册和登录的input[12:33]

第7章 React全栈商业级应用项目Koa构建接口-信息(增删改查)

1小时52分钟8节

7-1koa接口文档-个人信息接口模型设计[12:36]
7-2koa接口文档-跨表查询当前用户的信息[12:55]
7-3koa接口文档-添加和编辑个人信息接口[17:55]
7-4koa接口文档-验证个人信息必填项[08:49]
7-5koa接口文档-更多方式获取个人信息[12:06]
7-6koa接口文档-添加工作和教育经历[25:54]
7-7koa接口文档-补充工作和教育经历[07:24]
7-8koa接口文档-删除用户信息[14:56]

第8章 React全栈商业级应用项目Koa构建接口-点赞和评论

1小时8分钟6节

8-1koa接口文档-设计评论点赞接口模板[06:22]
8-2koa接口文档-创建留言接口[12:13]
8-3koa接口文档-获取留言删除留言[12:26]
8-4koa接口文档-点赞和取消点赞接口[11:12]
8-5koa接口文档-添加评论和删除评论[11:39]
8-6koa接口文档-打包上传node项目[15:01]

第9章 React全栈商业级应用项目-前端构建

1小时28分钟8节

9-1React-前后端连载[11:15]
9-2React-引入UI库和开发工具[06:05]
9-3React-搭建项目主页面[11:37]
9-4React-路由[13:26]
9-5React-注册表单(双向数据绑定)[14:46]
9-6React-登录表单(双向数据绑定)[06:33]
9-7React-axios请求后台接口[13:05]
9-8React-提高用户体验(错误提醒)[11:59]

第10章 React全栈商业级应用项目-Redux状态管理

1小时41分钟8节

10-1React-配置Redux(一)[10:27]
10-2React-配置redux和连接插件(二)[12:22]
10-3React-使用redux的action[14:16]
10-4React-MapState的使用[09:06]
10-5React-注册请求[14:49]
10-6React-登录成功获取token[14:03]
10-7React-解析token获取数据[11:12]
10-8React-获取状态及错误提醒[15:12]

第11章 React全栈商业级应用项目-优化

1小时33分钟6节

11-1React-实现退出功能[17:06]
11-2React-处理过期token和守卫[08:55]
11-3React-封装输入框组件[15:41]
11-4React-准备获取用户信息的组件[17:57]
11-5React-获取profile信息[21:38]
11-6React-私有路由和导航守卫[12:03]

第12章 React全栈商业级应用项目-个人信息页面

2小时8分钟9节

12-1React-创建个人信息页面(准备工作)[08:31]
12-2React-创建个人信息页面(封装组件)[14:01]
12-3React-创建个人信息页面(使用组件)[16:50]
12-4React-创建个人信息页面(存储数据)[13:38]
12-5React-搭建DB页面和删除当前账户[16:11]
12-6React-编辑个人信息[22:03]
12-7React-添加个人经历(结构)[17:10]
12-8React-添加个人经历(存储数据)[10:47]
12-9React-添加教育经历[09:22]

第13章 React全栈商业级应用项目-个人信息页面

1小时46分钟8节

13-1React-展示个人履历和删除个人履历[15:01]
13-2React-展示教育经历和删除教育经历[06:14]
13-3React-展示所有开发人员信息[18:47]
13-4React-展示所有开发人员信息(二)[13:01]
13-5React-展示更多开发人员信息[12:48]
13-6React-实现头部和信息组件[11:46]
13-7React-展示个人经历和教育经历[09:59]
13-8React-展示github仓库信息[18:42]

第14章 React全栈商业级应用项目-点赞评论

1小时54分钟8节

14-1React-评论和点赞成果展示[02:10]
14-2React-添加评论组件[20:06]
14-3React-展示评论内容(一)[15:07]
14-4React-展示评论内容(二)[11:53]
14-5React-删除评论点赞和取消点赞[22:09]
14-6React-展示鼓励留言内容(一)[16:50]
14-7React-展示鼓励留言内容(二)[10:02]
14-8React-展示和删除留言[16:26]