尚硅谷Java培训

项目实战:硅谷直聘

视频介绍

本套视频是新尚硅谷前端课程项目:<<硅谷直聘>> 课堂实录 。
该项目是基于新版本 React 的全栈项目,此项目为一个前后台分离的招聘的 SPA, 包括前端应用和后端应用 。包括用户注册/登陆, Boss/牛人列表, 实时聊天等功能模块 。前端技术: React全家桶 + ES6 + Webpack 等、后端技术: NodeJS + Express + MongoDB + SocketIO等 。采用模块化、组件化、工程化的模式开发。 并自定义了Redux和React-Redux库。

视频目录 选集

  • 00.项目运行及说明
  • 01.项目开发准备_演示功能
  • 02.项目开发准备_项目描述
  • 03.项目开发准备_技术选型
  • 04.项目开发准备_API接口
  • 05.项目开发准备_其它
  • 06.创建项目并运行
  • 07.项目(前端)源码目录设计
  • 08.引入antd-mobile
  • 09.引入路由
  • 10.尚硅谷_硅谷直聘.尚硅谷_引入redux
  • 11.register组件_静态组件
  • 12.register组件_收集表单数据
  • 13.login组件
  • 14.创建后台应用_使用webstorm
  • 15.后台简单编码并测试_使用postman
  • 16.后台应用自动重运行_使用nodemon
  • 17.测试使用mongoose操作数据库_保存
  • 18.使用mongo插件_查看数据库数据
  • 19.测试使用mongoose操作数据库_查询
  • 20.测试使用mongoose操作数据库_更新
  • 21.测试使用mongoose操作数据库_删除
  • 22.数据库数据操作模块_models
  • 23.后台路由_注册
  • 24.注册接口测试
  • 25.登陆后台
  • 26.ajax请求函数封装模块
  • 27.接口请求参数封装模块
  • 28.注册与登陆的redux
  • 29.注册与登陆的redux2
  • 30.register和login组件
  • 31.laoban-info组件_静态组件
  • 32.header-selector和dashen-info组件_静态组件
  • 33.用户信息完善组件_收集数据
  • 34.动态计算跳转路由路径_使用工具函数
  • 35.完善用户信息_后台路由
  • 36.完善用户信息_ajax_redux
  • 37.完善用户信息_组件
  • 38.主界面流程_分析
  • 39.主界面流程_编码
  • 40.获取用户信息_后台路由
  • 41.实现自动登陆
  • 42.整体界面
  • 43.nav-footer组件
  • 44.解决2个问题
  • 45.个人中心界面_显示
  • 46.个人中心界面_退出登陆
  • 47.用户列表_后台
  • 48.用户列表_redux
  • 49.用户列表_显示
  • 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函数