#9527

React18+TS+NestJS+GraphQL 全栈开发在线（12章）

课程介绍

课程来自于 React18+TS+NestJS+GraphQL 全栈开发在线（12章）

本课程是一套全栈开发在线课程，包含了React18、TypeScript、NestJS和GraphQL等技术。通过学习本课程，您将能够全面了解并掌握这些前沿的全栈开发技术。

课程以实战项目为基础，共分为12个章节。每个章节都涵盖了不同的主题和知识点，帮助您逐步深入学习和应用这些技术。从课程的第1章开始，我们将引导您进行全面、高效的进阶学习，帮助您了解用户需求并掌握项目开发的流程。接着，我们将重点介绍项目技术选型和React 18的核心技术，帮助您选择适合的技术并了解React 18的最新特性。随后，我们将指导您搭建开发环境并准备后端基础数据。在接下来的章节中，您将学习前端通用能力的建设和全栈开发PC管理端和手机端登录注册模块的开发。最后几个章节将介绍全栈开发PC管理端门店模块、课程模块和商品管理模块，帮助您掌握更多的全栈开发技巧。

课程目录：
- 第1章 这里，将带你进行一次全面，高效的进阶
- 第2章 了解用户需求，懂得如何做项目
- 第3章 需求分析与功能拆解
- 第4章 项目技术选型与React 18的核心技术
- 第5章 开发环境的搭建
- 第6章 后端基础数据准备
- 第7章 前端通用能力建设
- 第8章 全栈开发PC管理端和手机端登录注册模块
- 第9章 全栈开发PC管理端门店模块
- 第10章 全栈开发PC管理端课程模块
- 第11章 全栈开发PC管理端商品管理模块
- 第12章 全栈开发H5精选课程模块

加入我们的课程，开启全栈开发之旅！

文件目录

课件

water-drop-pc-master.zip

water-drop-mobile-master.zip

water-drop-server-master.zip

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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