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