React18+TS+NestJS+GraphQL 全栈开发在线教育平台（12章）

{01}第1章 这里，将带你进行一次全面，高效的进阶

[1.2]1-2 如何更高效的学习本课程？.mp4 91.80M

[1.3]1-3 学习本课程需要准备什么？.mp4 38.36M

{02}第2章 了解用户需求，懂得如何做项目

[2.1]2-1 什么样项目才可以称为“企业级的项目&rdqu.mp4 98.27M

[2.2]2-2 用户的需求与使用路径.mp4 99.72M

[2.3]2-3 职场技巧：大厂的标准项目流程是怎样的（上）.mp4 42.71M

[2.4]2-4 职场技巧：大厂的标准项目流程是怎样的（下）.mp4 58.88M

{03}第3章 需求分析与功能拆解

[3.1]3-1 什么样的需求文档 PRD 才是好的.mp4 97.48M

[3.2]3-2 项目功能点拆解与设计稿展示.mp4 93.65M

[3.3]3-3 职场技巧：怎么给出一个合理的前端排期.mp4 72.27M

{04}第4章 项目技术选型与 React 18 的核心技术

[4.10]4-10 职场技巧：如何画一张技术架构图（下）.mp4 54.96M

[4.1]4-1 根据需求分析结果做技术选型（上）.mp4 52.43M

[4.2]4-2 根据需求分析结果做技术选型（下）.mp4 78.80M

[4.3]4-3 React 18 的重要更新和使用之新特性.mp4 69.35M

[4.4]4-4 React 18 的重要更新和使用之新API.mp4 95.18M

[4.5]4-5 面试重点：React 18 的并发渲染原理（上）Reac.mp4 90.48M

[4.6]4-6 面试重点：React 18 的并发渲染原理（中）Reac.mp4 164.21M

[4.7]4-7 面试重点：React 18 的并发渲染原理（下）Reac.mp4 37.73M

[4.8]4-8 职场技巧：如何画一张技术架构图（上）.mp4 29.37M

[4.9]4-9 职场技巧：如何画一张技术架构图（中）.mp4 52.71M

{05}第5章 开发环境的搭建

[5.1]5-1 MAC 电脑上那些让你欲罢不能的开发工具（上）.mp4 62.33M

[5.2]5-2 MAC 电脑上那些让你欲罢不能的开发工具（下）.mp4 49.39M

[5.3]5-3 NodeJS安装，pnpm 安装，VSCode 配置，本.mp4 61.76M

[5.4]5-4 mysql workbench 使用方法，通过它新建数据.mp4 63.36M

[5.5]5-5 面试重点：为什么要锁 npm 包的版本（上）.mp4 75.95M

[5.6]5-6 面试重点：为什么要锁 npm 包的版本（下）.mp4 59.28M

{06}第6章 后端基础数据准备

[6.10]6-10 使用 TypeORM 定义数据表结构并完成 CRUD（.mp4 53.31M

[6.11]6-11 什么是 GraphQL ？（上）.mp4 58.90M

[6.12]6-12 什么是 GraphQL ？（下）.mp4 59.32M

[6.13]6-13 使用 GraphQL 创建 API（1）.mp4 52.96M

[6.15]6-15 使用 GraphQL 创建 API（3）.mp4 46.34M

[6.16]6-16 使用 GraphQL 创建 API（4）.mp4 33.95M

[6.17]6-17 面试重点：大型网站技术架构的演进.mp4 136.09M

[6.18]6-18 职场技巧：如何打造自己在项目组里的影响力（上）.mp4 48.72M

[6.1]6-1 编程思想：到底怎么才能写出好的代码？（上）.mp4 58.50M

[6.2]6-2 编程思想：到底怎么才能写出好的代码？（下）.mp4 82.80M

[6.4]6-4 你需要知道的 NestJS 的基本概念（上）.mp4 55.90M

[6.5]6-5 你需要知道的 NestJS 的基本概念（下）.mp4 55.70M

[6.6]6-6 理清楚数据关系：数据库模型设计（上）.mp4 77.07M

[6.7]6-7 理清楚数据关系：数据库模型设计（下）.mp4 41.82M

[6.8]6-8 使用 TypeORM 定义数据表结构并完成 CRUD（上.mp4 99.05M

[6.9]6-9 使用 TypeORM 定义数据表结构并完成 CRUD（中.mp4 85.64M

{07}第7章 前端通用能力建设

[7.10]7-10 使用 Apollo-server 快速创建 mock.mp4 139.46M

[7.11]7-11 antd-mobile 的基本用法，配置主题、国际化功.mp4 111.04M

[7.12]7-12 图片管理：将图片上传到阿里云 OSS（上）.mp4 37.38M

[7.13]7-13 图片管理：将图片上传到阿里云 OSS（中）.mp4 93.99M

[7.15]7-15 面试重点：什么是 CSS Modules，如何使用？（.mp4 42.06M

[7.16]7-16 面试重点：什么是 CSS Modules，如何使用？（.mp4 103.10M

[7.17]7-17 职场技巧：如何优雅的求助别人？（上）.mp4 15.36M

[7.18]7-18 职场技巧：如何优雅的求助别人？（下）.mp4 84.08M

[7.1]7-1 脚手架与使用 Vite 初始化前端项目（上）.mp4 58.41M

[7.2]7-2 脚手架与使用 Vite 初始化前端项目（下）.mp4 23.58M

[7.3]7-3 在灵活之中找规范， React Hooks 的最佳实践方.mp4 68.59M

[7.4]7-4 在灵活之中找规范， React Hooks 的最佳实践方.mp4 65.15M

[7.5]7-5 编写几个通用的自定义 hooks（上）.mp4 100.78M

[7.6]7-6 编写几个通用的自定义 hooks（下）.mp4 68.23M

[7.7]7-7 配置 ESLint 并使用 Apollo 创建 Grap.mp4 72.48M

[7.8]7-8 配置 ESLint 并使用 Apollo 创建 Grap.mp4 59.52M

[7.9]7-9 配置 ESLint 并使用 Apollo 创建 Grap.mp4 97.23M

{08}第8章 全栈开发 PC 管理端和手机端登录注册模块

[8.10]8-11 useContext 使用最佳实践，并用其存储全局用户.mp4 92.35M

[8.11]8-12 useContext 使用最佳实践，并用其存储全局用户.mp4 72.73M

[8.12]8-13 useContext 使用最佳实践，并用其存储全局用户.mp4 44.40M

[8.13]8-14 useContext 使用最佳实践，并用其存储全局用户.mp4 76.97M

[8.14]8-15 优化本章代码，让登录更丝滑（上）.mp4 93.27M

[8.15]8-16 优化本章代码，让登录更丝滑（下）.mp4 49.70M

[8.16]8-17 面试重点：我为什么不用 redux ，讨论其优劣势（上.mp4 45.37M

[8.17]8-18 面试重点：我为什么不用 redux ，讨论其优劣势（下.mp4 62.29M

[8.18]8-19 职场技巧：在职场里应该怎么把事情做成？.mp4 56.44M

[8.1]8-1 编写 PC 端 手机号验证码登录页面（上）.mp4 101.14M

[8.2]8-2 编写 PC 端 手机号验证码登录页面（下）.mp4 79.15M

[8.3]8-3 编写登录接口，使用阿里云服务发送短信（上）.mp4 127.96M

[8.4]8-4 编写登录接口，使用阿里云服务发送短信（中）.mp4 116.78M

[8.5]8-5 编写登录接口，使用阿里云服务发送短信（下）.mp4 109.61M

[8.6]8-6 创建页面路由，制定接口规范（上）.mp4 112.71M

[8.7]8-7 创建页面路由，制定接口规范（下）.mp4 131.51M

[8.8]8-9 使用 JWT 保持登录状态（上）.mp4 105.80M

[8.9]8-10 使用 JWT 保持登录状态（下）.mp4 88.74M

{09}第9章 全栈开发 PC 管理端门店模块

[9.10]9-11 创建门店增删改查接口服务（1）.mp4 33.63M

[9.11]9-12 创建门店增删改查接口服务（2）.mp4 108.51M

[9.12]9-13 创建门店增删改查接口服务（3）.mp4 76.61M

[9.13]9-14 创建门店增删改查接口服务（4）.mp4 73.52M

[9.14]9-15 以 ProTable 为例，讨论如何提升交付效率（上）.mp4 31.52M

[9.15]9-16 以 ProTable 为例，讨论如何提升交付效率（下）.mp4 54.60M

[9.16]9-17 编写门店列表和新增编辑页面（上）.mp4 109.50M

[9.17]9-18 编写门店列表和新增编辑页面（中）.mp4 50.07M

[9.18]9-19 编写门店列表和新增编辑页面（下）.mp4 99.82M

[9.19]9-21 面试重点：为什么很多候选人总是过不了二面？（上）.mp4 34.30M

[9.1]9-1 PC 管理端：使用 ProLayout 组件搭建菜单（上.mp4 70.73M

[9.20]9-22 面试重点：为什么很多候选人总是过不了二面？（下）.mp4 71.05M

[9.21]9-23 职场技巧：管理是程序员的必备技能.mp4 143.03M

[9.2]9-2 PC 管理端：使用 ProLayout 组件搭建菜单（下.mp4 62.10M

[9.3]9-3 重构：让路由变的更优雅（上）.mp4 81.50M

[9.4]9-4 重构：让路由变的更优雅（下）.mp4 54.73M

[9.5]9-5 编写个人信息页面，自定义 PC 端图片上传组件（1）.mp4 68.95M

[9.6]9-6 编写个人信息页面，自定义 PC 端图片上传组件（2）.mp4 55.65M

[9.7]9-7 编写个人信息页面，自定义 PC 端图片上传组件（3）.mp4 57.62M

[9.8]9-8 编写个人信息页面，自定义 PC 端图片上传组件（4）.mp4 53.14M

[9.9]9-10 编写通用装饰器、实体和分页.mp4 112.40M

{10}第10章 全栈开发 PC 管理端课程模块 i class=new

[10.10]10-11 课程新建与编辑页面useLazyQuery 的使.mp4 63.77M

[10.11]10-12 课程新建与编辑页面useLazyQuery 的使.mp4 75.74M

[10.12]10-13 课程可约时间的配置EditableProTabl.mp4 95.49M

[10.13]10-14 课程可约时间的配置配置 columns 的操作.mp4 80.71M

[10.14]10-15 课程可约时间的配置编写保存可约时间的接口.mp4 95.50M

[10.15]10-16 课程可约时间的配置调接口获取可约时间的数据.mp4 78.06M

[10.16]10-17 课程可约时间的配置保存可约时间的数据.mp4 67.32M

[10.17]10-18 课程可约时间的配置使用 hooks 来分离逻辑代.mp4 89.65M

[10.18]10-19 弹窗抽屉小优化.mp4 29.16M

[10.19]10-20 添加门店选择全局控制.mp4 112.25M

[10.1]10-1 编写全局门店选择器（上）.mp4 99.85M

[10.21]10-22 职场技巧：如何让主管对你刮目相看？.mp4 64.51M

[10.2]10-2 编写全局门店选择器（下）.mp4 112.96M

[10.3]10-3 TS 泛型的使用，使用泛型重构 Context 生成器.mp4 68.67M

[10.4]10-5 创建课程的增删改查接口（上）.mp4 122.20M

[10.5]10-6 创建课程的增删改查接口（下）.mp4 75.04M

[10.7]10-8 编写课程列表使用 ProTable Request.mp4 92.89M

[10.8]10-9 课程新建与编辑页面使用 Form 创建信息录入表单.mp4 117.09M

[10.9]10-10 课程新建与编辑页面调用接口创建课程.mp4 78.02M

[5.3]5-3 NodeJS安装，pnpm 安装，VSCode 配置，本.mp4 66.81M

[5.4]5-4 mysql workbench 使用方法，通过它新建数据.mp4 53.01M

[5.5]5-5 面试重点：为什么要锁 npm 包的版本（上）.mp4 81.08M

[5.6]5-6 面试重点：为什么要锁 npm 包的版本（下）.mp4 67.31M

[6.10]6-10 使用 TypeORM 定义数据表结构并完成 CRUD（.mp4 59.72M

[6.11]6-11 什么是 GraphQL ？（上）.mp4 44.43M

[6.12]6-12 什么是 GraphQL ？（下）.mp4 37.63M

[6.13]6-13 使用 GraphQL 创建 API（1）.mp4 45.50M

[6.15]6-15 使用 GraphQL 创建 API（3）.mp4 49.76M

[6.16]6-16 使用 GraphQL 创建 API（4）.mp4 33.75M

[6.17]6-17 面试重点：大型网站技术架构的演进.mp4 134.10M

[6.18]6-18 职场技巧：如何打造自己在项目组里的影响力（上）.mp4 34.66M

[6.1]6-1 编程思想：到底怎么才能写出好的代码？（上）.mp4 64.46M

{11}第11章 全栈开发 PC 管理端商品管理模块

[11.10]11-10 完成商品绑定消费卡功能（2）.mp4 50.06M

[11.11]11-11 完成商品绑定消费卡功能（3）.mp4 65.46M

[11.12]11-12 完成商品绑定消费卡功能（4）.mp4 44.99M

[11.13]11-14 面试重点：彻底搞懂什么是宏任务和微任务？（上）.mp4 45.50M

[11.14]11-15 面试重点：彻底搞懂什么是宏任务和微任务？（下）.mp4 63.48M

[11.15]11-16 职场技巧：前端该如何做用户体验？.mp4 126.06M

[11.1]11-1 消费卡管理接口编写.mp4 108.52M

[11.2]11-2 管理消费卡的页面编写.mp4 81.17M

[11.3]11-3 管理消费卡接口联调.mp4 88.92M

[11.4]11-4 使用 plop 模板代码生成器生成 module 代码.mp4 69.52M

[11.5]11-5 完成商品的增删改查接口.mp4 78.64M

[11.6]11-6 完成商品的搜索列表功能.mp4 55.68M

[11.7]11-7 完成商品新建、编辑和删除功能（上）.mp4 71.19M

[11.8]11-8 完成商品新建、编辑和删除功能（下）.mp4 61.93M

[11.9]11-9 完成商品绑定消费卡功能（1）.mp4 69.72M

{12}第12章 全栈开发 H5 精选课程模块 i class=new_

[12.10]12-10 手写下拉刷新功能（上）.mp4 65.70M

[12.11]12-11 手写下拉刷新功能（下）.mp4 62.39M

[12.12]12-12 完善下拉刷新的功能.mp4 78.76M

[12.13]12-13 无限滚动原理讲解.mp4 48.17M

[12.14]12-14 手写无限滚动的功能（上）.mp4 65.10M

[12.15]12-15 手写无限滚动的功能（下）.mp4 58.25M

[12.16]12-16 面试重点：H5 页面如何做屏幕适配.mp4 92.70M

[12.17]12-17 职场技巧：在工作中最值得修炼的四个能力？.mp4 105.87M

[12.1]12-1 完善手机端基本能力，route、reset.css、公.mp4 60.00M

[12.2]12-2 手机端 Header 和 Bottom 菜单开发.mp4 93.41M

[12.3]12-3 使用 react-svg 解决 Icon 颜色定制的问.mp4 81.13M

[12.4]12-4 添加商品分类选择的功能（上）.mp4 53.33M

[12.5]12-5 添加商品分类选择的功能（下）.mp4 68.72M

[12.6]12-6 新增商品上下架的操作.mp4 70.84M

[12.7]12-7 使用手机打开H5页面.mp4 47.98M

[12.8]12-8 添加商品分类和手机端商品列表的接口.mp4 91.98M

[12.9]12-9 商品卡片列表的编写.mp4 83.98M

课件

water-drop-mobile-master.zip 71.78kb

water-drop-pc-master.zip 97.53kb

water-drop-server-master.zip 132.29kb