真实高质量低代码商业项目，前端/后端/运维/管理系统

第01章 课程简介

1-1-课程导学​.mp4

第02章 课程设计—需求分析和架构设计：做什么，如何做？

2-1-需求分析-了解软件开发生命周期.mp4

2-2-宏观需求分析.mp4

2-3-技术整体架构 – 几个项目，项目的关系.mp4

2-4-技术整体架构 – 核心内容分析.mp4

第03章 B端项目需求分析 和 架构设计

3-1-章简介.mp4

3-10-总体架构.mp4

3-2-引子：突破瓶颈，前端破局之路.mp4

3-3-需求分析.mp4

3-4-项目难点分析.mp4

3-5-组件库难点解决方案.mp4

3-6-编辑器难点解析一.mp4

3-7-编辑器难点解析二.mp4

3-8-技术选型 – typescript.mp4

3-9-技术选型 – vue 和 react.mp4

第04章 前端基础技术回顾和巡礼

4-1-什么是 Typescript 为什么要学习它.mp4

4-10-泛型（Generics） 第二部分 – 约束泛型.mp4

4-11-新泛型第三部分 – 泛型在类和接口中的使用.mp4

4-12-类型别名，字面量 和 交叉类型.mp4

4-13-声明文件 第一部分.mp4

4-14-声明文件 第二部分.mp4

4-15-内置类型.mp4

4-16-Vue3 学习导学.mp4

4-17-使用 vite 创建项目.mp4

4-18-文件结构以及推荐插件.mp4

4-19-ESLint 简介和初步使用.mp4

4-2-安装 Typescript.mp4

4-20-ESLint 配合 Vite 设置更多规则.mp4

4-21-响应式基础 – Ref 和 Reactive.mp4

4-22-computed 计算属性.mp4

4-23-watch 监听器.mp4

4-24-生命周期和模版引用.mp4

4-25-组件基础-属性.mp4

4-26-组件自定义事件.mp4

4-27-组合式函数.mp4

4-28-创建 useURLLoader.mp4

4-29-useURLLoader 第二部分.mp4

4-3-原始数据类型和 Any 类型.mp4

4-30-setup语法第一部分.mp4

4-31-setup 语法第二部分.mp4

4-32-依赖注入第一部分.mp4

4-33-依赖注入第二部分.mp4

4-34-Vue3.3 更新简介.mp4

4-4-数组和元组.mp4

4-5-Interface- 接口 初探.mp4

4-6-函数.mp4

4-7-类型推论 联合类型和 类型断言.mp4

4-8-枚举（Enum）.mp4

4-9-泛型（Generics） 第一部分.mp4

第05章 项目整体搭建

5-1-本章导学.mp4

5-10-安装 ant-design-vue 组件库.mp4

5-11-使用 ant-design-vue 搭建页面框架.mp4

5-12-SPA 路由的基本原理.mp4

5-13-添加配置 Vue Router.mp4

5-14-使用 Vue Router 钩子函数获取路由信息和跳转.mp4

5-15-打点区间内字小) 使用 Vue Router 元数据和嵌套路由解决不同模版结构.mp4

5-16-什么是状态管理工具.mp4

5-17-Vuex 安装和基础使用.mp4

5-18-Vuex 结合整个应用.mp4

5-19-Vuex 添加 mutations 和 getters.mp4

5-2-大话前端工具链.mp4

5-20-使用 Module 分割 Vuex 模块.mp4

5-21-总结.mp4

5-3-使用 Imooc CLI 创建项目.mp4

5-4-小花絮：Vue CLI 对战 Vite.mp4

5-5-使用 ESLint 添加代码规范.mp4

5-6-深入 ESLint 配置文件.mp4

5-7-小花絮：使用 Prettier 自动格式化代码.mp4

5-8-项目结构规范.mp4

5-9-了解 Git Flow 标准.mp4

第06章 编辑器基本布局，及业务组件库初步开发

6-1-本章导学.mp4

6-10-添加更多简单对应关系并展示.mp4

6-11-添加更多复杂对应关系并展示.mp4

6-12-分析展示和编辑属性的“金科玉律.mp4

6-13-添加编辑表单并更新界面 第二部分.mp4

6-14-提出优化需求，以及组件返回的真相.mp4

6-15-将文本转换为 vNode.mp4

6-16-方案一：使用 JSX 重写 PropsTable 组件.mp4

6-17-方案二：使用 render 函数实现桥梁.mp4

6-18-本章重点内容回顾和总结.mp4

6-2-将编辑器数据结构添加至 vuex store.mp4

6-3-LText 组件初步实现.mp4

6-4-LText 添加通用属性.mp4

6-5-LText 使用 hooks 重用逻辑.mp4

6-6-标记处有什么东西在叫）完成点击模版列表添加到画布的行为.mp4

6-7-为业务组件属性添加类型的利弊.mp4

6-8-获取正在编辑的元素的属性.mp4

6-9-添加属性和表单的基础对应关系并展示.mp4

第07章 掌握测试基本工具，给组件库添加单元测试

7-1-本章导学.mp4

7-10-测试组件：触发事件，更新表单，验证事件.mp4

7-11-测试组件：异步请求.mp4

7-12-测试通用准备和清理.mp4

7-13-测试中 mock 全局组件的实现.mp4

7-14-模拟第三方库实现的三种”药方“ – 第一部分.mp4

7-15-模拟第三方库实现的三种”药方“ – 第二部分.mp4

7-16-单独测试 Vuex store.mp4

7-17-什么是 TDD 的开发方式.mp4

7-18-TDD 第一步：编写测试用例.mp4

7-19-TDD 第二布：编写代码实现.mp4

7-2-为什么要有测试.mp4

7-20-TDD 第三步：和应用整合.mp4

7-21-第十一周重点内容回顾和总结.mp4

7-3-Jest 简介.mp4

7-4-Jest 实现异步测试.mp4

7-5-Jest mock 函数测试.mp4

7-6-Jest mock 第三方模块实现.mp4

7-7-Jest mock Timers.mp4

7-8-配置测试开发环境.mp4

7-9-测试组件：渲染和元素获取.mp4

第08章 通用上传组件开发以及使用

8-1-本章导学.mp4

8-10-测试驱动开发 – 完成上传前检查的特性.mp4

8-11-中期回顾完成情况和新的需求.mp4

8-12-新的开发方式：添加拖动上传编码.mp4

8-13-添加拖动上传测试.mp4

8-14-Vue3 世界中的三种实例.mp4

8-15-Vue3 中组件通信的四种方法.mp4

8-16-Element Plus Upload 组件源码分析第一部分.mp4

8-17-Element Plus Upload 组件源码分析第二部分.mp4

8-18-本地图片预览的两种方式.mp4

8-19-Jest 浏览器环境之谜.mp4

8-2-上传组件需求分析（加片头）.mp4

8-20-将上传组件添加到左侧组件列表.mp4

8-21-上传图片后将图片组件添加到编辑器.mp4

8-22-扩展知识：Element 类型家族之间的关系.mp4

8-23-通过 Image 构造函数获取图片的原始大小.mp4

8-24-章总结.mp4

8-3-上传文件的原理.mp4

8-4-万事开头难 – 编码基本流程.mp4

8-5-上传基本流程的测试编写.mp4

8-6-编写上传文件列表功能的测试用例.mp4

8-7-根据测试实现上传文件列表功能.mp4

8-8-编写自定义模版功能的测试用例.mp4

8-9-根据测试完成自定义模版功能.mp4

第09章 业务组件库打包、发布，添加 CI、CD

9-1-本章导学.mp4

9-10-Rollup 配置文件和插件.mp4

9-11-添加 Vue Plugin.mp4

9-12-添加 Typescript Plugin.mp4

9-13-尝试打包入口文件.mp4

9-14-生成两种格式的模块文件.mp4

9-15-使用 npm link 本地测试组件库.mp4

9-16-分析 Element Plus 的打包过程.mp4

9-17-扩展知识 – Rollup 插件开发的简单原理.mp4

9-2-Javascript 模块化历史.mp4

9-3-打包工具的根本作用.mp4

9-4-Webpack 对阵 Rollup.mp4

9-5-打包什么类型的模块.mp4

9-6-花絮 – Snowpack 另类打包工具 简介.mp4

9-7-创建组件库基本代码结构.mp4

9-8-Vue 插件系统简介.mp4

9-9-创建入口文件.mp4

第10章 后端技术选型以及基础知识巩固（上）

10-1-导学.mp4

10-10-Controller 第一部分：设置响应.mp4

10-11-Controller 第二部分：获取 Request 的参数.mp4

10-12-Postman安装以及使用.mp4

10-13-Service 发送 HTTP 请求获取信息.mp4

10-14-Plugin 插件的初次接触.mp4

10-15-Middleware 中间件第一部分.mp4

10-16-Middleware 中间件第二部分.mp4

10-17-Config 配置文件第一部.mp4

10-18-Config 配置文件第二部分.mp4

10-19-Extend 扩展 第一部分.mp4

10-2-接口分析.mp4

10-20-Extend 扩展 第二部分.mp4

10-21-启动自定义.mp4

10-22-egg typescript 支持的原理.mp4

10-23-eggjs 调试技巧.mp4

10-24-eggjs 日志的概念以及分类.mp4

10-25-非关系数据库 对阵 关系型数据库.mp4

10-26-mongoDB 安装第一部分：下载运行.mp4

10-27-mongoDB 安装第二部分：添加到全局命令.mp4

10-3-后端接口设计文档.mp4

10-4-技术选型 express 分析.mp4

10-5-了解 express 中间件.mp4

10-6-调研 koa2 以及它的基本特点.mp4

10-7-koa2 中间件机制.mp4

10-8-后端框架选择 egg.js.mp4

10-9-egg.js 项目结构.mp4

第11章 后端技术选型以及基础知识巩固（下）

11-1-mongod 使用配置文件.mp4

11-10-按照数组内容查询并更新.mp4

11-11-mongoDB Nodejs 语法小节.mp4

11-12-mongoDB 索引的定义和测试.mp4

11-13-mongoDB 索引管理.mp4

11-14-mongoDB 不同集合的数据关系.mp4

11-15-聚合的概念和基本用法.mp4

11-16-使用$lookup 完成多集合查询.mp4

11-17-MongoDB数据库设计原则以及最佳实践.mp4

11-18-完成应用数据库设计.mp4

11-19-什么是 mongoose 以及 ORM ODM 的概念.mp4

11-2-mongo shell简介及使用.mp4

11-20-mongoose 基本语法.mp4

11-21-egg.js 结合 mongoose.mp4

11-22-将 models 自动加载到 app 对象.mp4

11-23-将逻辑抽象编写为 egg 插件.mp4

11-24-egg-mongoose 源代码解读.mp4

11-25-章总结.mp4

11-3-mongoDB GUI 软件推荐使用.mp4

11-4-nodejs 连接 mongodb 数据库.mp4

11-5-插入和简单查询.mp4

11-6-mongoDB 查询操作符.mp4

11-7-mongoDB 整体结果的处理.mp4

11-8-更新文档第一部分.mp4

11-9-更新文档第二部分：更新数组内容.mp4

第12章 用户系统设计与实现

12-1-本章导学.mp4

12-10-使用 mongoose-sequence 插件完成 ID 自增.mp4

12-11-Cookie基础知识回顾以及加深.mp4

12-12-使用 egg.js 设置对应的 Cookie.mp4

12-13-使用 egg-session 实现用户验证功能.mp4

12-14-koa session 源代码分析第一部分.mp4

12-15-koa session 源代码分析第二部分.mp4

12-16-egg session 使用外部存储器.mp4

12-17-总结 egg-session 的优缺点.mp4

12-2-定义 UserModel.mp4

12-3-实现创建用户的最基本功能.mp4

12-4-改进 Model 的ts 类型支持.mp4

12-5-使用 egg-validate 验证参数.mp4

12-6-规范化错误信息和错误码.mp4

12-7-加密选择方案简介.mp4

12-8-将 bcrypt 添加到应用并完成密码加密和登录解密.mp4

12-9-使用 toJSON 和 transform 处理文档结果.mp4

第13章 文件上传与处理 ， SSR 实现 H5 端展示以及权限控制

13-1-本章导学.mp4

13-10-对象存储调研报告.mp4

13-11-配置阿里云 oss.mp4

13-12-上传单文件到阿里云 OSS.mp4

13-13-学习底层库 Busboy 的用法.mp4

13-14-使用 co-busboy 完成多文件上传的需求.mp4

13-15-egg-mutilpart 源代码解析.mp4

13-16-限制上传图片大小以及格式.mp4

13-17-重构 Router：添加 Prefix 和简单的权限验证.mp4

13-18-简介 SSR 的概念和特点.mp4

13-19-学习 vue SSR 的基本用法.mp4

13-2-文件上传的原理再次分析.mp4

13-20-使用 lego-components 渲染对应的H5 页面.mp4

13-21-添加 body 样式.mp4

13-22-px 转换成 vw.mp4

13-23-使用 webpack 的解决对应的引用第三方库的问题.mp4

13-24-配置 webpack 生成对应的结果.mp4

13-25-拷贝和清理 webpack 生成的文件.mp4

13-26-上传生成的静态文件到 OSS.mp4

13-27-完成 webpack 结合上传文件到 OSS 的功能.mp4

13-28-创建展示渠道.mp4

13-29-渠道的更新以及删除.mp4

13-3-File 模式上传并且支持服务器直接访问.mp4

13-30-RBAC概念简介以及选择 Node.js 第三方库.mp4

13-31-CASL 初步学习.mp4

13-32-CASL 学习第二部分- 添加角色.mp4

13-33-CASL学习第三部分 – 管理属性权限.mp4

13-34-添加对应的角色模型.mp4

13-35-添加角色判断到装饰器第一部分：基本验证.mp4

13-36-添加角色判断到装饰器第二部分：验证字段.mp4

13-37-添加角色判断到装饰器第三部分：自定义 action.mp4

13-38-添加角色判断到装饰器第四部分：自定义 query.mp4

13-39-总结.mp4

13-4-图片处理库 Sharp 简介.mp4

13-5-使用 sharp 生成缩略图并保存.mp4

13-6-流的基本概念和举例.mp4

13-7-Stream 的基本特性编码.mp4

13-8-使用 stream 模式完成图片上传以及缩略图生成.mp4

13-9-高级知识：使用 pipeline替换pipe方法.mp4

第14章 使用 Docker 完成部署以及 Github Actions 完成 CI、CD

14-1-导学.mp4

14-10-修改生产环境的配置.mp4

14-11-在服务器部署并且运行.mp4

14-12-本章总结以及提出问题.mp4

14-13-Docker 简介以及安装.mp4

14-14-docker images 镜像操作.mp4

14-15-Docker 容器的基本概念.mp4

14-16-Docker 容器持久化数据.mp4

14-17-使用 Dockerfile 构建镜像.mp4

14-18-使用 Dockerfile 构建并且运行 lego-backend.mp4

14-19-Docker 多个容器互相通信.mp4

14-2-本地环境和生产环境的异同.mp4

14-20-使用 docker-compose 启动服务.mp4

14-21-mongoDB 设置访问权限.mp4

14-22-mongoDB 权限验证第二部分.mp4

14-23-Docker 初始化 MongoDB 数据库操作.mp4

14-24-使用.env 保存 docker 中的敏感信息.mp4

14-25-向 docker-compose 添加 redis 服务并测试.mp4

14-26-Docker Build 优化镜像大小.mp4

14-27-Docker Build 提高构建速度.mp4

14-28-在服务器上运行对应的 docker 容器.mp4

14-29-重学 YAML 语法.mp4

14-3-Node.js Cluster 模式.mp4

14-30-Github Actions 简介和初步使用.mp4

14-31-学习 Github Actions 的进阶知识.mp4

14-32-学习使用 Github Secrets.mp4

14-33-推送镜像到阿里云ACR 并测试.mp4

14-34-优化线上部署流程分析.mp4

14-35-使用 Github Actions Build 和 Push 镜像到 ACR.mp4

14-36-自动部署应用到服务器 第一部分.mp4

14-37-自动部署应用到服务器 第二部分.mp4

14-38-在 actions 中获取提交的基本信息.mp4

14-39-整合流程，完成自动部署以及回滚.mp4

14-4-Node.js Cluster 压力测试对比结果.mp4

14-40-使用 release-it 精简发布流程.mp4

14-41-总结.mp4

14-5-Cluster 进程间的通信.mp4

14-6-Egg.js 启动的不同进程的分类以及特点.mp4

14-7-云服务器设置以及登录最佳实践.mp4

14-8-使用 SSH key 进行免密码登录.mp4

14-9-linux 安装必备软件.mp4

第15章 真实高质量低代码商业项目，前端后端运维管理系统

1-1-前言.mp4

2-1-知识回顾.mp4

2-2-选择 CropperJS 作为图片裁剪库.mp4

2-3-初始化 Cropper 区域.mp4

2-4-使用阿里云 OSS 完成图片裁剪功能.mp4

2-5-使用 Cropper.js 获取裁剪图片数据.mp4

2-6-方法二：完成裁剪后重新上传图片.mp4

3-1-分析图层设置的需求和实现.mp4

3-2-图层列表设置锁定和隐藏.mp4

3-3-InlineEdit 书写测试用例以及初步功能开发.mp4

3-4-添加键盘响应钩子函数.mp4

3-5-添加 useClickOutside.mp4

3-6-在界面上测试并且改进 InlineEdit 组件.mp4

4-1-拖动排序列表的需求分析.mp4

4-2-拖拽排序第一部分 添加拖动事件.mp4

4-3-拖拽排序第二部分 添加 drop 时排序.mp4

4-4-拖动排序第三部分 在拖动时完成排序.mp4

4-5-使用 Vue Draggable Next 完成排序.mp4

5-1-EditGroup 需求分析.mp4

5-2-EditGroup 编码第一部分.mp4

5-3-EditGroup 编码第二部分：数据转换成界面.mp4

6-1-页面设置编码第一部分.mp4

6-2-BackgroundProcesser 组件编码第一部分.mp4

6-3-使用正则获取文件名称.mp4

6-4-页面设置完成更新背景图片逻辑.mp4

7-1-总结.mp4

第16章 让元素动起来 – 编辑器画布交互功能开发

1-1-导学.mp4

2-1-拖动移动元素的原理分析.mp4

2-2-拖动移动元素第一部分：计算偏移量.mp4

2-3-拖动移动第二部分： 实现元素移动.mp4

2-4-拖动移动第三部分： 更新元素属性.mp4

3-1-拖动改变大小的原理.mp4

3-2-拖动改变大小 第一部分： 实现右下方拖拽大小.mp4

3-3-拖拽改变大小 编码第二部分： 实现四个角拖拽大小.mp4

3-4-拖动改变大小 编码第三部分：发射事件 更新属性.mp4

4-1-快捷键需求分析.mp4

4-2-快捷键编码第一部分：创建 useHotKeys.mp4

4-3-快捷键编码第二部分：添加 muations 完成操作.mp4

4-4-快捷键编码第三部分：添加移动元素的快捷键.mp4

4-5-快捷键编码第四部分：添加高级函数阻止默认行为.mp4

4-6-尽善尽美 补充新的 mutations 的测试.mp4

5-1-撤销重做需求分析.mp4

5-10-撤销重做小结以及剩下的改进.mp4

5-2-撤销重做编码第一部分：添加历史记录.mp4

5-3-撤销重做编码第二部分：根据不同情况添加处理.mp4

5-4-撤销重做编码第三部分：根据当前情况添加测试.mp4

5-5-中期界面测试以及发现需要改进的点.mp4

5-6-进阶：撤销重做支持一次处理多个数据.mp4

5-7-进阶：撤销重做支持一次处理多个数据 第二部分.mp4

5-8-进阶：撤销重做支持函数防抖.mp4

5-9-进阶：撤销重做支持最大历史条目数.mp4

6-1-右键菜单需求分析.mp4

6-2-右键菜单编码第一部分：添加右键菜单组件.mp4

6-3-右键菜单第二部分：函数式的创建组件.mp4

6-4-右键菜单第三部分：插件化右键菜单.mp4

6-5-右键菜单第四部分：删除组件实例的方法.mp4

7-1-总结.mp4

第17章 前后端结合 – 编辑器整合后端接口

1-1-导学.mp4

2-1-前后端分离开发简介.mp4

2-2-分析后端接口和需求.mp4

2-3-使用 vuex action 发送请求.mp4

3-1-JSON server 的简介和安装使用.mp4

3-2-JSON server 自定义接口URL 和 返回数据结构.mp4

3-3-JSON Server 实现 JWT 验证 – 生成 token.mp4

3-4-JSON Server 实现 JWT 验证 – 实现路由保护.mp4

4-1-使用 AForm 完成表单验证.mp4

4-2-使用 AForm 完成提交时验证的两种方法.mp4

4-3-完成获取验证码的功能.mp4

4-4-完成用户登陆过程.mp4

4-5-使用高阶函数 actionWrapper 包装 action 通用逻辑.mp4

4-6-AForm 源代码解析 ：Form 组件 和 FormItem 完成验证.mp4

4-7-AForm 源代码解析 ：使用 useForm 完成验证.mp4

5-1-添加全局读取状态 – 整体通用读取状态.mp4

5-2-添加全局读取状态 – 细粒度读取状态.mp4

5-3-处理全局错误处理.mp4

5-4-将全局读取和错误添加至根组件.mp4

5-5-登陆状态持久化.mp4

5-6-路由权限验证 第一部分 – 功能分析.mp4

5-7-路由权限验证 第二部分 – 编码实现.mp4

6-1-编辑器获取作品 第一部分 – 发送并且改进 action.mp4

6-2-编辑器获取作品 第二部分 – 根据数据渲染至画布.mp4

6-3-添加编辑器 Header.mp4

6-4-保存作品数据.mp4

6-5-添加自动保存功能.mp4

6-6-跳转路由前提示保存.mp4

6-7-提取和整合保存作品逻辑.mp4

第18章 整合开发 B 端其他页面的各种功能

1-1-周前言.mp4

2-1-发布作品需求分析.mp4

2-2-前后端分离开发简介.mp4

2-3-html2canvas 获取截图.mp4

2-4-html2canvas 踩坑修正 bug.mp4

2-5-完成截图并且上传文件.mp4

2-6-html2canvas的基本原理.mp4

2-7-html2canvas 原理简单编码实现.mp4

3-1-完成发布流程.mp4

3-2-发布后创建渠道.mp4

3-3-添加 usePublishWork.mp4

4-1-创建和删除渠道.mp4

4-2-使用 qrcode 将渠道链接生成二维码.mp4

4-3-watch 数组的陷阱：新添加的渠道生成二维码.mp4

5-1-使用Clipboard.js 实现内容的拷贝.mp4

5-2-拷贝文本的原理.mp4

5-3-完成copyToClipBoard编码.mp4

5-4-PreviewForm 预览组件第一部分.mp4

5-5-PreviewForm 预览组件第二部分.mp4

6-1-剩余页面需求分析.mp4

6-2-useLoadMore 编码第一部分：改造 actionWrapper 支持 queryParams.mp4

6-3-useLoadMore 编码第二部分：实现基本功能.mp4

6-4-useLoadMore编码第三部分 – 页面实践以及支持无限滚动加载.mp4

6-5-useLoadMore编码第四部分 – 创建我的作品页以及发现新的问题.mp4

6-6-useLoadMore 编码第五部分 – 数据驱动界面，改造成分页组件.mp4

7-1-下载图片原理编码第一部分.mp4

7-2-下载文件原理编码第二部分.mp4

7-3-使用 FileSaver.js 来完成图片的下载.mp4

7-4-FileSaver.js 源码解析.mp4

8-1-周总结.mp4

第19章 整大型项目的编译，部署以及性能优化

1-1-前言.mp4

2-1-开发，预生产，生产环境的概念.mp4

2-2-使用vuecli生成生产环境代码.mp4

2-3-VueCLI中模式的概念以及简单使用.mp4

2-4-使用环境变量文件第一部分.mp4

2-5-环境变量设置第二部分创建预发布环境变量文件.mp4

3-1-Webpack基本概念回顾.mp4

3-2-动手写一个WebpackLoader第一部分.mp4

3-3-动手写一个WebpackLoader第二部分.mp4

3-4-动手写一个Webpackplugins第一部分.mp4

3-5-动手写一个Webpackplugins第二部分.mp4

4-1-vuenfig.js简介.mp4

4-2-安装webpack-bundle-analyzer插件.mp4

4-3-webpack打包优化第一部分：移除不需要的第三方库.mp4

4-4-webpack打包优化第二部分：按需加载ant-desig.mp4

4-5-webpack打包优化第三部分：分析第三方库继续优化的方案.mp4

4-6-手动分割第三方库成多个文件.mp4

4-7-按照模块大小自动分割第三方库.mp4

4-8-实现路由懒加载.mp4

4-9-使用chainWebpack修改webpack已有配置.mp4

5-1-部署的概念.mp4

5-2-nginx安装和简单配置.mp4

5-3-HTTP缓存设置第一部分：Expires和Cache-Co.mp4

5-4-HTTP缓存设置第二部分：Etag和Last-Modifi.mp4

5-5-使用gzip压缩对应的HTTP请求资源.mp4

5-6-使用Brotli完成HTTP压缩优化.mp4

5-8-使用keep-alive减少多次TCP连接.mp4

5-9-使用HTTP2大幅提升加载速度.mp4

6-1-总结.mp4

第20章 学习使用 Nuxt.js 创建管理系统：基础知识

20-1-Nuxt3导学.mp4

20-10-状态管理第二部分.mp4

20-11-数据获取第一部分.mp4

20-12-数据获取第二部分.mp4

20-13-数据获取第三部分.mp4

20-14-静态文件处理.mp4

20-15-SEO.mp4

20-16-总结.mp4

20-17-Nuxt server 简介.mp4

20-18-Nuxt server 基础知识.mp4

20-19-服务器端中间件第一部分.mp4

20-2-Nuxt简介.mp4

20-20-服务器端中间件第二部分.mp4

20-21-存储层第一部分.mp4

20-22-存储层 第二部分.mp4

20-23-配置文件以及环境变量.mp4

20-24-Nitro plugins.mp4

20-25-Nuxt Plugins.mp4

20-26-安装 nuxt-mongoose 模块.mp4

20-27-使用 nuxt-mongoose 完成对应的编码.mp4

20-28-总结.mp4

20-3-Nuxt 中的渲染模式.mp4

20-4-Nuxt3 安装.mp4

20-5-自动导入.mp4

20-6-Pages 概念.mp4

20-7-Routing 路由 以及中间件第一部分.mp4

20-8-中间件第二部分.mp4

20-9-状态管理 第一部分.mp4

第21章 学习使用 Nuxt.js 创建管理系统：进阶实战

21-1-安装 tailwindss.mp4

21-10-知识巩固：完成注册页面.mp4

21-11-完成注册以及登陆的后端功能.mp4

21-12-使用 jwt 实现用户验证 后端编码.mp4

21-13-前端添加用户验证.mp4

21-14-完成前端登陆状态持久化.mp4

21-15-总结.mp4

21-16-简介和安装 NuxtUI.mp4

21-17-编写 Header 样式.mp4

21-18-完成剩余布局.mp4

21-19-Table 编码第一部分 展示数据.mp4

21-2-Tailwind 规则演示.mp4

21-20-表格编码第二部分 实现分页功能.mp4

21-21-表格编码第三部分 完成排序功能.mp4

21-22-表格编码第四部分 查找功能.mp4

21-23-表格编码第五部分 自定义功能.mp4

21-3-使用 Layouts 创造两种布局.mp4

21-4-安装并且使用 zod.mp4

21-5-Zod 完成客户端验证.mp4

21-6-使用 Zod 添加服务器端验证.mp4

21-7-添加 VeeValidate 第一部分.mp4

21-8-添加 VeeValidate 第二部分.mp4

21-9-添加 VeeValidate 第三部分 完成登陆页面.mp4

第22章 学习使用 Nuxt.js 创建管理系统：最后一部分

22-1-编辑创建页面需求分析.mp4

22-10-编辑用户信息第一部分.mp4

22-11-编辑用户信息 第二部分.mp4

22-12-编辑用户编码第三部分.mp4

22-13-构建和部署的方式.mp4

22-14-使用Nuxt构建整个项目.mp4

22-15-完成部署脚本.mp4

22-16-使用 pm2 来启动和管理应用.mp4

22-17-扩展内容：使用 Bun 来运行应用.mp4

22-2-完成动态表单初步编码.mp4

22-3-表单编码第二部分：添加联动关系.mp4

22-4-上传组件第一步 – 创建上传组件.mp4

22-5-上传组件第二部分-服务器端获取文件数据.mp4

22-6-上传图片第三部分-使用阿里云完成上传.mp4

22-7-上传组件第四部分 – 使用插件.mp4

22-8-完成数据创建显示自定义错误.mp4

22-9-完成创建后的收尾工作.mp4

课程源码+电子书

3-vue3-basic-master.zip

learn-mongo-master.zip

learn-typescript-master.zip

lego-admin-master.zip

lego-backend-master.zip

lego-bricks-master.zip

lego-master.zip

电子书（mhtml版，浏览器打开）

10-1-本周导学.mhtml

10-10-MongoDB 索引以及聚合.mhtml

10-11-Mongoose 的概念以及简单使用.mhtml

10-12-本周总结.mhtml

10-2-技术方案设计 – 接口设计.mhtml

10-3-Node.js 后端框架调研.mhtml

10-4-技术选型 – 使用 Egg.js 和 Typesc.mhtml

10-5-Egg.js 的基础知识.mhtml

10-6-数据库选型.mhtml

10-7-MongoDB 安装.mhtml

10-8-Mongo Shell 的基本用法.mhtml

10-9-MongoDB 结合 Node.mhtml

11-1-本周介绍.mhtml

11-2-数据验证，规范错误信息，以及加密方案选择.mhtml

11-3-用户认证的方式 Session 以及 JWT.mhtml

11-4-使用 OAuth2 完成用户登录.mhtml

11-5-装饰器 Decorator.mhtml

11-6-本周总结.mhtml

12-1-本周导学.mhtml

12-2-上传文件的原理.mhtml

12-3-Stream 的基础知识学习.mhtml

12-4-使用阿里云 OSS 完成上传.mhtml

12-5-SSR 渲染作品页面.mhtml

12-6-基于 RBAC 的权限验证.mhtml

12-7-本周总结.mhtml

13-1-本周导学.mhtml

13-2-传统部署模式.mhtml

13-3-云服务器调研以及 linux 主机配置.mhtml

13-4-Docker 简介以及基础知识.mhtml

13-5-Docker compose 基础以及进阶.mhtml

13-6-Github Actions 简介.mhtml

13-7-Github Actions 完成自动部署.mhtml

13-8-周总结.mhtml

14-1-本周导学.mhtml

14-2-选择图片裁剪工具.mhtml

14-3-Cropper.js 的基本使用以及裁剪并上传.mhtml

14-4-图层设置需求分析.mhtml

14-5-列表排序的演示和需求分析.mhtml

14-6-拖动排序功能开发.mhtml

14-7-本周总结.mhtml

15-1-本周导学.mhtml

15-2-拖动移动元素.mhtml

15-3-拖动改变大小.mhtml

15-4-快捷键.mhtml

15-5-回滚和重做.mhtml

15-6-右键菜单.mhtml

15-7-本周总结.mhtml

16-1-本周导学.mhtml

16-2-前后端分离开发的概念.mhtml

16-3-需求以及接口分析.mhtml

16-4-Mock Server的选择和搭建.mhtml

16-5-持久化以及路由验证.mhtml

16-6-本周总结.mhtml

17-1-本周导学.mhtml

17-2-发布作品需求分析.mhtml

17-3-html2canvas 的使用和原理.mhtml

17-4-使用 Clipboard.js 复制到剪贴板的原理.mhtml

17-5-分析 B 端剩余的需求.mhtml

17-6-FileSaver.js 的使用以及下载文件的原理.mhtml

17-7-本周总结.mhtml

18-1-本周导学.mhtml

18-2-使用Vue Cli编译生产环境代码以及创建不同模式.mhtml

18-3-Webpack基础以及Loader和Plugin.mhtml

18-4-修改webpack配置完成打包分析和优化.mhtml

18-5-部署以及 HTTP 优化.mhtml

18-6-本周总结.mhtml

2-1-业务架构-需求分析.mhtml

2-2-业务架构 – 技术架构设计.mhtml

3-1-本周导学.mhtml

3-2-引子：突破瓶颈，前端破局之路.mhtml

3-3-需求初步分析.mhtml

3-4-项目难点分析.mhtml

3-5-业务组件库难点解决方案.mhtml

3-6-编辑器难点解决方案.mhtml

3-7-技术选型 – Typescript.mhtml

3-7-技术选型 – Vue 和 React.mhtml

3-8-总体架构.mhtml

4-1-本周导学.mhtml

4-10-Composition API 入门.mhtml

4-11-深入响应式对象.mhtml

4-12-副作用.mhtml

4-13-逻辑重用.mhtml

4-14-Vue3 小结.mhtml

4-2-typescript 基础.mhtml

4-3-interface 和 class.mhtml

4-4-类和接口.mhtml

4-5-泛型.mhtml

4-6-泛型和 interface.mhtml

4-7-源码解析 深入泛型.mhtml

4-8-声明文件.mhtml

4-9-vue3 新特性和推出的原因.mhtml

5-1-本周导学.mhtml

5-10-安装 ant-design-vue 组件库.mhtml

5-11-SPA 路由的基本原理.mhtml

5-12-什么是状态管理工具.mhtml

5-13-Vuex 安装和基础使用.mhtml

5-14-本周总结.mhtml

5-2-大话前端工具链.mhtml

5-3-使用 Imooc CLI 新建项目.mhtml

5-4-小花絮 – Vue CLI vs Vite.mhtml

5-5-使用 ESLint 添加代码规范.mhtml

5-6-深入 ESLint 配置文件.mhtml

5-7-小花絮：使用 Prettier 自动格式化.mhtml

5-8-项目结构规范.mhtml

5-9-了解 Git Flow 标准.mhtml

6-1-本周导学.mhtml

6-2-本周总结.mhtml

7-1-本周导学.mhtml

7-10-测试中 mock 全局组件的实现.mhtml

7-11-单独测试 Vuex store.mhtml

7-12-什么是 TDD 开发方式？.mhtml

7-13-TDD 的特点.mhtml

7-14-本周总结.mhtml

7-2-为什么要有测试.mhtml

7-3-测试框架 Jest 简介.mhtml

7-4-Jest 实现 Mock.mhtml

7-5-Jest Mock Timers.mhtml

7-6-配置测试开发环境.mhtml

7-7-测试组件基本知识点.mhtml

7-8-组件测试异步请求.mhtml

7-9-测试通用准备和清理.mhtml

8-1-本周导学.mhtml

8-2-上传组件需求以及开发流程.mhtml

8-3-上传文件的基本方式.mhtml

8-4-Uploader 重构的基本步骤.mhtml

8-5-Vue3 世界中的三种实例.mhtml

8-6-Vue3 中组件通信的四种方法.mhtml

8-7-Element Plus Upload 源码分析.mhtml

8-8-图片预览的方式.mhtml

8-8-扩展知识：Element 类型家族之间的关系.mhtml

8-9-本周总结.mhtml

9-1-课程导学.mhtml

9-10-添加 typescript plugin.mhtml

9-11-npm 简介和 package.json 的设置.mhtml

9-12-发布或者提交前检查代码质量和测试结果.mhtml

9-13-CI_CD 的概念.mhtml

9-14-Travis 配置过程.mhtml

9-15-本周总结.mhtml

9-2-Javascript 模块发展历史.mhtml

9-3-打包工具的根本作用.mhtml

9-4-Webpack 对阵 Rollup.mhtml

9-5-打包什么类型的文件？.mhtml

9-6-花絮 – Snowpack 另类打包工具.mhtml

9-7-Vue 插件系统简介.mhtml

9-8-创建入口文件.mhtml

9-9-Rollup 配置文件和插件.mhtml

第10章-服务端技术选型

第11章-用户系统设计与实现

第12章 文件上传与处理 ， SSR 实现 H5 端展示以及权限控制

第13章 使用 Docker 完成部署以及 Github Actions 完成 CI、CD

第14章 编辑器组件图层面板功能开发

第15章 让元素动起来 – 编辑器画布交互功能开发

第16章 前后端结合 – 编辑器整合后端接口

第17章 整合开发 B 端其他页面的各种功能

第18章 整大型项目的编译，部署以及性能优化

第2章 课程设计—需求分析和架构设计：做什么，如何做？

第3章 B端项目需求分析 和 架构设计

第4章 前端基础技术回顾和巡礼

第5章 项目整体搭建

第6章 编辑器基本布局，及业务组件库初步开发

第7章 掌握测试基本工具，给组件库添加单元测试

第8章 通用上传组件开发以及使用

第9章 业务组件库打包、发布，添加 CI、CD