本套视频是新尚硅谷前端课程项目:<<硅谷直聘>> 课堂实录 。 该项目是基于新版本 React 的全栈项目,此项目为一个前后台分离的招聘的 SPA, 包括前端应用和后端应用 。包括用户注册/登陆, Boss/牛人列表, 实时聊天等功能模块 。前端技术: React全家桶 + ES6 + Webpack 等、后端技术: NodeJS + Express + MongoDB + SocketIO等 。采用模块化、组件化、工程化的模式开发。 并自定义了Redux和React-Redux库。
视频目录 00.项目运行及说明01.项目开发准备_演示功能02.项目开发准备_项目描述03.项目开发准备_技术选型04.项目开发准备_API接口05.项目开发准备_其它06.创建项目并运行07.项目(前端)源码目录设计08.引入antd-mobile09.引入路由10.尚硅谷_硅谷直聘.尚硅谷_引入redux11.register组件_静态组件12.register组件_收集表单数据13.login组件14.创建后台应用_使用webstorm15.后台简单编码并测试_使用postman16.后台应用自动重运行_使用nodemon17.测试使用mongoose操作数据库_保存18.使用mongo插件_查看数据库数据19.测试使用mongoose操作数据库_查询20.测试使用mongoose操作数据库_更新21.测试使用mongoose操作数据库_删除22.数据库数据操作模块_models23.后台路由_注册24.注册接口测试25.登陆后台26.ajax请求函数封装模块27.接口请求参数封装模块28.注册与登陆的redux29.注册与登陆的redux230.register和login组件31.laoban-info组件_静态组件32.header-selector和dashen-info组件_静态组件33.用户信息完善组件_收集数据34.动态计算跳转路由路径_使用工具函数35.完善用户信息_后台路由36.完善用户信息_ajax_redux37.完善用户信息_组件38.主界面流程_分析39.主界面流程_编码40.获取用户信息_后台路由41.实现自动登陆42.整体界面43.nav-footer组件44.解决2个问题45.个人中心界面_显示46.个人中心界面_退出登陆47.用户列表_后台48.用户列表_redux49.用户列表_显示50.解决2个布局问题51.socketio的介绍和理解52.socketio的基本编码53.聊天后台接口54.聊天chat静态组件55.chat组件_发消息准备56.收发消息57.读取消息列表数据58.显示某个聊天信息列表59.发消息和接收消息显示60.添加表情功能61.完善聊天界面效果62.显示分组消息列表63.显示聊天组件的未读消息数量64.显示总未读消息数量65.更新未读消息数量66.给列表界面添加动画效果67.使用redux库68.自定义redux库_createStore函数69.自定义redux库_combineReducers函数70.react-redux库说明71.context的理解和使用72.使用react-redux库73.自定义react-redux库_定义整体结构74.自定义react-redux库_Provider类75.自定义react-redux库_connect函数