React18+TS+NestJS+GraphQL 全栈开发在线教育平台

为什么值得花时间看这套全栈项目课

这门资料解决的核心痛点是：很多前端开发者卡在“只会画页面、不懂后端怎么跑”的阶段，面试时遇到全栈项目就发虚。它用一个在线教育平台的真实场景，把 React 18、TypeScript、NestJS 和 GraphQL 这四样东西串成一个闭环。不是孤立讲语法，而是让你看到前端组件怎么通过 GraphQL 查询跟 NestJS 控制器对接，数据库怎么通过 TypeORM 映射成实体。如果你正打算从纯前端往全栈方向挪一步，或者转行时需要一个能拿得出手的项目撑场面，这套资料的选题方向是站得住的。

什么基础的人适合啃，建议先看哪几块

先说门槛。这套资料不适合零基础。你得已经能熟练写 React 函数组件、懂 hooks 基本用法，TypeScript 至少能看懂泛型和接口定义。NestJS 和 GraphQL 如果没碰过没关系，但最好有 Node.js 和 Express 的使用经验，否则依赖注入、装饰器、Resolver 这些概念会卡得很难受。建议的观看顺序是：先把第二章关于项目需求和业务拆解的部分过一遍，理解在线教育平台的核心模块划分；然后跳到服务端章节，跟着敲一遍 NestJS 的模块搭建和 GraphQL Schema 定义；最后再回到前端，看 React 怎么用 Apollo Client 接 GraphQL 接口。别按顺序从头硬看，容易在中途烂尾。

资料怎么配合练习，学完能独立做什么

资料包里带了服务端、PC 端、移动端和部署四块源码。正确的用法是：视频看一遍理解思路，然后关掉视频自己照着源码结构重写，卡住了再回去对照。特别要重视部署那部分——很多教程只教写代码不教上线，但面试官真正在意的是你知不知道一个全栈项目从本地跑到服务器上要处理哪些事。学完之后，你应该能独立搭起一个前后端分离的项目骨架：后端用 NestJS 定义 GraphQL 接口和数据库实体，前端用 React 18 做页面和状态管理，两端通过 GraphQL Schema 做契约。这个能力放在简历上，比单纯写“熟练使用 React”要有说服力得多。

高质量平台级应用+流行全栈技术+实用职场技巧+通用面试策略 助你提速升职加薪

*   00 资料/

  *   源代码/

    *   01 water-drop-server.zip (0.20 MB)

    *   02 water-drop-pc.zip (0.12 MB)

    *   03 water-drop-mobile.zip (0.15 MB)

    *   04 water-drop-deploy.zip (0.05 MB)

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

  *   01 1-1 通过本课程的学习你能得到什么.mp4 (73.39 MB), 13:47

  *   02 1-2 如何更高效的学习本课程.mp4 (87.41 MB), 15:14

  *   03 1-3 学习本课程需要准备什么.mp4 (37.19 MB), 06:49

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

  *   01 2-1 什么样项目才可以称为“企业级的项目”.mp4 (111.43 MB), 17:36

  *   02 2-2 用户的需求与使用路径.mp4 (79.29 MB), 13:13

  *   03 2-3 职场技巧：大厂的标准项目流程是怎样的（上）.mp4 (38.51 MB), 06:40

  *   04 2-4 职场技巧：大厂的标准项目流程是怎样的（下）.mp4 (103.17 MB), 15:50

*   03 第3章 需求分析、项目排期、项目总结一点通/

  *   01 3-1 什么样的需求文档 PRD 才是好的.mp4 (94.26 MB), 16:59

  *   02 3-2 项目功能点拆解与设计稿展示.mp4 (82.40 MB), 14:22

  *   03 3-3 怎么给出一个合理的前端排期.mp4 (70.98 MB), 12:53

  *   04 3-4 面试讲项目如何讲出亮点（1）.mp4 (11.41 MB), 02:56

  *   05 3-5 面试讲项目如何讲出亮点（2）：码农和程序员的区别.mp4 (39.93 MB), 07:00

  *   06 3-6 面试讲项目如何讲出亮点（3）：你需要具备技术实力和个人能力.mp4 (35.02 MB), 05:58

  *   07 3-7 面试讲项目如何讲出亮点（4）：面试讲项目要充分准备、提炼亮点.mp4 (44.94 MB), 07:54

  *   08 3-8 面试讲项目如何讲出亮点（5）：使用五步法把项目讲出亮点.mp4 (24.95 MB), 04:25

  *   09 3-9 面试讲项目如何讲出亮点（6）：我是如何介绍自己的项目的.mp4 (53.85 MB), 09:47

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

  *   01 4-1 根据需求分析结果做技术选型（上）.mp4 (83.03 MB), 13:21

  *   02 4-2 根据需求分析结果做技术选型（下）.mp4 (72.80 MB), 13:24

  *   03 4-3 React 18 的重要更新和使用之新特性.mp4 (72.06 MB), 13:22

  *   04 4-4 React 18 的重要更新和使用之新API.mp4 (74.02 MB), 12:08

  *   05 4-5 面试重点：React 18 的并发渲染原理（上）React 执行的三层架构.mp4 (83.64 MB), 12:22

  *   06 4-6 面试重点：React 18 的并发渲染原理（中）React 执行的三层架构.mp4 (104.31 MB), 14:05

  *   07 4-7 面试重点：React 18 的并发渲染原理（下）React 执行的三层架构.mp4 (37.04 MB), 06:42

  *   08 4-8 职场技巧：如何画一张技术架构图（上）.mp4 (29.78 MB), 05:17

  *   09 4-9 职场技巧：如何画一张技术架构图（中）.mp4 (49.21 MB), 08:46

  *   10 4-10 职场技巧：如何画一张技术架构图（下）.mp4 (50.07 MB), 08:43

*   05 第5章 开发环境的搭建/

  *   01 5-1 MAC 电脑上那些让你欲罢不能的开发工具（上）.mp4 (57.66 MB), 09:09

  *   02 5-2 MAC 电脑上那些让你欲罢不能的开发工具（下）.mp4 (49.01 MB), 09:08

  *   03 5-3 NodeJS安装，pnpm 安装，VSCode 配置，本地 MySQL 的安装.mp4 (64.93 MB), 11:54

  *   04 5-4 mysql workbench 使用方法，通过它新建数据库.mp4 (66.79 MB), 13:27

  *   05 5-5 面试重点：为什么要锁 npm 包的版本（上）.mp4 (79.63 MB), 14:14

  *   06 5-6 面试重点：为什么要锁 npm 包的版本（下）.mp4 (62.37 MB), 10:53

*   06 第6章 后端基础数据准备/

  *   01 6-1 编程思想：到底怎么才能写出好的代码（上）.mp4 (61.58 MB), 10:39

  *   02 6-2 编程思想：到底怎么才能写出好的代码（下）.mp4 (86.75 MB), 16:07

  *   03 6-3 NestJS 安装， 初始化一个项目，并启动.mp4 (77.60 MB), 14:28

  *   04 6-4 你需要知道的 NestJS 的基本概念（上）.mp4 (68.27 MB), 11:36

  *   05 6-5 你需要知道的 NestJS 的基本概念（下）.mp4 (66.69 MB), 11:55

  *   06 6-6 理清楚数据关系：数据库模型设计（上）.mp4 (82.45 MB), 14:27

  *   07 6-7 理清楚数据关系：数据库模型设计（下）.mp4 (66.23 MB), 10:37

  *   08 6-8 使用 TypeORM 定义数据表结构并完成 CRUD（上）.mp4 (93.49 MB), 16:15

  *   09 6-9 使用 TypeORM 定义数据表结构并完成 CRUD（中）.mp4 (80.97 MB), 14:19

  *   10 6-10 使用 TypeORM 定义数据表结构并完成 CRUD（下）.mp4 (56.10 MB), 09:55

  *   11 6-11 什么是 GraphQL （上）.mp4 (61.92 MB), 11:47

  *   12 6-12 什么是 GraphQL （下）.mp4 (62.32 MB), 10:00

  *   13 6-13 使用 GraphQL 创建 API（1）.mp4 (55.63 MB), 09:35

  *   14 6-14 使用 GraphQL 创建 API（2）.mp4 (47.65 MB), 07:57

  *   15 6-15 使用 GraphQL 创建 API（3）.mp4 (48.76 MB), 08:49

  *   16 6-16 使用 GraphQL 创建 API（4）.mp4 (35.78 MB), 06:42

  *   17 6-17 面试重点：大型网站技术架构的演进.mp4 (142.31 MB), 19:56

  *   18 6-18 职场技巧：如何打造自己在项目组里的影响力（上）.mp4 (51.54 MB), 09:29

  *   19 6-19 职场技巧：如何打造自己在项目组里的影响力（中）.mp4 (40.53 MB), 06:53

  *   20 6-20 职场技巧：如何打造自己在项目组里的影响力（下）.mp4 (44.66 MB), 07:58

*   07 第7章 前端通用能力建设/

  *   01 7-1 脚手架与使用 Vite 初始化前端项目（上）.mp4 (66.82 MB), 11:58

  *   02 7-2 脚手架与使用 Vite 初始化前端项目（下）.mp4 (24.82 MB), 04:45

  *   03 7-3 在灵活之中找规范， React Hooks 的最佳实践方法（上）.mp4 (74.99 MB), 11:52

  *   04 7-4 在灵活之中找规范， React Hooks 的最佳实践方法（下）.mp4 (62.90 MB), 11:31

  *   05 7-5 编写几个通用的自定义 hooks（上）.mp4 (87.61 MB), 14:09

  *   06 7-6 编写几个通用的自定义 hooks（下）.mp4 (70.91 MB), 13:19

  *   07 7-7 配置 ESLint 并使用 Apollo 创建 GraphQL Service（上）.mp4 (61.05 MB), 09:13

  *   08 7-8 配置 ESLint 并使用 Apollo 创建 GraphQL Service（中）.mp4 (59.68 MB), 11:01

  *   09 7-9 配置 ESLint 并使用 Apollo 创建 GraphQL Service（下）.mp4 (88.55 MB), 15:18

  *   10 7-10 使用 Apollo-server 快速创建 mock 数据.mp4 (129.92 MB), 18:41

  *   11 7-11 antd-mobile 的基本用法，配置主题、国际化功能.mp4 (109.13 MB), 20:13

  *   12 7-12 图片管理：将图片上传到阿里云 OSS（上）.mp4 (70.41 MB), 13:13

  *   13 7-13 图片管理：将图片上传到阿里云 OSS（中）.mp4 (92.50 MB), 17:01

  *   14 7-14 图片管理：将图片上传到阿里云 OSS（下）.mp4 (100.66 MB), 18:25

  *   15 7-15 面试重点：什么是 CSS Modules，如何使用（上）.mp4 (41.72 MB), 06:36

  *   16 7-16 面试重点：什么是 CSS Modules，如何使用（下）.mp4 (101.24 MB), 18:24

  *   17 7-17 职场技巧：如何优雅的求助别人（上）.mp4 (37.21 MB), 08:42

  *   18 7-18 职场技巧：如何优雅的求助别人（下）.mp4 (81.05 MB), 13:48

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

  *   01 8-1 编写 PC 端 手机号验证码登录页面（上）.mp4 (80.30 MB), 10:46

  *   02 8-2 编写 PC 端 手机号验证码登录页面（下）.mp4 (76.82 MB), 14:05

  *   03 8-3 编写登录接口，使用阿里云服务发送短信（上）.mp4 (111.49 MB), 19:35

  *   04 8-4 编写登录接口，使用阿里云服务发送短信（中）.mp4 (112.53 MB), 20:12

  *   05 8-5 编写登录接口，使用阿里云服务发送短信（下）.mp4 (105.88 MB), 19:25

  *   06 8-6 创建页面路由，制定接口规范（上）.mp4 (110.34 MB), 20:05

  *   07 8-7 创建页面路由，制定接口规范（下）.mp4 (125.31 MB), 22:31

  *   08 8-8 【阶段练练练】手机端账号密码注册与登录.html (0.12 MB)

  *   09 8-9 使用 JWT 保持登录状态（上）.mp4 (102.53 MB), 15:41

  *   10 8-10 使用 JWT 保持登录状态（下）.mp4 (85.32 MB), 15:25

  *   11 8-11 useContext 使用最佳实践，并用其存储全局用户信息（1）.mp4 (86.84 MB), 14:09

  *   12 8-12 useContext 使用最佳实践，并用其存储全局用户信息（2）.mp4 (71.87 MB), 13:16

  *   13 8-13 useContext 使用最佳实践，并用其存储全局用户信息（3）.mp4 (44.10 MB), 07:56

  *   14 8-14 useContext 使用最佳实践，并用其存储全局用户信息（4）.mp4 (71.45 MB), 12:26

  *   15 8-15 优化本章代码，让登录更丝滑（上）.mp4 (87.01 MB), 14:36

  *   16 8-16 优化本章代码，让登录更丝滑（下）.mp4 (48.74 MB), 08:51

  *   17 8-17 面试重点：我为什么不用 redux ，讨论其优劣势（上）.mp4 (66.95 MB), 09:33

  *   18 8-18 面试重点：我为什么不用 redux ，讨论其优劣势（下）.mp4 (67.07 MB), 12:42

  *   19 8-19 职场技巧：在职场里应该怎么把事情做成.mp4 (115.26 MB), 20:24

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

  *   01 9-1 PC 管理端：使用 ProLayout 组件搭建菜单（上）.mp4 (70.00 MB), 12:57

  *   02 9-2 PC 管理端：使用 ProLayout 组件搭建菜单（下）.mp4 (60.14 MB), 10:56

  *   03 9-3 重构：让路由变的更优雅（上）.mp4 (76.98 MB), 13:33

  *   04 9-4 重构：让路由变的更优雅（下）.mp4 (51.84 MB), 09:18

  *   05 9-5 编写个人信息页面，自定义 PC 端图片上传组件（1）.mp4 (64.09 MB), 10:47

  *   06 9-6 编写个人信息页面，自定义 PC 端图片上传组件（2）.mp4 (53.54 MB), 09:35

  *   07 9-7 编写个人信息页面，自定义 PC 端图片上传组件（3）.mp4 (55.41 MB), 10:00

  *   08 9-8 编写个人信息页面，自定义 PC 端图片上传组件（4）.mp4 (55.45 MB), 10:36

  *   09 9-9 【阶段练练练】手机端编写个人信息页面.html (0.06 MB)

  *   10 9-10 编写通用装饰器、实体和分页.mp4 (107.98 MB), 19:24

  *   11 9-11 创建门店增删改查接口服务（1）.mp4 (40.33 MB), 06:29

  *   12 9-12 创建门店增删改查接口服务（2）.mp4 (103.76 MB), 18:40

  *   13 9-13 创建门店增删改查接口服务（3）.mp4 (75.40 MB), 13:39

  *   14 9-14 创建门店增删改查接口服务（4）.mp4 (73.24 MB), 13:45

  *   15 9-15 以 ProTable 为例，讨论如何提升交付效率（上）.mp4 (78.28 MB), 12:01

  *   16 9-16 以 ProTable 为例，讨论如何提升交付效率（下）.mp4 (64.52 MB), 11:45

  *   17 9-17 编写门店列表和新增编辑页面（上）.mp4 (103.90 MB), 18:45

  *   18 9-18 编写门店列表和新增编辑页面（中）.mp4 (49.38 MB), 08:58

  *   19 9-19 编写门店列表和新增编辑页面（下）.mp4 (99.48 MB), 18:33

  *   20 9-20 【阶段练练练】编写门店删除功能.html (0.13 MB)

  *   21 9-21 面试重点：为什么很多候选人总是过不了二面（上）.mp4 (37.48 MB), 07:05

  *   22 9-22 面试重点：为什么很多候选人总是过不了二面（下）.mp4 (70.26 MB), 12:27

  *   23 9-23 职场技巧：管理是程序员的必备技能.mp4 (101.67 MB), 15:00

*   10 第10章 全栈开发 PC 管理端课程模块/

  *   01 10-1 编写全局门店选择器（上）.mp4 (91.62 MB), 15:34

  *   02 10-2 编写全局门店选择器（下）.mp4 (108.64 MB), 19:52

  *   03 10-3 TS 泛型的使用，使用泛型重构 Context 生成器.mp4 (66.55 MB), 12:15

  *   04 10-4 【阶段练练练】PC 端学员管理页面编写.html (1.07 MB)

  *   05 10-5 创建课程的增删改查接口（上）.mp4 (95.39 MB), 14:22

  *   06 10-6 创建课程的增删改查接口（下）.mp4 (73.90 MB), 13:46

  *   07 10-7 编写课程列表--三行代码实现一个课程列表搜索.mp4 (104.80 MB), 17:52

  *   08 10-8 编写课程列表--使用 ProTable Request 与接口联动.mp4 (88.75 MB), 16:10

  *   09 10-9 课程新建与编辑页面--使用 Form 创建信息录入表单.mp4 (112.89 MB), 19:43

  *   10 10-10 课程新建与编辑页面--调用接口创建课程.mp4 (78.00 MB), 14:40

  *   11 10-11 课程新建与编辑页面--useLazyQuery 的使用（上）.mp4 (60.72 MB), 10:57

  *   12 10-12 课程新建与编辑页面--useLazyQuery 的使用（下）.mp4 (70.88 MB), 12:42

  *   13 10-13 课程可约时间的配置--EditableProTable 的使用.mp4 (85.86 MB), 14:11

  *   14 10-14 课程可约时间的配置--配置 columns 的操作.mp4 (77.50 MB), 14:03

  *   15 10-15 课程可约时间的配置--编写保存可约时间的接口.mp4 (91.89 MB), 16:44

  *   16 10-16 课程可约时间的配置--调接口获取可约时间的数据.mp4 (73.74 MB), 13:13

  *   17 10-17 课程可约时间的配置--保存可约时间的数据.mp4 (64.62 MB), 11:47

  *   18 10-18 课程可约时间的配置--使用 hooks 来分离逻辑代码.mp4 (87.83 MB), 16:12

  *   19 10-19 弹窗抽屉小优化.mp4 (28.38 MB), 05:06

  *   20 10-20 添加门店选择全局控制.mp4 (110.18 MB), 20:10

  *   21 10-21 面试重点：到底什么是前端工程化.mp4 (64.77 MB), 11:32

  *   22 10-22 职场技巧：如何让主管对你刮目相看.mp4 (112.29 MB), 20:50

*   11 第11章 全栈开发 PC 管理端商品管理模块/

  *   01 11-1 消费卡管理接口编写.mp4 (114.20 MB), 20:24

  *   02 11-2 管理消费卡的页面编写.mp4 (85.47 MB), 15:30

  *   03 11-3 管理消费卡接口联调.mp4 (93.57 MB), 16:48

  *   04 11-4 使用 plop 模板代码生成器生成 module 代码.mp4 (73.05 MB), 12:56

  *   05 11-5 完成商品的增删改查接口.mp4 (82.70 MB), 15:22

  *   06 11-6 完成商品的搜索列表功能.mp4 (58.55 MB), 10:56

  *   07 11-7 完成商品新建、编辑和删除功能（上）.mp4 (74.91 MB), 13:25

  *   08 11-8 完成商品新建、编辑和删除功能（下）.mp4 (65.18 MB), 11:48

  *   09 11-9 完成商品绑定消费卡功能（1）.mp4 (73.25 MB), 13:06

  *   10 11-10 完成商品绑定消费卡功能（2）.mp4 (52.58 MB), 09:17

  *   11 11-11 完成商品绑定消费卡功能（3）.mp4 (68.79 MB), 12:17

  *   12 11-12 完成商品绑定消费卡功能（4）.mp4 (47.31 MB), 08:37

  *   13 11-13 【阶段练练练】PC 端教师管理功能编写.html (1.44 MB)

  *   14 11-14 面试重点：彻底搞懂什么是宏任务和微任务（上）.mp4 (47.86 MB), 08:52

  *   15 11-15 面试重点：彻底搞懂什么是宏任务和微任务（下）.mp4 (66.82 MB), 12:23

  *   16 11-16 职场技巧：前端该如何做用户体验.mp4 (132.05 MB), 20:10

*   12 第12章 全栈开发 H5 精选课程模块/

  *   01 12-1 完善手机端基本能力，route、reset.css、公共hooks。.mp4 (63.10 MB), 11:21

  *   02 12-2 手机端 Header 和 Bottom 菜单开发.mp4 (98.24 MB), 18:20

  *   03 12-3 使用 react-svg 解决 Icon 颜色定制的问题.mp4 (85.19 MB), 14:33

  *   04 12-4 添加商品分类选择的功能（上）.mp4 (56.09 MB), 10:09

  *   05 12-5 添加商品分类选择的功能（下）.mp4 (72.33 MB), 13:29

  *   06 12-6 新增商品上下架的操作.mp4 (74.44 MB), 13:23

  *   07 12-7 使用手机打开H5页面.mp4 (50.36 MB), 08:44

  *   08 12-8 添加商品分类和手机端商品列表的接口.mp4 (96.77 MB), 17:40

  *   09 12-9 商品卡片列表的编写.mp4 (88.18 MB), 15:43

  *   10 12-10 手写下拉刷新功能（上）.mp4 (69.03 MB), 12:14

  *   11 12-11 手写下拉刷新功能（下）.mp4 (65.56 MB), 11:47

  *   12 12-12 完善下拉刷新的功能.mp4 (82.76 MB), 14:43

  *   13 12-13 无限滚动原理讲解.mp4 (50.54 MB), 08:51

  *   14 12-14 手写无限滚动的功能（上）.mp4 (68.33 MB), 11:50

  *   15 12-15 手写无限滚动的功能（下）.mp4 (61.16 MB), 11:03

  *   16 12-16 面试重点：H5 页面如何做屏幕适配.mp4 (96.69 MB), 12:48

  *   17 12-17 职场技巧：在工作中最值得修炼的四个能力.mp4 (111.23 MB), 19:40

*   13 第13章 全栈开发 H5 门店模块/

  *   01 13-1 准备测试门店距离的数据代码.mp4 (76.34 MB), 13:43

  *   02 13-2 商品列表按照距离排序(上).mp4 (78.75 MB), 13:57

  *   03 13-3 商品列表按照距离排序(下).mp4 (69.89 MB), 12:29

  *   04 13-4 编写 H5 门店详情页面（1）.mp4 (94.20 MB), 17:09

  *   05 13-5 编写 H5 门店详情页面（2）.mp4 (56.12 MB), 09:57

  *   06 13-6 编写 H5 门店详情页面（3）.mp4 (39.48 MB), 07:05

  *   07 13-7 编写 H5 门店详情页面（4）.mp4 (33.64 MB), 05:57

  *   08 13-8 编写 H5 门店详情页面（5）.mp4 (32.31 MB), 05:40

  *   09 13-9 编写 H5 门店详情页面（6）.mp4 (64.01 MB), 11:32

  *   10 13-10 编写 H5 的商品详情页面.mp4 (90.02 MB), 16:17

  *   11 13-11 【阶段练练练】完善 H5 商品详情页面.html (0.46 MB)

  *   12 13-12 编写购买信息页面.mp4 (44.35 MB), 08:19

  *   13 13-13 如何让不同环境使用不同配置.mp4 (62.26 MB), 11:02

  *   14 13-14 面试重点：什么是 OAuth2.0.mp4 (82.60 MB), 11:39

  *   15 13-15 职场技巧：如何与后端更好的协作.mp4 (89.00 MB), 17:53

*   14 第14章 H5 端微信支付全流程开发/

  *   01 14-1 通过微信授权获取 openid（上）.mp4 (78.25 MB), 13:52

  *   02 14-2 通过微信授权获取 openid （中）.mp4 (77.21 MB), 13:41

  *   03 14-3 通过微信授权获取 openid （下）.mp4 (72.33 MB), 12:55

  *   04 14-4 讲解微信支付的原理.mp4 (88.17 MB), 15:34

  *   05 14-5 编写微信支付完整代码（1）.mp4 (79.41 MB), 14:19

  *   06 14-6 编写微信支付完整代码（2）.mp4 (73.02 MB), 13:12

  *   07 14-7 编写微信支付完整代码（3）.mp4 (51.09 MB), 09:04

  *   08 14-8 统一处理接口报错.mp4 (62.69 MB), 11:19

  *   09 14-9 获取微信支付结果通知.mp4 (60.59 MB), 10:49

  *   10 14-10 创建微信支付订单信息（上）.mp4 (110.80 MB), 19:52

  *   11 14-11 创建微信支付订单信息（中）.mp4 (59.70 MB), 10:58

  *   12 14-12 创建微信支付订单信息（下）.mp4 (44.19 MB), 08:04

  *   13 14-13 【阶段练练练】添加商品限购的逻辑.html (0.00 MB)

  *   14 14-14 面试重点：关于 Https 你要知道这些.mp4 (94.68 MB), 16:08

  *   15 14-15 本章小结：模拟微信支付.mp4 (77.79 MB), 14:03

*   15 第15章 全栈开发 H5 我的消费卡模块/

  *   01 15-1 编写 H5 我的页面框架.mp4 (79.85 MB), 14:19

  *   02 15-2 编写 H5 我的页面样式.mp4 (35.85 MB), 06:53

  *   03 15-3 PC 端课程添加封面图和任课老师.mp4 (95.87 MB), 17:16

  *   04 15-4 编写创建我的消费卡的接口（上）.mp4 (57.61 MB), 09:26

  *   05 15-5 编写创建我的消费卡的接口（下）.mp4 (59.26 MB), 10:53

  *   06 15-6 编写 H5 我的消费卡页面（上）.mp4 (80.64 MB), 14:34

  *   07 15-7 编写 H5 我的消费卡页面（下）.mp4 (102.27 MB), 18:50

  *   08 15-8 【阶段练练练】完善 H5 商品详情页面.html (0.00 MB)

  *   09 15-9 编写自动创建课程表的接口（1）.mp4 (60.00 MB), 10:31

  *   10 15-10 编写自动创建课程表的接口（2）.mp4 (76.92 MB), 13:53

  *   11 15-11 编写自动创建课程表的接口（3）.mp4 (71.25 MB), 13:06

  *   12 15-12 查缺补漏解决之前遗留的一些问题.mp4 (107.85 MB), 19:12

  *   13 15-13 面试重点：彻底搞懂前端安全问题（上）.mp4 (110.33 MB), 16:41

  *   14 15-14 面试重点：彻底搞懂前端安全问题（下）.mp4 (67.48 MB), 12:26

  *   15 15-15 职场技巧：如何做好代码 CR.mp4 (104.03 MB), 18:18

*   16 第16章 全栈开发 H5 预约课程模块/

  *   01 16-1 编写 PC 端自动排课功能.mp4 (88.62 MB), 15:46

  *   02 16-2 编写 PC 端课程表的展示（上）.mp4 (97.18 MB), 17:34

  *   03 16-3 编写 PC 端课程表的展示（下）.mp4 (68.32 MB), 12:09

  *   04 16-4 编写获取当前可约的课程接口（上）.mp4 (82.91 MB), 14:23

  *   05 16-5 编写获取当前可约的课程接口（下）.mp4 (107.73 MB), 19:27

  *   06 16-6 编写获取当前可约课程的页面（上）.mp4 (85.52 MB), 15:00

  *   07 16-7 编写获取当前可约课程的页面（下）.mp4 (87.87 MB), 15:50

  *   08 16-8 编写获取可约课程的时间段接口（上）.mp4 (69.02 MB), 12:19

  *   09 16-9 编写获取可约课程的时间段接口（下）.mp4 (69.68 MB), 12:21

  *   10 16-10 编写获得可用的消费卡的接口.mp4 (71.72 MB), 13:18

  *   11 16-11 编写课程时间表组件.mp4 (95.31 MB), 17:08

  *   12 16-12 编写选择消费卡组件.mp4 (68.39 MB), 12:20

  *   13 16-13 创建预约课程接口（上）.mp4 (53.56 MB), 09:43

  *   14 16-14 编写预约课程接口（下）.mp4 (92.68 MB), 17:12

  *   15 16-15 编写预约课程页面功能.mp4 (109.71 MB), 19:58

  *   16 16-16 编写 H5 我的课程表页面.mp4 (90.07 MB), 16:05

  *   17 16-17 编写取消预约接口.mp4 (101.11 MB), 18:03

  *   18 16-18 编写 H5 端取消预约的功能.mp4 (49.50 MB), 08:55

  *   19 16-19 完善 PC 端展示上课学员的功能.mp4 (84.93 MB), 15:20

  *   20 16-20 面试重点：前端性能优化（上）.mp4 (135.60 MB), 23:48

  *   21 16-21 面试重点：前端性能优化（下）.mp4 (81.90 MB), 14:51

  *   22 16-22 职场技巧：聊一聊代码重构那些事.mp4 (180.20 MB), 23:12

*   17 第17章 项目测试、部署与上线/

  *   01 17-1 针对前端 utils 的单元测试.mp4 (69.26 MB), 12:41

  *   02 17-2 针对 hooks 和react 组件的单元测试.mp4 (86.38 MB), 15:27

  *   03 17-3 后端 nestjs 单元测试.mp4 (80.03 MB), 14:20

  *   04 17-4 如何购买阿里云 ECS 服务器.mp4 (33.62 MB), 06:15

  *   05 17-5 登录服务器并设置安全策略.mp4 (29.18 MB), 04:49

  *   06 17-6 什么是 web 服务器.mp4 (58.59 MB), 10:03

  *   07 17-7 安装 nginx 并本地部署 H5 项目.mp4 (115.91 MB), 20:37

  *   08 17-8 如何本地部署后端接口项目.mp4 (53.51 MB), 09:28

  *   09 17-9 Docker 解决了哪些问题.mp4 (39.21 MB), 07:15

  *   10 17-10 Docker 的实现原理.mp4 (72.66 MB), 12:58

  *   11 17-11 Docker 重要的几个概念.mp4 (47.68 MB), 08:05

  *   12 17-12 使用 docker 本地部署 mobile 项目.mp4 (77.86 MB), 13:53

  *   13 17-13 使用 Docker 本地部署 server 项目.mp4 (80.78 MB), 14:43

  *   14 17-14 mobile 项目和 server 端联调配置.mp4 (26.81 MB), 04:55

  *   15 17-15 使用 Docker 本地部署 pc 项目.mp4 (16.74 MB), 03:12

  *   16 17-16 把本地镜像上传到阿里云镜像仓库.mp4 (52.71 MB), 09:41

  *   17 17-17 使用 docker 启动 mysql 镜像并初始化数据.mp4 (56.79 MB), 10:20

  *   18 17-18 使用 docker-compose 做容器编排.mp4 (19.40 MB), 03:25

  *   19 17-19 water-drop-deploy 专属部署项目介绍.mp4 (45.98 MB), 08:37

  *   20 17-20 使用 docker-compose 本地启动三个项目.mp4 (29.08 MB), 05:29

  *   21 17-21 在 ECS 服务器上部署项目.mp4 (68.13 MB), 12:02