TS 全栈开发(react+nextjs+nestjs+cicd 与运维)课程

《 TS 全栈开发课》，内容包含了 Typescript,React,Nextjs,Node.js,Nestjs,CI/CD 与自动化运维等等，后续我们还会增加 React Native,Electron,小程序开发等课程。不仅仅如此，同时站长还以自身多年的远程工作及自由职业经验为模板，特地制作了一套《远程淘金课》，主要是帮助同学们掌握远程工作求职的途径和面试笔试技巧，海外外包接单渠道的拓展和谈判方法，独立开发者和平台运营的被动收入实现方法和推广及品牌建设等等

另外，我们还提供了一些额外的随机服务，比如

• 我们 3R 工作室也在承接外包，会分配一些任务给技术比较好的同学来开发而获取报酬
• 同时，我们也会把客户允许共享的商业项目源代码分享给我所有同学参考学习
• 其次，我们会员中也有许多是海外的远程工作招聘方和外包提供者，这个其他的会员提供了大量的资源
• 并且，我们的 3R 英语教室还提供英语口语的学习机会
• 甚至，因为会员中有一些投资人和移民咨询方等，所以我们还会帮助想要创业的同学进行融资接洽，帮助想要移民的同学进行移民咨询方的接洽

我们拥有强大的社区，包括微信和 discord 等

整体的流程如下图

我们目前拥有近 400 位来自全世界各地的学习者（ 3R 会员），从一线大厂到自由职业和创业者，从刚入门的高校萌新毕业生到十几年的转技术栈的老码农都齐聚 3R 教室，一起学习和探讨 Typescript 全栈开发技能及远程淘金方法！

课程结构大体是这样的：

1. 起步篇，主要是搭建开发环境，项目的 monorepo 结构，服务器运维部署，CICD 等
2. 基础篇，主要是一些基础的知识点和一些核心的概念及重要类库的使用方法
3. 从实战篇开始，Nestjs 部分的课程是先简单的做一个文章管理系统的 API
4. 然后就开始构建一个非常好用的弹性可扩展架构和 C L I 命令这些(这是由于 nestjs 等一众 node.js 框架并不像 spring boot,laravel 或是 rails 那样是非常成熟的成品框架，他是把各种库通过模块整合的方式集合起来的，这部分对于前端开发者来说稍难，对于后端开发者来说基本没难度，无非就是反射+封装)
5. 接着不断地给这个架构上追加 Auth ，短信邮件发送，实时通讯，动态权限，流式文件下载等功能来实现一个强大可扩展的 CMF 架构的 API
6. React 部分的课程则负责为这个强大的 CMF 框架开发一个完美的管理后台，手动复刻 Antd,vben 等常用后台面板的优秀功能
7. Nextjs 部分的课程开发一个 SSR 网站来匹配前两套课实现一个比较 Fushion 的现代化 SSR 网站
8. 最后我们把在这个 CMF 框架上构建出一个社区网站出来，后续我们也可以自行在这个框架上编写电商网站等各种应用
9. 盈利篇是在学习技术课的同时或学习之后，帮助同学们可以更好的使用 TS 全栈来获取更多 money ，因为学以致用才是最重要的！

📚课程目录

🚲起步篇

主要涉及: Node 开发环境/各种 TS 应用的脚手架搭建/Monorepo 应用构建/Linux 服务器与 PHP 应用搭建/CICD 自动构建部署等等

1. Node.js 环境配置
2. Nestjs+Eslint+SWC 应用初始化及断点调试
3. Vite+React18+Eslint+Stylelint+TailwindCSS+Antd 应用初始化
4. Nextjs13+Eslint+Stylelint+TailwindCSS+shadcn/ui 应用初始化
5. Turborepo+Nestjs+React18+Nextjs13 构建 monorepo 脚手架
6. 无懈可击的 Linux 服务器构建
7. 使用 Gitea+Drone+PM2 自建 CICD 平台 - 实现自动化运维与部署
8. Cluster 均衡负载及 Fork 进程详解

🚀实战篇

Nestjs 最佳实践

-- Nestjs 后端 API 及 CLI 工具开发

主要涉及: Node.js/Typeorm/Nestjs/Yargs/Fastify/BullMQ/Passport.js/CASL/Redis 等

1. 『基础知识』 Nestjs 核心概念
2. 『内容模块』 Nestjs 整合 Typeorm 实现基本的 CRUD 操作及分页数据查询
3. 『内容模块』请求数据的验证和响应数据的序列化
4. 『内容模块』数据关联与树形嵌套结构的分类和评论的实现
5. 『内容模块』自定义全局的验证管道，拦截器和过滤器
6. 『内容模块』自定义数据验证约束及约束中的依赖注入
7. 『内容模块』批量操作及软删除(回收站)功能使用
8. 『内容模块』使用 ElasticSearch 及 Mysql 两种方式实现全文搜索
9. 『核心框架』实现一个 CRUD 框架以抽象化代码
10. 『核心框架』 Nestjs 配置模块的使用详解
11. 『核心框架』构建配置式路由与 Open API 文档
12. 『 CLI 工具』 Yargs 构建命令行工具以及数据迁移的实现
13. 『 CLI 工具』数据填充命令及数据工厂的实现
14. 『用户与权限』用户模块开发以及使用 Passport 实现 JWT 认证和无痛刷新
15. 『用户与权限』数据表动态关联及内容作者
16. 『用户与权限』使用 OAuth2 实现 Github 等第三方登录
17. 『用户与权限』用户注册,登录,找回密码绑定邮箱和手机号等验证功能实现
18. 『用户与权限』使用 Redis+BullMQ 实现基于消息队列的异步短信及邮件验证
19. 『用户与权限』 websocket 实现即时聊天及消息离线存储功能
20. 『用户与权限』基于 CASL 的 RBAC 动态角色及权限系统实现
21. 『文件模块』 Fastify 驱动下的文件上传下载导出及图片流式加载实现等功能的实现
22. 『文件模块』图片的自动剪裁及压缩实现实现
23. 『文件模块』整合腾讯云 SDK 实现文件的云存储
24. 『运维与测试』整合 Log4j2 实现日志功能
25. 『运维与测试』 Nestjs 应用的缓存与性能优化
26. 『性能与运维』使用 Jest 编写 TDD 测试以及 E2E 测试编写

React+Nextjs 最佳实践

-- React18 中后台开发实战以及 Nextjs13 Nextjs 网站开发实战

主要涉及: Vite/React/Nextjs/TailWindCSS/Antd/Zustand/React Router/radix-ui/React Spring/websockets 等等

1. 『基础知识』 TailwindCSS 使用详解
2. 『基础知识』常用 React Hooks 使用详解
3. 『基础知识』 Zustand 与 Immer 的使用以及持久化存储封装（示例: 使用 Zustand 实现动态暗黑主题，动态皮肤与国际化等配置组件）
4. 『基础知识』 React Router v6.4+的使用详解
5. 『基础知识』 Svg 组件与基于 Ionify 的图标组件的封装
6. 『基础知识』多种雪碧加载动画的实现
7. 『中后台面板』 React Router 封装及懒加载与 Loadding 的实现
8. 『中后台面板』路由菜单与布局的初步实现
9. 『中后台面板』应用右拉设置抽屉实现
10. 『中后台面板』 KeepAlive 组件与多标签功能开发
11. 『中后台面板』顶栏和左栏布局及响应式移动布局实现
12. 『中后台面板』左栏双菜单嵌入式布局实现
13. 『中后台面板』使用 Axios+Swr.js 编写数据加载组件
14. 『中后台面板』 Mock 数据服务器实现
15. 『中后台面板』 i18n 国际化实现
16. 『中后台面板』用户登录页面编写
17. 『中后台面板』动态权限路由和菜单实现
18. 『中后台面板』面包屑功能实现
19. 『中后台面板』使用 Antd Charts 实现可视化仪表盘
20. 『中后台面板』 React-DND 拖动库的使用详解
21. 『中后台面板』 Pro components 的表单与表格使用详解
22. 『中后台面板』整合 Nestjs 实文章管理
23. 『中后台面板』整合 Nestjs 实现树形分类，评论管理
24. 『中后台面板』整合 Nestjs 实现用户设置
25. 『中后台面板』整合 Nestjs 实现云接口等系统设置
26. 『中后台面板』整合 Nestjs 实现用户管理
27. 『中后台面板』整合 Nestjs 实现复杂的动态字段权限管理
28. 『中后台面板』 Vitest 测试编写
29. 『 Nextjs 网站』 Nextjs 核心概念（服务端组件,路由,数据操作,项目结构等）详解
30. 『 Nextjs 网站』在 Nextjs 中使用 Zustand,Axios 以及 Swr.js 等库的注意点
31. 『 Nextjs 网站』 radix-ui 与 shadcn/ui 的使用
32. 『 Nextjs 网站』首页布局与 Swiper.js 的轮播库使用
33. 『 Nextjs 网站』网站基本布局及页面骨架实现
34. 『 Nextjs 网站』登录页面编写及 JWT 登录实现
35. 『 Nextjs 网站』网站权限动态菜单与面包屑实现
36. 『 Nextjs 网站』 Github 等社会化平台的 OAuth 登录实现
37. 『 Nextjs 网站』 React-Spring 动画库的使用详解
38. 『 Nextjs 网站』 MDX 的使用详解
39. 『 Nextjs 网站』文章发布，列表页面及文章详情页编写
40. 『 Nextjs 网站』无限级分类、标签、热门等挂件实现
41. 『 Nextjs 网站』网址导航页面实现
42. 『 Nextjs 网站』项目案例页面实现
43. 『 Nextjs 网站』 Websockets 消息广播与即时通讯实现
44. 『 Nextjs 网站』整合 Chatgpt 实现自动写文章
45. 『 Nextjs 网站』使用 Vercel 部署网站
46. 『 Nextjs 网站』使用 Gitea+Drone+PM2+Nginx 自建服务器部署 Nextjs 应用
47. 『 Nextjs 网站』 Turopack 和 Turborepo 的介绍与使用

账号不怎么登录，有需要可以去我们的官网 https://3rcd.com 看一下，售价 4199 元