Brian老师的AI课程笔记

技术介绍及预览
【概览介绍】所有课程《LLM应用全流程开发 全新技术+多案例实战》介绍《大前端课程2024》介绍《AI时代人人必修课-提示词工程》介绍《NestJS 入门到实战》介绍《NestJS NestJS 从拔高到精通》介绍《互联网人副业指南》介绍
❤️课程评价❤️
直达链接
【前端&全栈】大前端课程2023-2024版【大语言模型】LLM应用全流程开发 全新技术+多案例实战+私有化部署【大语言模型】AI时代人人必修课-提示词工程【Node.js】NestJS 入门到实战【Node.js】NestJS 从拔高到精通,大型复杂业务架构落地实践【通识】互联网人副业指南【前端】六大场景 梳理开发痛点 解锁前端进阶路【前端】Vue3.0+Vite开发【前端】Vue2.x核心技术
LLM应用全流程开发提示词工程+大语言模型 多场景实战互联网人副业指南: 传授思维与方法NestJS 入门到实战NestJS 从拔高到精通大前端 v1.0基础大前端 v2.0项目大前端v3(40周)大前端(最新版)(28周)前端八股文+面试+简历
官方博客团队介绍
【概览介绍】所有课程《LLM应用全流程开发 全新技术+多案例实战》介绍《大前端课程2024》介绍《AI时代人人必修课-提示词工程》介绍《NestJS 入门到实战》介绍《NestJS NestJS 从拔高到精通》介绍《互联网人副业指南》介绍
❤️课程评价❤️
【前端&全栈】大前端课程2023-2024版【大语言模型】LLM应用全流程开发 全新技术+多案例实战+私有化部署【大语言模型】AI时代人人必修课-提示词工程【Node.js】NestJS 入门到实战【Node.js】NestJS 从拔高到精通,大型复杂业务架构落地实践【通识】互联网人副业指南【前端】六大场景 梳理开发痛点 解锁前端进阶路【前端】Vue3.0+Vite开发【前端】Vue2.x核心技术
LLM应用全流程开发提示词工程+大语言模型 多场景实战互联网人副业指南: 传授思维与方法NestJS 入门到实战NestJS 从拔高到精通大前端 v1.0基础大前端 v2.0项目大前端v3(40周)大前端(最新版)(28周)前端八股文+面试+简历
官方博客团队介绍
加载中...
  • 阶段一: 【全栈开发能力】小闭环项目实战打通前端全栈
  • 阶段二: 【服务端与工程化能力】服务端开发与工程化实践
  • 阶段三: 【自研组件库能力】通用复杂管理后台高性能组件库
  • 阶段四: 【大厂标准的工程化+自动化能力】跨项目跨技术栈提升效率方案
  • 阶段五: 【复杂服务端开发能力】Nestjs开发知识付费服务端
  • 阶段六: 【架构设计能力】微服务架构重构大型复杂项目:知识付费项目升级
  • 阶段七: 【小程序云开发】uniapp+unicloud及支付专题
  • 阶段八: 【深耕底层】Vue+React源码解读,底层思维+技术双提升
阶段一: 【全栈开发能力】小闭环项目实战打通前端全栈
第1周 从职业发展到项目实战的全景启程
第1章 课程导学:课程设计、核心价值体现、服务与资源
01 课程导学(快速了解课程)
第2章 高级前端工程师成长心经
01 职业线路:面对行业与职场双重冲击,应该如何发展?
02 JS 精通能力:前端技术进化史,深入JavaScript
03 【扩展】法律知识普及:我不能访问github怎么办?
04 深度框架能力:核心技术如何综合深度运用(当下三大框架、TypeScript)
05 全栈能力:前端全栈能力Node
06 多端能力:多哪些技术是多端开发必知必会
07 全流程能力:前端相关开发工作流,不同项目的应对方案
08 工程化&自动化能力:自动化与工程化技术路径,学会用or造轮子
09 架构能力:前端工程师的架构学习路线&ChatGPT设计案例-
10 大型项目架构设计:从单体到云架构的演进
第3章 进阶中高级前端瓶颈及解决方案
01 章导学:在成长提升的道路上,总会遇到各种瓶颈,如何攻破?
02 环境瓶颈:如果在小公司&业务单一如何找到发展线路
03 发展瓶颈:技术路线or职业路线?程序员的年龄坎怎么破?
04 技术瓶颈:找准前端的核心竞争力
05 实战瓶颈:高级前端进阶路径N种方式
06 学习瓶颈:在信息爆炸的时代做好信息过滤、筛选(开源AI项目推荐)
07 认清自己:如何定位好当下的自己,设置成长路线
第4章 成为高级前端工程师背后的成长方法论【从初到中阶前端】
01 【自评】规划未来:中阶前端进阶养成计划
02 规划篇:初阶前端技术路线的规划
03 心态篇:国内外越来越卷,怎么找到合适的自己的位置
04 技术观:技术焦虑怎么解?前沿技术怎么学习?
05 实战篇: 跳出前端工程师的舒适区,从全栈项目开始
06 实战篇: 参与开源项目or外包项目,提升认知与打交道能力
第5章 成为高级前端工程师背后的成长方法论【从中到高阶前端】
01 【自评】规划未来:怎么从中阶到高阶前端
02 规划篇:中阶到高阶前端技术路线的规划
03 心态篇:职业危机、中年危机怎么破
04 心态篇:前端技术危机——AI带来的技术危机及怎么破
08 实战篇:多端跨端的开发能力
09 实战篇:大型项目的开发与架构能力1
10 实战篇:大型项目的开发与架构能力2
第6章 项目需求分析与架构设计内容介绍
第7章 整体项目需求分析:从能力出发全面了解项目设计的前因后果
01 项目整体设计:我为什么做了这门课?
02 项目业务需求分析:明确范围与功能需求
03 项目技术需求分析:明确技术需求与约束条件
04 用户需求分析与竞品分析:明确使用场景
05 整体需求分析总结:项目需求及产出
第8章 项目技术选型:复杂业务中怎么快速完成闭环
01 复杂业务中的全局思维:技术选型长远计划
02 折中的艺术:技术方案评估中需要注意的点
03 功能拆分的技巧:确定核心业务
04 工作流:技术栈更新与维护方案
第9章 整体架构设计:架构是什么?设计系统架构图
01 架构师能力:架构设计是什么?深入理解架构设计
02 架构设计案例:小闭环项目架构设计
03 架构演进&微服务架构
第10章 基础夯实介绍
01 小闭环项目章导学
02 业务原型图绘制技巧
03 [扩展]AI图片工具:配图&公众号首图&高保真素材
04 [扩展]AI编程:爽的飞起,Codeium写代码&Console调试技巧分享
第11章 项目技术选型
01 小闭环项目:项目技术栈选型
02 工作流详解:回顾开发工作流
04 [扩展]工作流:测试相关工作流及文档
05 [AI]项目接口设计&接口文档方案选型
第12章 Node.js开发环境初始化&IDE配置调试&代码规范
01 node开发环境搭建:常见工作流介绍&yarn&pnpm&corepack
02 IDE配置:VSCode插件推荐&同步设置(懒人配置福利)
03 IDE智能代码提示:Tabnine&Copilot&Codeium
04 开发调试技巧:前端web项目调试思路
05 番外:真机调试技巧
第13章 Vue通用模板项目全面进阶:路由、样式库、PWA及优化策略
02 初始化前端项目
04 npm发包注意事项:npm极简发包过程演示
06 页面路由方案:自动路由vite-plugin-pages及进阶用法
07 页面路由方案:自动路由unplugin-vue-router
11 自动组件注册:unplugin-vue-components
12 [扩展]图标集插件:unplugin-icons
13 Icons图标方案:iconify sets
14 全局Layouts:vite-plugin-vue-layouts
17 PWA集成:vite-plugin-pwa
第2周 路由布局、响应式与首页完整开发
第1章 业务页面路由、基础组件构建与布局技巧
07 基础组件:卡片组件
第2章 移动端设计:响应式布局、设备适配与动画实践
第3章 首页项目从设计到实现:Vue开发实战及扩展技巧
01 首页:页角部分开发
02 [扩展]vue3.3中的defineProps用法
03 首页:hover效果+深度选择器
04 首页:组件间4种传参方式+$attrs属性覆盖
05 [扩展]Gird不完全手册学习
06 [扩展]Gird单元格属性项学习及作业
07 首页项目详情页:集成vite-plugin-vue-markdown
08 vite-plugin-vue-markdown更新
09 [扩展]完成类慕课网的ImageSwiper组件
10 详情页:嵌套结构与路由
11 详情页:完成课程详情页面样式调整
12 路由进阶:学习详情页&学习列表页路由
13 学习列表页面
14 学习列表:章节、评论列表
15 购物车:基本列表样式
16 购物车:Teleport组件设计弹窗类型组件(modal&toast)
17 购物车:完成底部样式&调整整体样式
18 会员频道:会员权益组件
19 章小结:完成首页基本页面样式及调整
第3周 前端测试与服务端渲染深度探索
第1章 前端Mock开发实战:Vue项目中的API与数据处理
01 章导学:首页项目Mock接口介绍
02 Mock开发工作流(viteEnv&封装axios请求类)
03 创建首页store:完成首页mock接口对接
04 首页项目Mock开发工作流回顾
05 [bug修复]动态图标&defineModel打包bug
第2章 前端测试探索:从理论到实践的单元与集成测试
01 前端测试导学:相关概念&分类&工具
02 单元测试:vitest单元测试配置(测试覆盖率&vitest-ui)
03 单元测试:Card组件测试
04 单元测试进阶:计时器和v-model测试方法
05 e2e测试:Cypress安装与核心概念
06 e2e测试:测试知识付费首页项目
第3章 深入理解服务端渲染:SSR原理及与CSR、SSG的比较
01 服务端渲染SSR对比CSR、SSG
02 代码篇:SSR工作原理
第4章 掌握SSR实战:应用vite-plugin-ssr项目改造
01 SSR方案:vite-plugin-ssr&vite-ssr
02 SSR实战1:vite-plugin-ssr改造首页项目[作业]
第5章 Nuxt.js入门与进阶:探索Nuxt的核心技术与工具
01 服务端渲染Nuxt.js:简介+核心概念
02 Nuxt工程目录&集成ESLint、Prettier
04 Nuxt DevTools开发工具(实验特性)
05 Nuxt核心技术:Pinia&PWA&Unocss集成
第6章 Nuxt项目改造与优化:深度探讨SSR在Nuxt中的应用
01 SSR方案2:首页项目Nuxt改造1
02 SSR方案2:首页项目Nuxt改造2
03 [扩展]Nuxt应用中两种设置环境变量的方式
04 [扩展]SSR与CSR测试论证:LightHouse使用+CORS解决办法
05 [优化]Nuxt中的SSR配置
第7章 Docker容器化技术,理解Docker的核心概念和配置
01 导学:容器与虚拟机
02 安装配置Docker&Docker核心概念
03 [扩展]管理Docker工具:Potainer&Lazydocker
04 [扩展]配置Docker国内的加速
05 [扩展]Docker集成管理命令compose
阶段二: 【服务端与工程化能力】服务端开发与工程化实践
第1周 服务端开发:走向全栈Nodejs与数据库
第1章 环境选择Java vs Node.js,探究Nest.js
02 1-2 什么是nestjs?应用场景是什么?
第2章 Nest.js实战初步:CLI工具使用和应用调试
第3章 编程思想与服务端架构:理解OOP, FP, FRP及依赖注入
第4章 数据库设计与实践:从核心概念到详细设计
第5章 数据库操作与日志管理:ORM库与Docker应用
03 5-3 [ORM库]Prism工作流及Nestjs集成
第6章 Nestjs中的CURD操作与数据校验
第2周 数据查询进阶、部署优化与Git实战
第1章 Git版本控制入门:理解Git与SVN的差异
01 1-1 版本控制:git工具环境准备+学习资源推荐
02 1-2 Git vs SVN
第2章 深入探索Git:核心概念和本地远程仓库管理
01 2-1 Git核心概念:快照、缓存区、版本库
02 2-2 Git核心概念:本地版本仓库&远程版本仓库
第3章 Git实战:协同冲突处理与版本管理最佳实践
01 3-1 情景一:个人开发者从0创建仓库及代码
02 3-2 情景二:上班第一天,如何了解团队版本控制流程
03 3-3 分支管理策略:分支管理最佳实践&常见命令
04 3-4 情景三:常见多人协同冲突处理办法(带GUI操作)
05 3-5 情景四:来了新任务,旧的代码要保存怎么办?rebase&stash命令
06 3-6 情景五:已有的功能,需要摘取其中的提交cherry-pick
07 3-7 情景六:快速定位历史的bug提交(二分查找bisect)
08 3-8 情景七:多仓库管理&跨仓库clone三种方案
09 3-9 情景八:误添加了文件到版本库&gitignore文件
10 3-10 情景九:管理员权限设置及管理工作流
11 3-11 情景十:历史的提交中有敏感数据怎么办?git filter-branch来解决
第4章 Git托管平台全探索:GitLab与Gitea的部署和管理
01 4-1 git托管平台对比:gitlab&gitea&gogs
02 4-2 [git hosting]本地私有化部署gitlab-ce
第3周 Mock、工程化体系与DevOps实战
第1章 Mock技术:前端开发必备的接口测试和模拟工具
01 1-1 前端开发必备:Mock接口能力及接口测试工具
02 1-2 4种Mock假数据生成工具&mock.js用法介绍
03 1-3 使用Mock.js拦截前端请求
第2章 深入json-server:轻量级CLI Mock多功能实践
01 2-1 CLI轻量mockserver:json-server
02 2-2 json-server常规mock功能+静态资源服务器
03 2-3 json-server进阶:mockserver白名单模式&生产接口proxy功能
第3章 强化开发工具链:推荐平台级工具和VSCode插件
01 3-1 [综合工具]平台级&桌面端工具推荐
02 3-2 Postman中文资源推荐&常见开发小技巧
03 3-3 VSCode插件:轻量REST客户端应用场景
第4章 VSCode插件开发与开源项目管理
01 4-1 [扩展]离线安装&下载vsocde所有的插件思路
02 4-2 文件流下载got:VS扩展批量下载功能开发
03 4-3 开源项目README书写策略&LICENSE选择
04 4-4 [扩展]README在线工具readme.so
第5章 精通接口测试:从测试流程到Jmeter的实践
01 5-1 接口测试流程+接口测试工具&脚本
02 5-2 [扩展]HTTP Benchmark类工具
03 5-3 [Jmeter]安装及环境配置
04 5-4 [扩展]Jmeter插件市场及常用插件介绍
05 5-5 Jmeter测试流程:使用Jmeter创建测试
阶段三: 【自研组件库能力】通用复杂管理后台高性能组件库
第1周 设计通用后台组件库:初始化模板+基础组件
第1章 AI驱动的产品设计:从需求到组件库
01 1-1 全面拥抱AI:充当组件库项目的产品经理
02 1-2 产品背景语料准备:让GPT联网搜索总结背景内容
03 1-3 [AIGC]产品需求文档&核心开发链路
04 1-4 SSG方案大全Jamstack:自建文档库方案vitepress
第2章 项目起步:项目初始化与框架集成
01 2-1 项目初始化
03 2-3 [复习]基础项目技术方案回顾
04 2-4 [复习]集成element-plus
第3章 图标组件进阶:从SVG到动态加载
01 3-1 Icon基础组件:iconify集成
02 3-2 SVG图标组件:svg类型图标Iconfont
03 3-3 网络图标组件:动态加载iconfont.css文件
04 3-4 [作业]业务型组件:图标列表组件
05 3-5 优化IconList图标组件
06 3-6 [作业]IconPicker图标选择组件
07 3-7 [作业]IconPicker图标选择组件
08 3-8 [更新]Iconify如何动态加载,与unplugin-icons的区别
第4章 界面交互:暗黑模式与全屏操作
01 4-1 头部功能性组件:暗黑模式
02 4-2 头部功能:全屏功能组件
第5章 多语言支持:vue-i18n集成与构建优化
01 5-1 国际化:协同翻译Crowdin&机翻API推荐(DeepLvsOpenAI)
02 5-2 国际化:集成i18n基础用法
03 5-3 国际化:unplugin-vue-i18n集成
04 5-4 国际化:element-plus国际化与vue-i18n整合
05 5-5 国际化:i18n插件使用中坑点(js&ts是只读的)
06 5-6 国际化:打包&构建优化
07 5-7 [bug]element-plus组件不生效的原因
第6章 头部消息组件:Elementplus基础组件&学习事件传递
01 6-1 消息组件:扩展基础组件Badge自定义属性
02 6-2 [作业]消息组件:使用缩放控制图标大小
03 6-3 消息组件:弹出列表样式
04 6-4 消息组件:事件定义与样式优化
05 6-5 [更新]CSS属性中的v-bind
06 6-6 消息组件:测试组件事件与属性
第2周 通用管理后台组件库:业务组件&页面开发
第1章 导学:交互与响应式设计基础
01 1-1 章导学:菜单交互与响应式进阶
第2章 菜单组件:构建高度可配置的菜单组件
01 2-1 菜单组件需求分析
02 2-2 菜单组件:组件结构与Props类型定义
03 2-3 菜单组件:子菜单组件SubMenu
04 2-4 菜单组件:菜单项组件MenuItem
第3章 交互设计:实现多功能默认布局
01 3-1 默认布局组件:需求分析
02 3-2 默认布局:自动路由形成基础菜单结构
03 3-3 默认布局:头部组件结构+基础组件样式扩展
04 3-4 默认布局:头像菜单组件
05 3-5 默认布局:头像菜单组件事件定义与传递
06 3-6 默认布局:主题设置组件(抽屉组件)
07 3-7 默认布局:主题设置组件事件传递
08 3-8 默认布局:主题暗黑模式事件传递
09 3-9 默认布局:菜单模式切换及折叠效果设计
10 3-10 默认布局:菜单混合模多级菜单显示效果
11 3-11 默认布局:完成菜单4种混合模式交互
12 3-12 总结开发习惯:关于编码规范、组件拆分思路、事件传递
第4章 菜单样式优化:国际化+事件管理
01 4-1 样式优化:全局Rest样式&下拉菜单激活状态
02 4-2 下拉菜单组件:综合运用泛型&defineModel
03 4-3 菜单国际化:正确使用i18n国际化的3种姿势
04 4-4 菜单国际化实践:注意特殊情况defineXXX
05 4-5 菜单路由跳转:菜单事件传递
06 4-6 多级菜单:自动展开功能(嵌套&递归通用写法)
第5章 响应式进阶:主题设置抽屉组件的响应式设计
01 5-1 源码学习:Menu组件顶部折叠样式优化
02 5-2 响应式设计:Drawer抽屉组件样式调整
03 5-3 响应式布局:菜单自动折叠与移动端抽屉菜单
第6章 登录注册:创建灵活的登录注册页面
01 6-1 基础表单:登录注册页面需求分析
02 6-2 登录注册页:表单基本结构
03 6-3 登录注册页:语言切换与暗黑模式,隐藏菜单
04 6-4 登录注册页:响应式布局+背景图片
05 6-5 第三方登录+LoginForm组件封装
06 6-6 登录注册页:表单校验&自定义规则
第3周 管理后台:功能性组件&可视化图表与地图
第1章 打造移动端适配的高级表格组件
01 1-1 表格组件:需求分析&虚拟无限滚动原理
02 1-2 基础表格组件
03 1-3 【进阶表格】灵活的Slot传参(兼容column&table)
04 1-4 移动端适配:safe-area与默认布局样式优化
05 1-5 移动端适配:使用js动态计算滚动区域高度
06 1-6 菜单功能:头部固定(移动端滚动适配)
第2章 表格组件扩展:嵌套、多级表头、单选多选等
01 2-1 表格示例扩展:嵌套结构+slot内嵌两种方式实现(固定表头、多级表头)
02 2-2 [AI]表格事件传递:单选表格示例
03 2-3 表格扩展:单选多选表格(expose函数透传)
04 2-4 表格示例:排序与过滤
05 2-5 [作业]slot进阶用法三种示例
06 2-6 表格示例:树形数据与合计行
第3章 表格组件:分页与事件传递
01 3-1 pagination分页组件事件传递
02 3-2 element-plus表格组件封装总结
第4章 表单组件:自适应结构设计+拖拽高级功能
01 4-1 高级表格需求分析:自适应、拖拽
02 4-2 高级表格:自适应屏幕高度及加载过滤效果
03 4-3 高级表格:列拖拽
04 4-4 高级表格:初步行拖拽
05 4-5 思考扩展:拖拽表格行不支持的场景
第5章 表单组件:动态表单组件设计与响应式数据处理
01 5-1 表单组件需求分析
02 5-2 基础表单设计:动态组件vs模板写法区别与优缺点分析
03 5-3 表单组件:基于schema的嵌套响应式布局
04 5-4 表单组件:响应式数据双向绑定
05 5-5 表单工具函数useForm
06 5-6 动态表单+表单校验功能
07 5-7 表单&Item事件和slots的处理
第6章 动态表单组件总结
01 6-1 动态表单组件总结
第7章 Vue指令精粹:从交互增强到权限控制
01 7-1 自定义指令:复制指令
02 7-2 自定义指令:debounce&throttle
03 7-3 自定义指令:打字机效果1
04 7-4 自定义指令:多行文字打字机效果2
05 7-5 自定义指令hasPermission:按钮级权限控制
06 7-6 自定义指令has:扩展更灵活通用的权限指令
07 7-7 [扩展]前端权限设计方案
第4周 组件库工程化:自动构建部署与测试
第1章 组件库的交互与优化之旅
01 1-1 前置导学
第2章 动态交互组件:面包屑与Vue过渡效果
01 2-1 头部面包屑组件
02 2-2 Vue中Transition过渡基础
03 2-3 头部面包屑组件Transition过渡效果两种实现(gsap动画库)
04 2-4 样式优化:面包屑显示模式&菜单默认激活状态mp4
第3章 功能性组件:头部标签导航组件
01 3-1 自定义头部标签页组件
02 3-2 自定义头部标签:事件绑定
03 3-3 自定义标签:处理删除事件
04 3-4 自定义头部标签页组件:下拉控制菜单功能
第4章 页面动效与样式:路由过渡与响应式设计
01 4-1 页面路由切换及过渡效果
02 4-2 坑点:动态组件缓存keepAlive与页面过渡整合
03 4-3 样式优化:内容部分&头部样式
04 4-4 面包屑内容响应式设计
第5章 动画组件实战:创建自定义折叠过渡
01 5-1 [作业]折叠过渡效果:封装CollapseTransition组件
第6章 功能性组件:集成ECharts图表、富文本编辑器、音视频组件
01 6-1 集成ECharts:第三方图表组件vue-charts
02 6-2 VueCharts简化属性项的传递
03 6-3 自定义封装ECharts组件及响应式调整
04 6-4 三款富文本编辑器推荐:TuiEditor&Vditor&Milkdown
05 6-5 自定义富文本编辑器组件:集成Vditor
06 6-6 [扩展]编辑器页面响应式设计:动态form表单扩展
07 6-7 音视频组件如何选择
08 6-8 自定义视频组件:集成videojs
09 6-9 自制视频播放组件:监视配置项变化
10 6-10 自定义音频播放组件:需求拆解、响应式设计
11 6-11 音频播放组件:进度条拖拽&滑动交互设计
12 6-12 音频播放组件:音量控制&循环播放&速率控制交互设计
13 6-13 音频初始化&实例销毁
14 6-14 音频组件初始化&进度条状态控制
15 6-15 音频组件:播放&音量&步进&速率控制
16 6-16 音频组件expose事件定义
17 6-17 音频组件emits事件定义(切换音频)
18 6-18 音频组件列表播放控制:列表播放、循环控制、随机播放、单曲循环
19 6-19 音频组件播放模式切换调试&Bug修复
20 6-20 音频组件优化:移动端事件绑定&控制按钮定制&useAudioPlayer
21 6-21 [扩展]滚动文字指令scrollText
22 6-22 [扩展]滚动控制:延迟执行、鼠标悬停暂停
23 6-23 [扩展]滚动指令scrollText测试及修复初次滚动跳跃bug
第7章 打包与优化:提升组件库性能与效率
01 7-1 组件库项目打包(排错&项目依赖升级&pwa)
02 7-2 打包优化:借助CDN加载核心库vite-plugin-cdn2
03 7-3 打包优化:分模式打包&打包命令参数传递
04 7-4 打包优化:css打包优化
05 7-5 [扩展]echarts打包优化:如何定位与解决生产代码报错
06 7-6 打包优化:选择不同的版本&设置script属性&切换CDN源
第8章 自动化部署:探索GitHub Actions与依赖管理
01 8-1 认识GithubActions
02 8-2 GithubActions来发布一个vue3基础项目
03 8-3 实践GithubActions:template项目发布静态站
04 8-4 GithubPages自定义域名开启HTTPS
阶段四: 【大厂标准的工程化+自动化能力】跨项目跨技术栈提升效率方案
第1周 桌面端应用:丰富组件库应用场景
第1章 桌面应用开发:Electron vs Tauri 技术比较
01 1-1 跨端桌面端一哥之争:Electron与Tauri
02 1-2 [扩展]桌面端技术选型
03 1-3 [扩展]桌面端应用UX&UI设计原则
第2章 深入Electron:核心概念、进程通信与安全
01 2-1 探索Electron:不同版本区别&加速下载两种方案&第一个Electron应用
02 2-2 核心概念:主进程与渲染进程
03 2-3 [扩展]VSCode调试问题&nvm配合
04 2-4 [思考]主进程app模块生命周期
05 2-5 Electron应用中如何安全的暴露Node.js的API
06 2-6 主&渲染进程通信及ipcMain&ipcRenderer模块介绍
07 2-7 渲染进程间消息通信:ipc方式(注意事件安全)
08 2-8 消息通信原理
09 2-9 消息通信MessageChannel方式(2种案例)
10 2-10 [扩展]Electron应用安全
第3章 Electron界面交互:菜单定制与国际化
01 3-1 Electron中的菜单:系统菜单设置
02 3-2 Dock菜单&右键菜单
03 3-3 Electron主进程菜单国际化(i18n集成)
04 3-4 全局快捷键(如何全屏&退出全屏)
第4章 Electron与前端框架集成实战
01 4-1 场景1:vite快速集成electron两种方案
02 4-2 场景2:vite-electron-builder集成
03 4-3 场景3:react与Electron集成的两种方案
04 4-4 [桌面端实践]改造admin-template项目
第5章 Electron打包与发布:从配置到上架AppStore
01 5-1 Electron打包工具electron-builder&electron-packager
02 5-2 electron-builder打包配置(简化版本)
03 5-3 electron-builder配置(详解版本)
04 5-4 MacOS证书配置(不上架AppStore的情况)
05 5-5 MacOS应用公证(不上架AppStore的情况))
06 5-6 Electron应用上架appStore(前置准备)
07 5-7 Electron应用上架appStore(打包&签名&上传)
第6章 自动化构建:Github Actions实践
01 6-1 使用GithubActions自动化介绍&演示
02 6-2 实践github actions完成项目的打包&发布
03 6-3 macos平台配置github actions(需要非常细心)
04 6-4 Electron应用自动更新配置
05 6-5 [扩展]项目如何配置electron-builder改图标、改背景
第2周 工程化必备:开发脚手架项目
第1章 精简分析:如何瘦身并精简核心组件与功能
01 1-1 项目导学
第2章 工程化进阶:Vite与Vue组件库、TS库打包方案
01 2-1 [项目优化]为什么vite开发的项目会白屏刷新?
02 2-2 前端工程化:vite+vue组件库项目(需求分析+打包构建)
03 2-3 前端工程化:vite+vue组件库开发工作流
04 2-4 ts打包工具:unbuild&tsup&bunchee
05 2-5 ts库模板1:tsup打包配置
06 2-6 ts库模板1:eslint功能集成,包发布脚本配置
07 2-7 ts库模板2:基于unbuild的ts库项目模板
第3章 组件库开发:提炼自定义组件库,资源加载方案
01 3-1 组件库提炼能力:使用vite模板项目快速创建components打包工程
02 3-2 对比两种不同的打包方案(是否要外置核心库?)
03 3-3 [AI]自动化脚本:自动形成组件的统一入口文件
04 3-4 解决组件库依赖问题并测试打包
05 3-5 开发思路:i18n国际化模块打包问题
06 3-6 开发思路:三种i18n国际化资源加载的方式
07 3-7 方案一:使用esm打包国际化模块&外置依赖处理
09 3-9 方案三:使用fetch的方式获取资源文件,异步加载资源
第4章 自动化脚本与组件库导出
01 4-1 自动化脚本优化:组件库全局导出
02 4-2 [bug]解决自动化脚本导出组件名与HTML保留字冲突问题
03 4-3 自动化脚本优化:导出所有的composition API
04 4-4 自动化脚本优化:完成组件类型导出
第5章 组件库打包与自动化流程优化
01 5-1 打包优化:加入directives指令&外置依赖减小包体积
02 5-2 优化+测试:vue3模板项目加载组件库
03 5-3 优化自动化脚本:定义组件名与类型别名(加入私缀vp)
04 5-4 自动导入组件库项目组件与Composition API
05 5-5 自动化脚本优化:为vite自动导入插件准备配置
06 5-6 开发优化:vue-component的自动导入指令
07 5-7 开发优化:自动导入与自动组件注册脚本
第6章 组件库项目闭环:测试、打包、发布
01 6-1 组件库项目闭环:测试、发包、安装打包测试
02 6-2 脚本架功能需求分析
第3周 进阶自动化:Monorepo与云构建
第1章 Monorepo项目概览与导引
01 1-1 Monorepo项目导学
第2章 Monorepo工具与包管理方案深探
01 2-1 monorepo技术栈:三类工具+nx&lerna&rush&bit等介绍
02 2-2 包管理方案1:yarn的workspaces方案
03 2-3 包管理方案2:使用pnpm管理workspace
第3章 Monorepo实战:项目整合与关键注意事项
01 3-1 monoreop项目+CLI 演示
02 3-2 monorepo实战:对admin-template项目初改造
03 3-3 monorepo实战:整合已经完成的components组件库
04 3-4 [重要]pnpm的monorepo项目需要注意的两点
05 3-5 monorepo实战:CLI功能需求拆分
第4章 项目瘦身策略:CLI需求分析与模块拆分
01 4-1 瘦身项目+CLI需求分析
02 4-2 项目瘦身:拆分electron,cdn等功能模块
03 4-3 项目瘦身:扩展css用法tailwindcss整合
04 4-4 项目瘦身:自动路由、布局及vite配置拆分
第5章 CLI工具开发:从原理到实战应用
01 5-1 模板CLI工作原理:整合base&CDN模板项目
02 5-2 工程化实践:实现模板CLI最小闭环
03 5-3 工程化实践:设计CLI交互prompts
04 5-4 开发准备:templates目录整理+CLI调试方法
05 5-5 CLI开发:递归处理json文件及路径
06 5-6 CLI开发:处理data.ts的文件
07 5-7 CLI开发完成:调试生成template代码
08 5-8 [扩展]CLI交互优化(输入校验+覆盖目录确认)
09 5-9 [扩展]CLI开发:使用minimist解析参数快速初始化模板
10 5-10 CLI工具发包过程:调试并优化代码
第6章 自动化进阶:探索云构建的新视角
01 6-1 自动化进阶学什么?云构建是什么?
第7章 Lerna&nx与TurboRepo:深入解析云缓存实践
01 7-1 lerna全面解析:常用命令、版本控制与发包
02 7-2 turborepo上手:缓存、运行脚本与lerna横向对比
03 7-3 [扩展]turborepo远程缓存使用流程(vercel配合)
04 7-4 [扩展]lerna&nx远程缓存:基于nx cloud协同项目+加速构建
05 7-5 [扩展]nx cloud扩展能力(agents等)
06 7-6 nx团队协同提效:使用azure存储构建缓存(申请、配置、权限)
第8章 Nx云缓存插件nx-remotecache-qiniu开发
01 8-1 开发自定义nx云缓存插件:七牛云、华为云等产品比较
02 8-2 对象云存储nx扩展插件需求分析
03 8-3 七牛云SDK文件操作(查询、上传、下载)
04 8-4 Nx七牛云缓存插件开发:monorepo项目设置&传参
05 8-5 Nx七牛云插件开发:下载、上传构建缓存
06 8-6 优化uploadToken产生逻辑,加入本地缓存
07 8-7 开发插件调试思路:从源头找问题(翻译、本地调试、问他人)
08 8-8 下载优化:兼容私有与公有传参
09 8-9 上传优化:调整uploadToken更新策略
10 8-10 上传区域参数测试
11 8-11 [扩展]七牛云配置自定义的域名
第9章 自动化流程:Nx插件发布与Github Actions集成
01 9-1 [AI]发包准备:nx七牛云插件文档
02 9-2 Github Actions自动化发包流程:npm包发布&测试
03 9-3 [作业]开发nx扩展:monorepo项目总结
阶段五: 【复杂服务端开发能力】Nestjs开发知识付费服务端
第1周 管理后台功能开发与交互体验提升
第1章 项目基础与管理后台功能开发
01 1-1 [回顾]知识付费管理员需求&业务梳理
02 1-2 [资料]管理后台功能拆分
03 1-3 [扩展]localStorage 维护策略
04 1-4 [更新]项目依赖更新,更新vite5
第2章 登录与注册页面构建:动态表单组件开发与样式设计
01 2-1 [回顾]使用自定义组件完成登录表单
02 2-2 项目monorepo框构改造:nx加持,扩展基础form 组件属性
03 2-3 完成登录页面样式
04 2-4 [作业]完成注册页面样式
第3章 集成行为验证:提升用户安全性
01 3-1 行为验证功能介绍(平台推荐、短信验证、TOTP二次验证)
02 3-2 第三方验证集成 案例一:极验
03 3-3 封装自定义的极验组件(自动脚本加载、初始化)
04 3-4 第三方验证集成 案例二:cloudflare turnstile
05 3-5 cloudflare turnstile服务端验证逻辑
06 3-6 基础封装:turnstile组件
07 3-7 自定义turnstile组件事件处理:兼容options事件传递
08 3-8 自定义turnstile组件实例方法
第4章 管理端界面开发与Mock策略应用
01 4-1 完成管理端概览页面(DashBoard 首页)
02 4-2 系统设置:完成用户管理页面样式设计
03 4-3 [mock开发]兼容proxy代理+whitelist白名单
第5章 深入探索Tab间通信:从基础到SharedWorker实践
01 5-1 [扩展]tab间通信的4种方案(localStorage&Boardcast)
02 5-2 [扩展]tab间通信shared-worker
03 5-3 [扩展]SharedWorker消息机制设计1
04 5-4 [扩展]消息机制:完成useWork方法封装
05 5-5 [扩展]完成 sharedWorker 测试
第6章 用户管理模块开发:界面设计与交互实现
01 6-1 用户管理需求分析
02 6-2 系统设置:用户管理页面基础样式
03 6-3 用户管理页面交互设计:编辑&删除功能
第7章 会员管理功能扩展与数据可视化
01 7-1 会员管理:完成列表页面
02 7-2 会员管理:基础信息部分样式
03 7-3 会员管理:购买记录、用户评论、学分收支
04 7-4 [扩展]会员管理:用户评级功能
05 7-5 会员管理:学习情况(echarts进阶-区域渐变色)
第8章 交易管理:业务流程与状态展示
01 8-1 [作业]交易管理业务梳理及功能介绍
02 8-2 交易管理:审批流程状态展示(el-steps配合展开表格)
第9章 社区互动管理:评论与用户私信
01 9-1 评论管理、用户私信功能点分析
02 9-2 设计用户评论详情(类论坛呈现)
03 9-3 完成评论详情布局
04 9-4 评论详情:快捷菜单+右侧关联主题
05 9-5 评论详情:评论基础组件
06 9-6 [准备工作]调整layout基础样式
07 9-7 [bug]优化窗口resize事件
08 9-8 封装输入框组件(适配暗黑模式&动态高度)
09 9-9 自定义高仿微信聊天内容组件
10 9-10 布局设置+类微信聊天时间格式化逻辑
第2周 内容管理开发与通用后端框架设计
第1章 内容管理需求分析与结构设计
01 1-1 内容管理需求分析及页面基础结构
第2章 内容管理界面列表与内容详情
01 2-1 完成内容管理列表布局(修复table栅栏布局bug)
02 2-2 内容详情页面嵌套逻辑分析
03 2-3 完成内容详情页面布局
第3章 内容详情界面交互进阶:动态标签
01 3-1 内容详情页面标签动态标题设置
02 3-2 子级嵌套页面动态标签&设置标签页激活状态
03 3-3 [bug]修复tabs详情页面主菜单激活状态
第4章 基础组件库扩展:el-upload上传组件
01 4-1 扩展基础组件库:认识el-upload组件
03 4-3 el-upload拖拽上传样式定制
04 4-4 优化拖拽上传逻辑:图片预览与删除
05 4-5 封装上传组件逻辑:useUpload(包含预览、删除、隐藏操作区)
第5章 内容管理章节详情:富文本编辑器组件应用
01 5-1 [扩展]新增&编辑章节详情(富文本内容)
第6章 权限管理:菜单控制与Form组件优化
01 6-1 页面权限控制&菜单权限
02 6-2 菜单管理:使用el-tree组件展示默认菜单结构
03 6-3 菜单管理:子元素(对象&数组)详情展示,嵌套Form组件
04 6-4 Form组件的问题及useForm优化策略
05 6-5 [bug]修复Form组件schema循环更新的问题
第7章 树形菜单编辑功能设计
01 7-1 [扩展]Json编辑工具vue-json-pretty
02 7-2 [扩展]Json编辑工具json-editor-vue
第8章 章小结
01 8-1 知识付费管理端项目总结(知识回顾)
第9章 设计nestjs通用后端框架架构:NestJS核心知识回顾
01 9-1 [课程专属福利项目启动]本阶段重点知识内容设计
02 9-2 [回顾]基础环境配置(node,pnpm,docker)
03 9-3 [回顾]nestjs核心知识(逻辑概念、生命周期)
04 9-4 nestjs通用后端框架思考
05 9-5 [重要]课程代码+资料说明 (1)
第10章 NestJS多环境配置与管理
01 10-1 多环境配置两种方案(优缺点比较)
02 10-2 官方方案:使用config设置配置模块
03 10-3 官方方案进阶:多环境配置读取
04 10-4 配置文件的参数验证Joi方案
第11章 日志管理与异常处理
01 11-1 日志有哪些类型?功能分类?记录位置?
02 11-2 nestjs内置日志模块Logger
03 11-3 全自动高性能日志模块:Pino、日志滚动pino-roll
04 11-4 高度集成的日志模块:winston
05 11-5 [作业]全局异常过滤器:配合winston记录日志(全局Filters)-优化
06 11-6 作业解答:全局FIilters&如何获取请求IP
第12章 nestjs通用后端框架:集成通用模块,优化打包性能
01 12-1 通用模板项目:配置模块
02 12-2 通用模板项目:全局日志模块
03 12-3 全局设置:开启filters、CORS、API请求前缀+版本
04 12-4 开发起飞:开启swc编译器+jest测试配置(对比vitest)
第13章 数据库集成策略:ORM选择与多租户实现
01 13-1 数据库模块集成分析:ORM选择
02 13-2 nestjs如何拿捏单库vs多库(多租户):复杂业务场景数据库选择
第14章 NestJS与数据库ORM集成实践
01 14-1 Prisma与nestjs集成
02 14-2 typeorm与nestjs集成
03 14-3 非关系型数据库mongoDB集成(深入工作原理)
第15章 NestJS动态模块与数据库架构优化
01 15-1 动态模块应用场景及工作原理
02 15-2 [重要]数据库架构设计&nestjs多ORM动态数据库演示
03 15-3 [扩展]数据连接池及常见ORM库配置
第3周 多数据库集成与后端服务能力强化
第1章 复习与深入ORM多数据库配置
01 1-1 [回顾]ORM库多数据库配置&连接
第2章 TypeORM多数据库集成与优化
01 2-1 多数据库初始化:TypeORM CLI配置(结合ormconfig)
02 2-2 TypeORM同类型多数据库连接与访问配置
03 2-3 抽象公共Repository:解决多数据库请求响应
04 2-4 Controller控制器的参数解析装饰器(@Param、@Body、@Query )
05 2-5 TypeORM动态连接多数据库:多MySQL
06 2-6 TypeORM动态连接多数据库:多数据库类型
07 2-7 [进阶]TypeORM模块优化:多数据库连接共用实例、销毁
第3章 Prisma模块与RxJS的高级应用
01 3-1 PrismaModule初始化代码结构(学习官方模块TypeORM)
02 3-2 Prisma多Client实战(generator指定output目录)
03 3-3 [扩展]认识Rxjs:一个处理事件的类lodash工具库
04 3-4 [作业]Rxjs示例:计时器、常见操作符等
05 3-5 多数据库优化:如何命名PrismaModule
06 3-6 多数据库优化:断线重试逻辑
07 3-7 动态模块进阶:异步Provider
08 3-8 动态模块进阶:完成自定义PrismaModule模块
09 3-9 PrismaModule:测试异步多数据库连接
10 3-10 数据库优化:PrismaModule连接实例管理
第4章 扩展模块:Mongoose官方模块问题解决与扩展
01 4-1 Mongoose官方模块的问题及解决思路
02 4-2 如何扩展第三方模块:复用Mongose实例
第5章 数据库策略总结:多数据库与多租户环境
01 5-1 数据库总结:多数据库多租户多ORM
02 5-2 数据库代码初步优化:实现抽象层repository
03 5-3 数据库代码优化测试:多ORM配合
04 5-4 [源码分析]mongo模块forFeature方法的异常处理
05 5-5 [最佳实践]数据库代码优化:创建userModule
第6章 Redis在Node.js中的应用与工具
01 6-1 redis常见问题及Node.js侧客户端比较
02 6-2 两种redis镜像对比&redis桌面端连接工具
03 6-3 如何nestjs中集成ioredis
第7章 nestjs中缓存策略实现
01 7-1 高速缓存方案cache-manager
02 7-2 nestjs集成cache-manager与ioredis
第8章 电子邮件服务集成与实践
01 8-1 商业化邮件服务商(SES、Mailgun、SendCloud)
02 8-2 Nestjs中的邮件服务(内置node-mailer)
第9章 安全认证机制:后端登录与API安全
01 9-1 nestjs 后端注册登录简介:登录鉴权相关概念
02 9-2 JWT的工作原理
03 9-3 [扩展]API接口安全相关知识(加密&算法&HTTPS)
第10章 后置项目准备(模板项目优化)
01 10-1 [优化]后置项目准备:条件式加载模块
02 10-2 [优化]后置项目准备:兼容单一数据库&多ORM库方案
第4周 鉴权认证与权限系统实战
第1章 鉴权登录:NestJS用户认证与参数校验
01 1-1 nestjs用户认证:创建认证控制器及对接数据
02 1-2 创建用户:用户数据简单校验
03 1-3 [回顾]管道概念:三大类型管道及校验类管道
04 1-4 基于装饰器的类验证器管道
05 1-5 [进阶]nestjs内置管道&Trasnform&自定义管道用法
06 1-6 nestjs鉴权库:JWT核心文档解析
07 1-7 [过渡]解析官方示例:LocalStrategy与JwtStrategy
08 1-8 JWT依赖安装&jwt模块工作原理解析
09 1-9 [进阶]测试jwt模块:应用守卫AuthGuard、jwtService签名Payload
第2章 鉴权守卫与控制器访问权限管理
01 2-1 鉴权守卫:设置鉴权用户可访问的控制器(作业)
02 2-2 [进阶]控制器守卫、自定义装饰器、全局守卫两种创建方式
第3章 接口安全策略:密码保护与数据脱敏
01 3-1 密码安全及相关知识(什么是彩虹表攻击)
02 3-2 密码安全实操:使用argon2库对密码进行加密
03 3-3 接口安全:引入拦截器对接口进行脱敏处理
04 3-4 接口安全:内置序列化拦截器定制响应数据结构
05 3-5 拦截器扩展:自定义装饰器完成接口序列化
第4章 RBAC角色权限系统设计与实现
01 4-1 权限控制导学:权限控制数据设计(预习作业)
02 4-2 RBAC角色权限功能分析
03 4-3 RBAC角色权限实现:prisma数据库调整(同步、迁移、重置)
04 4-4 RBAC角色权限实现:创建角色权限装饰器
05 4-5 RBAC角色权限实现:用户角色CURD操作
06 4-6 [进阶]RBAC角色权限实现:用户创建&关联角色
07 4-7 作业讲解:Role关联查询Permission&拦截器序列化输出
08 4-8 作业讲解:用户相关查询及序列化输出
09 4-9 [进阶]用户更新接口:嵌套数据的序列化
10 4-10 [进阶]完成用户更新逻辑(嵌套关联关系)
11 4-11 [重要]完成RBAC守卫(RBAC闭环-企业级应用实现)
第5章 基于CASL的策略权限控制
01 5-1 基于策略的控制:流行的casl策略库介绍
02 5-2 基于策略的权限控制:实践casl库
03 5-3 [补充说明]casl自定义规则的两种方式
第6章 高级策略权限设计与实现
01 6-1 [重要]数据库设计:基于策略的数据权限分析
02 6-2 策略权限控制:创建Policy服务&守卫
03 6-3 策略权限控制:类MongoDB的复杂查询逻辑(精确的条件控制)
04 6-4 [进阶]策略权限控制:基于函数的策略权限控制
05 6-5 [优化代码]创建基于casl的策略权限控制服务
06 6-6 工厂函数创建不同类型的Ability实例及权限测试
07 6-7 策略权限:数据库设计
08 6-8 [作业]策略权限功能:RolePolicy创建服务
09 6-9 [更新]Permission与Role更新Policy逻辑
10 6-10 [重要]PolicyGuard的判断逻辑
11 6-11 [重要]PolicyGuard具体实现逻辑
12 6-12 [非常重要]策略权限守卫开发分析:参数约定与数据准备工作
13 6-13 策略权限守卫:初步完成核心逻辑&准备测试数据
14 6-14 策略权限守卫:测试默认的策略权限的三种逻辑
15 6-15 策略权限守卫:验证函数&mongo复杂查询
第7章 权限开发总结
01 7-1 策略权限控制总结
第5周 菜单权限、核心业务服务扩展与部署
第1章 菜单权限设计与实现
01 1-1 菜单权限:需求分析+创建数据库模型+REST接口
02 1-2 创建菜单接口&数据库查询实现(嵌套数据)
03 1-3 菜单查询与删除(创建自定义Pipe)
04 1-4 菜单及嵌套菜单数据更新
05 1-5 菜单权限:角色菜单关联(新增、更新、删除)
第2章 核心业务:内容管理设计与开发,数据库迁移
01 2-1 数据库迁移流程&代码版本控制
02 2-2 [最佳实践]合理的项目工程目录
03 2-3 业务数据库设计+CLI生成模块代码
04 2-4 [AI加持]开发流程介绍:快速创建CURD基础业务代码
05 2-5 [进阶]创建附件接口:复杂创建逻辑与关联dto的创建
06 2-6 内容相关需求分析:课程&标签&分类关联关系
07 2-7 内容相关开发:创建课程&标签路由+CURD服务
08 2-8 内容相关开发:如何复用课程标签创建逻辑
09 2-9 内容相关开发:完成课程+标签嵌套CURD(事务嵌套bug)
第3章 核心业务服务开发总结
01 3-1 [总结]核心业务服务开发与扩展(交易、内容)
第4章 NestJS 服务端打包优化与自动化
01 4-1 [优化]构建准备:prisma多clients打包脚本
02 4-2 打包过程优化:基于命令行参数的打包过程
03 4-3 [进阶]深入swc编译器构建选项(压缩、混淆)
04 4-4 [扩展]execa:像写js一样写shell命令
05 4-5 [扩展]打包项目:使用webpack&swc-loader打包
06 4-6 [扩展]打包项目:Rollup+swc打包
第5章 队列管理与任务调度
01 5-1 任务队列:nestjs中的队列方案nestjs-bull
02 5-2 代码重构:合理规划Queue分类
03 5-3 定时队列任务:定义不同的通知处理逻辑(邮件&短信)
04 5-4 [进阶]队列任务的生命周期事件
第6章 Docker容器化与镜像优化
01 6-1 容器化:Dockerfile创建与镜像打包
02 6-2 如何自封装公共镜像,简化&加速镜像打包过程
03 6-3 [进阶]镜像构建多过程优化(corepack使用pnpm)
04 6-4 [优化]镜像体积压缩,镜像打包优化
05 6-5 [bugfix]nestjs服务端容器运行测试
第6周 WebSocket实时通信与安全实践
第1章 WebSocket入门与初步应用
01 1-1 Websocket基础
02 1-2 第一个websocket应用
03 1-3 常见API介绍&第一个ws应用
04 1-4 socket.io特性及应用场景介绍
第2章 NestJS中的WebSocket集成与通信策略
01 2-1 nestjs中集成ws库:创建websocket连接进行通信
02 2-2 通信策略:如何自定义事件及数据
03 2-3 [扩展]使用Joi和dotenv动态管理WebSocket设置
第3章 WebSocket客户端优化与共享实例管理
01 3-1 创建客户端WebSocket工具类,完成心跳检测逻辑
02 3-2 [代码重构]断线重连&测试
03 3-3 [进阶]SPA应用中的websocket单例模式
04 3-4 SharedWorker进阶:多tab如何共享ws实例?
05 3-5 完成SharedWorker核心逻辑,定义工具方法useWs
06 3-6 多tab共享ws实例实战:测试useWs工具方法
第4章 WebSocket多环境管理与开发总结
01 4-1 [思考]ws开发总结:多浏览器下多tab中管理连接实例
第5章 网络安全与WebSocket应用扩展
01 5-1 代理接口功能及WebSocket应用场景扩展
02 5-2 proxy中间件:反向代理proxy+前置代理agent功能实现
03 5-3 [重要]网络安全相关概念及原理(TLS、HTTPS、SSL证书)
04 5-4 前置代理工作原理(加密解密过程)
05 5-5 前置代理实操:trojan服务&客户端配置
06 5-6 acme.sh申请免费SSL证书(安装、定时更新、自动化脚本)
07 5-7 Nestjs应用中启用https并在本地测试
08 5-8 证书滚动更新策略及服务器重启逻辑设计
09 5-9 [容器化进阶]在线nginx配置https&wss服务
阶段六: 【架构设计能力】微服务架构重构大型复杂项目:知识付费项目升级
第1周 微服务架构与gRPC通信实践
第1章 微服务与微前端概念
01 1-1 [回顾]什么是微服务?应用场景是什么?
02 1-2 [回顾]分布式系统&架构
第2章 NestJS中的微服务实践
01 2-1 [TCP方式]初次尝试Nestjs中的微服务
02 2-2 Nestjs微服务中的常用装饰器
03 2-3 微服务项目工程化配置:合理的工程目录
04 2-4 微服务容器化及打包部署流程
第3章 NestJS微服务的高级特性
01 3-1 nestjs微服务:Event-based广播式消息传递
02 3-2 微服务超时逻辑及错误异常处理
第4章 高效Nestjs微服务通信:gRPC
01 4-1 使用gRPC进行微服务通信(2种proto转ts的方案)
第5章 gRPC微服务安全与测试策略
01 5-1 gRPC微服务进阶:配置SSL证书
02 5-2 测试gRPC服务第二种方案:grpcurl(go环境配置)
03 5-3 测试gRPC服务第三种方案(grpc-tools+ts-proto)
04 5-4 微服务工程化:共享grpc的proto与certs
第6章 微服务开发与运营优化
01 6-1 核心业务拆分分析
02 6-2 微服务模板项目创建+配置vscode插件
03 6-3 [插件推荐]定义user.proto并测试服务
04 6-4 [扩展]对于空值的处理&VSCode插件bug
05 6-5 用户微服务:完成数据库对接与服务测试
06 6-6 网关微服务:登录接口&服务调用测试
第7章 微服务代码自动生成与系统整合
01 7-1 [代码生成器]借助grpc-tools产生nestjs双端代码
02 7-2 微服务拆分总结
第8章 微服务注册与健康检查实现
01 8-1 构建高可用架构:注册中心的核心作用解析
02 8-2 常见的5种注册中心技术方案
03 8-3 容器化方式快速创建consul服务
04 8-4 使用Consul实现NestJS微服务注册与健康检查
第2周 微服务高可用与Consul集成实践
第1章 微服务项目的Monorepo改造与版本控制
01 1-1 微服务项目monorepo改造,加入版本控制
02 1-2 优化微服务共享项目:ts-proto与自定义工具的封装指南
03 1-3 [小结]微服务改造monorepo需要注意的几点
第2章 微服务的高可用性实践
01 2-1 consul与健康检查:获取健康实例逻辑分析
02 2-2 高效微服务:定时器驱动的Consul健康检查与gRPC Client管理
03 2-3 高可用实践:优化测试动态grpc客户端切换
04 2-4 高可用实践:使用RxJS优化gRPC客户端更新机制
05 2-5 高可用实践:nestjs拦截器处理微服务异常+重试请求
06 2-6 边界异常处理:定时重试请求健康的服务
第3章 gRPC服务健康检查与模块优化
01 3-1 gRPC服务健康检查:扩展health.proto
02 3-2 实现User微服务健康检查:gRPCHealth完整集成
03 3-3 优化微服务代码:提炼HealthModule到共享模块
04 3-4 使用Terminus创建健康检查Endpoint并集成Consul
05 3-5 动态健康检查:在.env中配置多微服务健康检查端点
第4章 Consul与NestJS微服务的高可用性管理
01 4-1 [高可用]管理多个ConsulService实例
02 4-2 [高可用]Consul服务+Nestjs微服务高可用问题分析
第5章 Consul与NestJS微服务的故障转移演示
01 5-1 [高可用]Consul+nestjs微服务故障转移演示
第6章 Consul健康检查与多数据中心配置
01 6-1 [准备]拆分health健康检查逻辑
02 6-2 [准备]consul配置多datacenter及互访
03 6-3 [准备]配置user2微服务对接datecenter2及测试
第7章 微服务架构优化与高可用实现
01 7-1 拦截器重试逻辑改造
02 7-2 创建ConsulCoreModule:管理Consul实例与ConsulService实例
03 7-3 [重构]统一管理:初始化grpcClient
04 7-4 [测试]依赖注入微服务实例grpcClient
05 7-5 [重构]微服务调用异常统一捕获与处理
06 7-6 调试统一错误处理&异常拦截器逻辑
07 7-7 [重要]高可用:如何实现微服务故障转移
08 7-8 [测试&总结]配合Consul实现微服务高可用
阶段七: 【小程序云开发】uniapp+unicloud及支付专题
第1周 小程序与uni-app全栈开发实战
第1章 小程序开发环境与核心知识
01 1-1 小程序注册流程(建议使用非个人主体注册)
02 1-2 小程序后台开发配置、流程及UnionID机制
03 1-3 开发者工具&第一个小程序应用
04 1-4 小程序工程目录
05 1-5 小程序宿主环境
第2章 uniapp跨端开发框架
01 2-1 跨端框架横评taro&uniapp&wepy等
02 2-2 uniapp开发规范(上手必读注意的点)
03 2-3 uni-app项目目录
04 2-4 静态资源的引入方式
第3章 HBuilderX工具与项目创建策略
01 3-1 玩转HBuilderX(主题、自定义配置、scss插件)
02 3-2 方案一:使用可视化界面创建uniapp项目
03 3-3 方案二:使用vue-cli创建uni-app项目
04 3-4 最佳实践:ESLint+代码自动格式化
第4章 uniCloud云开发入门与实践
01 4-1 uniCloud介绍+各种付费套餐比较
02 4-2 uniCloud配合cli开发流程(云空间创建+绑定+云函数应用)
03 4-3 [扩展]使用HbuilderX CLI发布微信小程序
第5章 uniCloud客户端数据库与插件集成
01 5-1 [云开发]云数据操作方案:ClientDB
02 5-2 easycom自动组件导入&集成uni生态插件
03 5-3 [扩展]集成第三方插件uview-plus(配置alias)
04 5-4 ClientDB案例:CURD操作之查&删&更新
05 5-5 [作业解析]ClientDB案例:CURD操作之新增
06 5-6 代码生成器:schema2code功能演示
第6章 丰富的unicloud生态,项目初始化与快速开发
01 6-1 uni-starter模板项目:快速创建及初始化
第7章 HbuilderX开发环境优化与调试技巧
01 7-1 HbuilderX项目优化(eslint+prettier)
02 7-2 Hbuilderx开发调试进阶:快捷键+devTools配置
03 7-3 Hbuilderx开发调试技巧:配置pinia+小程序中调试pinia
第8章 uni-admin管理后台项目实战
01 8-1 uni-admin管理后台项目创建与运行
02 8-2 uni-admin预置功能:新增应用+用户、配置资源跨域访问
03 8-3 uni-portal统一发布&网页托管
04 8-4 [扩展]接口代理工具charles&fiddler秒用:获取同类产品隐私协议
05 8-5 [模板]Vite+Vue3实现 Markdown静态网页定制化
第9章 uni-admin权限配置与DBSchema解析
01 9-1 深入uni-admin中的权限配置(菜单、用户、角色)
02 9-2 DBSchema权限介绍与admin项目权限bug问题
第10章 uni-stat统计模块与高级统计操作
01 10-1 uni-stat统计模块及统计源码解读
02 10-2 正确打开uni统计2.0姿势:自定义事件上传、错误统计
第11章 云函数与安全通信在uni-cloud中的应用
01 11-1 [进阶]云函数&云对象URL化
02 11-2 uni-cloud-s2s安全通信:加密云函数与服务端通讯
第2周 内容管理、商城闭环与AI能力集成
第1章 内容管理与Schema自动生成工具实战
01 1-1 后续重点内容介绍+原型+资料说明(重要)
02 1-2 [进阶]schema2code快速生成前后端页面
03 1-3 [作业]内容管理及关联表格数据
04 1-4 内容管理模块uni-cms:服务端+权限配置
05 1-5 uni-cms-article客户端配置+常见问题解决方案
第2章 首页开发与前端框架集成
01 2-1 项目开发准备:集成uview-plus
02 2-2 首页需求分析+基本UI结构
03 2-3 [扩展]小程序字体图标定制:iconfont配置与使用
04 2-4 [扩展]HBuilderX项目中集成TailwindCSS
05 2-5 [作业]HBuilderX项目中集成UnoCSS+图标集
06 2-6 首页头部样式调整:搜索框+快捷菜单
07 2-7 [扩展]蓝湖ps插件切图流程
第3章 基础组件开发与样式优化
01 3-1 课程卡片vp-item基础组件
02 3-2 [常见开发问题]unocss插件入口文件问题
03 3-3 完成首页精品微课、订阅专栏等关联组件
04 3-4 完成首页样式设计:创建课程卡片基础组件并优化样式
05 3-5 navbar图标定制
第4章 商城应用开发需求与数据库设计
01 4-1 uni-cloud开发商城应用需求分析
第5章 商品管理与图片处理流程
01 5-1 创建商城业务相关的schema
02 5-2 [扩展]商城业务相关概念:什么是sku&spu
03 5-3 创建goods商品页面&菜单
04 5-4 创建商品标签及数据关联
05 5-5 缩略图上传与预览
06 5-6 联表查询获取banner图信息
07 5-7 新建商品上传关联banner图:查询与展示
08 5-8 分类banner图上传与删除(操作云存储+数据库)
第6章 分类商品列表与瀑布流布局实现
01 6-1 小程序侧:创建分类商品列表页面
02 6-2 完成分类数据页面+接口对接
03 6-3 waterfall瀑布流式分类列表页面(定制商品item组件)
04 6-4 分类详情列表接口数据对接
第7章 商城项目开发总结与优化
01 7-1 商城业务小闭环总结
第8章 AI能力集成:uni-ai模块开发
01 8-1 AI加成:uni-ai集成需求分析
02 8-2 集成uni-ai模块&配置模板
03 8-3 [扩展]配置openai代理(海外服务器购置推荐)
04 8-4 uni-ai聊天会话测试
05 8-5 集成uni-ai到其他uni项目过程
第9章 微信小程序:OpenAI接口集成与stream数据处理
01 9-1 Nestjs中如何代理openai接口(stream处理)
02 9-2 Nestjs实现OpenAI接口鉴权与stream数据处理逻辑(拦截器+守卫)
03 9-3 微信小程序侧实现stream数据响应
第3周 小程序支付专题
第1章 支付专题导学与企业注册流程解析
01 1-1 支付专题导学
第2章 微信与支付宝支付集成前的准备工作
01 2-1 企业注册流程介绍
02 2-2 注册企业的常见问题
03 2-3 注册企业的优缺点
04 2-4 开办企业需要注意的点
第3章 微信支付开发与内网穿透调试
01 3-1 微信(支付宝)支付的必要条件
02 3-2 微信商户平台介绍
03 3-3 小程序支付开发准备工作(API密钥、API证书配置)
04 3-4 小程序支付流程介绍
05 3-5 JSAPI接口解析&内网穿透解决方案
06 3-6 配置frp内网穿透服务(本地调试微信接口用)
第4章 NestJS支付模块开发与支付流程实现
01 4-1 nestjs支付模块:创建JSAPI下单服务&通知接口
02 4-2 创建订单接口dto对入参数进行校验
03 4-3 APIv3签名机制&生成请求头Authorization步骤
04 4-4 实现JSAPI接口获取prepay_id:请求头证书RSA签名+验证
05 4-5 封装JSAPI调起支付接口&调试小程序支付
06 4-6 支付通知与ase-256-GSM密文解密
07 4-7 [作业]支付专题小结
08 4-8 [扩展]退款创建与退款通知获取
阶段八: 【深耕底层】Vue+React源码解读,底层思维+技术双提升
第1周 React源码解析&生态核心技术方案
第1章 章导读
01 1-1 章导学
02 1-2 React16-18(给Vue人学习React的贴心礼包)
第2章 React设计思想于核心概念
01 2-1 React16-19有哪些变化?带来了哪些惊喜?
02 2-2 React设计思想与优势
03 2-3 React核心概念(一):组件&元素&实例
04 2-4 React核心概念(二):协调概念以及Diff算法
05 2-5 React核心概念(三):渲染与高性能原因
第3章 React的全新架构Fiber及其工作原理
01 3-1 React15架构卡顿的原因
02 3-2 理解什么是Fiber架构?Fiber对象(React内部数据结构)
03 3-3 Fiber树与双缓存技术(任务优先级)
04 3-4 Fiber带来的Effects(效应)
第4章 企业级应用框架和常见技术集成方案
01 4-1 React源代码调试2种方法(React19+新版本需要注意)
02 4-2 [扩展]React17-18调试进阶(第三方方案&watch模式)
03 4-3 React源码核心目录及文件
04 4-4 create-react-app&模板cra-template创建调试方案
05 4-5 快速上手umi3
06 4-6 代码提交msg校验整合(commitizen&commitlint)
07 4-7 umi常见的插件集成(sass&dva&model&qiankun&request)
08 4-8 umi&qiankun微前端实践
09 4-9 [资源推荐]vite及react模板项目
第5章 React-router v6实战
01 5-1 React-Router章导学
02 5-2 react-router最新v6版本带来了哪些变化
03 5-3 react-router v6简明示例
04 5-4 404页面&路由query&路径传参
05 5-5 自定义路由导航守卫
第6章 React Hooks及状态管理方案导读
01 6-1 章导学
第7章 Hooks API及hooks原理解析
08 7-8 自定义hook-useLocalStorage
第2周 React组件库开发与工程化实践
第1章 React组件导读
第2章 组件库整体需求分析与工程化模板
01 2-1 组件库需求分析
第3章 按钮组件
03 3-3 Button组件Interface&基础分类button与link
第4章 图标组件(集成公共图标+iconfont)
第5章 菜单组件&子菜单组件
05 5-5 子菜单SubMenu组件及事件绑定
第6章 输入框组件
第7章 AutoComplete组件
第8章 React工程化导读
第9章 React动画方案TransitionGroup
第10章 React组件自动化测试
第11章 组件库文档方案
第12章 React 性能优化
08 12-8 打包分析+cra配置webpack的三种方案
第3周 Vue3源码解读
第1章 vue3源码解析
01 1-1 [新版本]vue3.5新特性及性能提升(推荐vue3+升级)
02 1-2 vue中的虚拟DOM:vnode对象及其作用
03 1-3 vue渲染管线:一个简单的示例
04 1-4 vue.js源码学习资源推荐
第2章 框架设计的哲学与实践
01 2-1 框架设计:权衡的艺术
02 2-2 框架设计:需要考虑的核心要素
第3章 响应式系统深度解析与实现
01 3-1 响应式原理:副作用、触发器、存储
02 3-2 响应式原理:Proxy和Reflect的妙用
03 3-3 响应式原理:实现ref API,理解对象引用&对象控制器概念
04 3-4 响应式原理:实现computed API,验证核心逻辑的实现
第4章 渲染器核心机制与属性处理
01 4-1 核心概念:渲染器
02 4-2 渲染器:处理DOM属性与HTML属性
03 4-3 渲染器:class与style属性的扩展
04 4-4 渲染器:卸载操作中需要注意的3点
05 4-5 渲染器:事件处理(定义、绑定、更新)
第5章 Diff算法深度解析
01 5-1 Diff算法前菜:虚拟节点的更新逻辑
02 5-2 Diff算法:理解Array节点更新
03 5-3 Diff算法:Array节点找差异、移动DOM、删除无用节点
第6章 Vue3编译器工作流与AST解析实践
01 6-1 编译器:Vue3编译器工作流+AST概念
02 6-2 编译器:语法分析第1步parser解析器
03 6-3 编译器:实现parser解析器
04 6-4 编译器:AST转换与访问+插件机制设计
05 6-5 编译器:上下文扩展用法,实现转换节点与删除节点
第4周 职场规划与AI提示词工程
第1章 大龄程序员的职场思考:心态与压力应对
01 1-1 大龄程序员何去何从?面临生活&职场的压力,心态最重要
第2章 职场定位与方向选择:找到属于自己的路
01 2-1 职场人找准定位:如何看待职场、公司、同事
02 2-2 [AI加持]职场人逼格体现:如何快速选择行业,找准方向
03 2-3 [扩展]相关资源推荐(最后有惊喜)
第3章 求职技巧全攻略:从简历到面试准备
01 3-1 如何提升收到面试的概率?做足准备工作?
02 3-2 怎么选岗位?投简历的策略?
03 3-3 [重要]如何看职位描述(JD)?
04 3-4 简历怎么写?怎么排版才好?
05 3-5 AI加持:写简历就是这么高效
第4章 AI与提示词工程:机遇、挑战与市场展望
第5章 实践环境准备:模型选择、工具推荐与配置实践
第6章 Prompt提示词策略:编写原则、优化技巧与结构探讨
第7章 通识技能:提示词如何拓宽视野与提升效率
第8章 提示词通用技能,助力职场
第9章 新课介绍
02 9-2 提示词课程导学
↑
本页目录
  • 课程阶段