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

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

发现很多的前端同学都面临如下的职业困扰:没有能拿的出手的面试项目;不懂后端技术,无法与后端同学高效交流;能完成需求,但不知道什么是最佳实践;每天辛苦写代码,只有苦劳,没有功劳。在本课程中,会带领大家应用当下流行的全栈技术 ,开发2W+代码的高质量在线教育平台,更将实用职场技巧、面试策略倾囊相授,助你在2023冲破瓶颈,更进一步。

课程目录

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

|   ├──[1.2]–1-2 如何更高效的学习本课程？.mp4  91.84M

|   └──[1.3]–1-3 学习本课程需要准备什么？.mp4  38.41M

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

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

|   ├──[2.2]–2-2 用户的需求与使用路径.mp4  99.77M

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

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

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

|   ├──[3.1]–3-1 什么样的需求文档 PRD 才是好的.mp4  97.53M

|   ├──[3.2]–3-2 项目功能点拆解与设计稿展示.mp4  93.70M

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

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

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

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

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

|   ├──[4.3]–4-3 React 18 的重要更新和使用之新特性.mp4  69.39M

|   ├──[4.4]–4-4 React 18 的重要更新和使用之新API.mp4  95.23M

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

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

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

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

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

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

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

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

|   ├──[5.3]–5-3 NodeJS安装，pnpm 安装，VSCode 配置，本.mp4  61.81M

|   ├──[5.4]–5-4 mysql workbench 使用方法，通过它新建数据.mp4  63.41M

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

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

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

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

|   ├──[6.11]–6-11 什么是 GraphQL ？（上）.mp4  58.95M

|   ├──[6.12]–6-12 什么是 GraphQL ？（下）.mp4  59.37M

|   ├──[6.13]–6-13 使用 GraphQL 创建 API（1）.mp4  53.00M

|   ├──[6.15]–6-15 使用 GraphQL 创建 API（3）.mp4  46.39M

|   ├──[6.16]–6-16 使用 GraphQL 创建 API（4）.mp4  33.99M

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

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

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

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

|   ├──[6.4]–6-4 你需要知道的 NestJS 的基本概念（上）.mp4  55.95M

|   ├──[6.5]–6-5 你需要知道的 NestJS 的基本概念（下）.mp4  55.74M

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

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

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

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

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

|   ├──[7.10]–7-10 使用 Apollo-server 快速创建 mock.mp4  139.51M

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

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

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

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

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

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

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

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

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

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

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

|   ├──[7.5]–7-5 编写几个通用的自定义 hooks（上）.mp4  100.82M

|   ├──[7.6]–7-6 编写几个通用的自定义 hooks（下）.mp4  68.28M

|   ├──[7.7]–7-7 配置 ESLint 并使用 Apollo 创建 Grap.mp4  72.53M

|   ├──[7.8]–7-8 配置 ESLint 并使用 Apollo 创建 Grap.mp4  59.57M

|   └──[7.9]–7-9 配置 ESLint 并使用 Apollo 创建 Grap.mp4  97.27M

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

|   ├──[8.8]–8-9 使用 JWT 保持登录状态（上）.mp4  105.85M

|   └──[8.9]–8-10 使用 JWT 保持登录状态（下）.mp4  88.79M

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

|   ├──[9.3]–9-3 重构：让路由变的更优雅（上）.mp4  81.55M

|   ├──[9.4]–9-4 重构：让路由变的更优雅（下）.mp4  54.78M

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

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

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

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

|   └──[9.9]–9-10 编写通用装饰器、实体和分页.mp4  112.44M

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

|   ├──[10.10]–10-11 课程新建与编辑页面–useLazyQuery 的使.mp4  63.82M

|   ├──[10.11]–10-12 课程新建与编辑页面–useLazyQuery 的使.mp4  75.78M

|   ├──[10.12]–10-13 课程可约时间的配置–EditableProTabl.mp4  95.54M

|   ├──[10.13]–10-14 课程可约时间的配置–配置 columns 的操作.mp4  80.75M

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

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

|   ├──[10.16]–10-17 课程可约时间的配置–保存可约时间的数据.mp4  67.37M

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

|   ├──[10.18]–10-19 弹窗抽屉小优化.mp4  29.20M

|   ├──[10.19]–10-20 添加门店选择全局控制.mp4  112.29M

|   ├──[10.1]–10-1 编写全局门店选择器（上）.mp4  99.89M

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

|   ├──[10.2]–10-2 编写全局门店选择器（下）.mp4  113.00M

|   ├──[10.3]–10-3 TS 泛型的使用，使用泛型重构 Context 生成器.mp4  68.72M

|   ├──[10.4]–10-5 创建课程的增删改查接口（上）.mp4  122.24M

|   ├──[10.5]–10-6 创建课程的增删改查接口（下）.mp4  75.08M

|   ├──[10.7]–10-8 编写课程列表–使用 ProTable Request.mp4  92.93M

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

|   ├──[10.9]–10-10 课程新建与编辑页面–调用接口创建课程.mp4  78.07M

|   ├──[5.3]–5-3 NodeJS安装，pnpm 安装，VSCode 配置，本.mp4  66.85M

|   ├──[5.4]–5-4 mysql workbench 使用方法，通过它新建数据.mp4  53.05M

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

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

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

|   ├──[6.11]–6-11 什么是 GraphQL ？（上）.mp4  44.48M

|   ├──[6.12]–6-12 什么是 GraphQL ？（下）.mp4  37.68M

|   ├──[6.13]–6-13 使用 GraphQL 创建 API（1）.mp4  45.54M

|   ├──[6.15]–6-15 使用 GraphQL 创建 API（3）.mp4  49.81M

|   ├──[6.16]–6-16 使用 GraphQL 创建 API（4）.mp4  33.79M

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

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

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

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

|   ├──[11.10]–11-10 完成商品绑定消费卡功能（2）.mp4  50.10M

|   ├──[11.11]–11-11 完成商品绑定消费卡功能（3）.mp4  65.51M

|   ├──[11.12]–11-12 完成商品绑定消费卡功能（4）.mp4  45.04M

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

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

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

|   ├──[11.1]–11-1 消费卡管理接口编写.mp4  108.56M

|   ├──[11.2]–11-2 管理消费卡的页面编写.mp4  81.21M

|   ├──[11.3]–11-3 管理消费卡接口联调.mp4  88.96M

|   ├──[11.4]–11-4 使用 plop 模板代码生成器生成 module 代码.mp4  69.56M

|   ├──[11.5]–11-5 完成商品的增删改查接口.mp4  78.68M

|   ├──[11.6]–11-6 完成商品的搜索列表功能.mp4  55.72M

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

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

|   └──[11.9]–11-9 完成商品绑定消费卡功能（1）.mp4  69.77M

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

|   ├──[12.10]–12-10 手写下拉刷新功能（上）.mp4  65.74M

|   ├──[12.11]–12-11 手写下拉刷新功能（下）.mp4  62.43M

|   ├──[12.12]–12-12 完善下拉刷新的功能.mp4  78.81M

|   ├──[12.13]–12-13 无限滚动原理讲解.mp4  48.22M

|   ├──[12.14]–12-14 手写无限滚动的功能（上）.mp4  65.14M

|   ├──[12.15]–12-15 手写无限滚动的功能（下）.mp4  58.30M

|   ├──[12.16]–12-16 面试重点：H5 页面如何做屏幕适配.mp4  92.74M

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

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

|   ├──[12.2]–12-2 手机端 Header 和 Bottom 菜单开发.mp4  93.45M

|   ├──[12.3]–12-3 使用 react-svg 解决 Icon 颜色定制的问.mp4  81.17M

|   ├──[12.4]–12-4 添加商品分类选择的功能（上）.mp4  53.38M

|   ├──[12.5]–12-5 添加商品分类选择的功能（下）.mp4  68.77M

|   ├──[12.6]–12-6 新增商品上下架的操作.mp4  70.88M

|   ├──[12.7]–12-7 使用手机打开H5页面.mp4  48.03M

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

|   └──[12.9]–12-9 商品卡片列表的编写.mp4  84.02M

└──课件

|   ├──water-drop-mobile-master.zip  71.78kb

|   ├──water-drop-pc-master.zip  97.53kb

|   └──water-drop-server-master.zip  132.29kb