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

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

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

在这门课程中，我们用最新的技术栈实现了三个独立的项目：前端低代码海报编辑器、后端 egg.js + TS、使用 Nuxt3实现管理系统，最后从 Docker 部署到 CI/CD 的整个流程，最后完美闭环实现一个线上运行的真实项目。大幅提升自己的全栈以及架构能力。

PS:这门课包含在web前端架构师中

资源目录:

├──第10章 后端技术选型以及基础知识巩固（上）
| ├──10-1 导学.mp4 24.26M
| ├──10-10 Controller 第一部分：设置响应.mp4 28.44M
| ├──10-11 Controller 第二部分：获取 Request 的参数.mp4 45.47M
| ├──10-12 Postman安装以及使用.mp4 35.99M
| ├──10-13 Service 发送 HTTP 请求获取信息.mp4 39.88M
| ├──10-14 Plugin 插件的初次接触.mp4 49.96M
| ├──10-15 Middleware 中间件第一部分.mp4 30.99M
| ├──10-16 Middleware 中间件第二部分.mp4 54.92M
| ├──10-17 Config 配置文件第一部.mp4 58.74M
| ├──10-18 Config 配置文件第二部分.mp4 40.80M
| ├──10-19 Extend 扩展 第一部分.mp4 32.52M
| ├──10-2 接口分析.mp4 47.27M
| ├──10-20 Extend 扩展 第二部分.mp4 50.98M
| ├──10-21 启动自定义.mp4 68.93M
| ├──10-22 egg typescript 支持的原理.mp4 61.29M
| ├──10-23 eggjs 调试技巧.mp4 83.14M
| ├──10-24 eggjs 日志的概念以及分类.mp4 71.57M
| ├──10-25 非关系数据库 对阵 关系型数据库.mp4 36.35M
| ├──10-26 mongoDB 安装第一部分：下载运行.mp4 64.56M
| ├──10-27 mongoDB 安装第二部分：添加到全局命令.mp4 29.15M
| ├──10-3 后端接口设计文档.mp4 43.88M
| ├──10-4 技术选型 express 分析.mp4 50.46M
| ├──10-5 了解 express 中间件.mp4 45.49M
| ├──10-6 调研 koa2 以及它的基本特点.mp4 42.55M
| ├──10-7 koa2 中间件机制.mp4 56.32M
| ├──10-8 后端框架选择 egg.js.mp4 77.97M
| └──10-9 egg.js 项目结构.mp4 29.59M
├──第11章 后端技术选型以及基础知识巩固（下）
| ├──11-1 mongod 使用配置文件.mp4 43.79M
| ├──11-10 按照数组内容查询并更新.mp4 35.36M
| ├──11-11 mongoDB Nodejs 语法小节.mp4 53.86M
| ├──11-12 mongoDB 索引的定义和测试.mp4 52.39M
| ├──11-13 mongoDB 索引管理.mp4 38.40M
| ├──11-14 mongoDB 不同集合的数据关系.mp4 30.70M
| ├──11-15 聚合的概念和基本用法.mp4 56.74M
| ├──11-16 使用$lookup 完成多集合查询.mp4 44.57M
| ├──11-17 MongoDB数据库设计原则以及最佳实践.mp4 45.28M
| ├──11-18 完成应用数据库设计.mp4 50.45M
| ├──11-19 什么是 mongoose 以及 ORM ODM 的概念.mp4 40.59M
| ├──11-2 mongo shell简介及使用.mp4 23.88M
| ├──11-20 mongoose 基本语法.mp4 53.65M
| ├──11-21 egg.js 结合 mongoose.mp4 83.82M
| ├──11-22 将 models 自动加载到 app 对象.mp4 72.58M
| ├──11-23 将逻辑抽象编写为 egg 插件.mp4 54.62M
| ├──11-24 egg-mongoose 源代码解读.mp4 89.74M
| ├──11-25 章总结.mp4 43.60M
| ├──11-3 mongoDB GUI 软件推荐使用.mp4 15.31M
| ├──11-4 nodejs 连接 mongodb 数据库.mp4 33.38M
| ├──11-5 插入和简单查询.mp4 60.03M
| ├──11-6 mongoDB 查询操作符.mp4 72.89M
| ├──11-7 mongoDB 整体结果的处理.mp4 46.18M
| ├──11-8 更新文档第一部分.mp4 48.25M
| └──11-9 更新文档第二部分：更新数组内容.mp4 45.28M
├──第12章 用户系统设计与实现
| ├──12-1 本章导学.mp4 14.83M
| ├──12-10 使用 mongoose-sequence 插件完成 ID 自增.mp4 27.55M
| ├──12-11 Cookie基础知识回顾以及加深.mp4 36.63M
| ├──12-12 使用 egg.js 设置对应的 Cookie.mp4 26.17M
| ├──12-13 使用 egg-session 实现用户验证功能.mp4 27.69M
| ├──12-14 koa session 源代码分析第一部分.mp4 47.99M
| ├──12-15 koa session 源代码分析第二部分.mp4 31.64M
| ├──12-16 egg session 使用外部存储器.mp4 37.46M
| ├──12-17 总结 egg-session 的优缺点.mp4 30.07M
| ├──12-2 定义 UserModel.mp4 28.90M
| ├──12-3 实现创建用户的最基本功能.mp4 31.28M
| ├──12-4 改进 Model 的ts 类型支持.mp4 23.96M
| ├──12-5 使用 egg-validate 验证参数.mp4 41.15M
| ├──12-6 规范化错误信息和错误码.mp4 32.73M
| ├──12-7 加密选择方案简介.mp4 21.09M
| ├──12-8 将 bcrypt 添加到应用并完成密码加密和登录解密.mp4 46.39M
| └──12-9 使用 toJSON 和 transform 处理文档结果.mp4 22.42M
├──第13章 文件上传与处理 ， SSR 实现 H5 端展示以及权限控制
| ├──13-1 本章导学.mp4 11.63M
| ├──13-10 对象存储调研报告.mp4 37.00M
| ├──13-11 配置阿里云 oss.mp4 51.66M
| ├──13-12 上传单文件到阿里云 OSS.mp4 47.71M
| ├──13-13 学习底层库 Busboy 的用法.mp4 66.64M
| ├──13-14 使用 co-busboy 完成多文件上传的需求.mp4 62.42M
| ├──13-15 egg-mutilpart 源代码解析.mp4 45.81M
| ├──13-16 限制上传图片大小以及格式.mp4 66.86M
| ├──13-17 重构 Router：添加 Prefix 和简单的权限验证.mp4 44.29M
| ├──13-18 简介 SSR 的概念和特点.mp4 29.55M
| ├──13-19 学习 vue SSR 的基本用法.mp4 37.82M
| ├──13-2 文件上传的原理再次分析.mp4 33.72M
| ├──13-20 使用 lego-components 渲染对应的H5 页面.mp4 49.47M
| ├──13-21 添加 body 样式.mp4 33.67M
| ├──13-22 px 转换成 vw.mp4 40.79M
| ├──13-23 使用 webpack 的解决对应的引用第三方库的问题.mp4 13.61M
| ├──13-24 配置 webpack 生成对应的结果.mp4 41.23M
| ├──13-25 拷贝和清理 webpack 生成的文件.mp4 37.75M
| ├──13-26 上传生成的静态文件到 OSS.mp4 41.44M
| ├──13-27 完成 webpack 结合上传文件到 OSS 的功能.mp4 29.75M
| ├──13-28 创建展示渠道.mp4 33.87M
| ├──13-29 渠道的更新以及删除.mp4 43.77M
| ├──13-3 File 模式上传并且支持服务器直接访问.mp4 39.07M
| ├──13-30 RBAC概念简介以及选择 Node.js 第三方库.mp4 34.72M
| ├──13-31 CASL 初步学习.mp4 28.52M
| ├──13-32 CASL 学习第二部分- 添加角色.mp4 37.19M
| ├──13-33 CASL学习第三部分 – 管理属性权限.mp4 52.58M
| ├──13-34 添加对应的角色模型.mp4 35.23M
| ├──13-35 添加角色判断到装饰器第一部分：基本验证.mp4 68.52M
| ├──13-36 添加角色判断到装饰器第二部分：验证字段.mp4 48.90M
| ├──13-37 添加角色判断到装饰器第三部分：自定义 action.mp4 54.80M
| ├──13-38 添加角色判断到装饰器第四部分：自定义 query.mp4 66.51M
| ├──13-39 总结.mp4 19.34M
| ├──13-4 图片处理库 Sharp 简介.mp4 21.50M
| ├──13-5 使用 sharp 生成缩略图并保存.mp4 44.17M
| ├──13-6 流的基本概念和举例.mp4 24.34M
| ├──13-7 Stream 的基本特性编码.mp4 31.25M
| ├──13-8 使用 stream 模式完成图片上传以及缩略图生成.mp4 45.06M
| └──13-9 高级知识：使用 pipeline替换pipe方法.mp4 53.39M
├──第14章 使用 Docker 完成部署以及 Github Actions 完成 CI、CD
| ├──14-1 导学.mp4 14.10M
| ├──14-10 修改生产环境的配置.mp4 30.09M
| ├──14-11 在服务器部署并且运行.mp4 29.90M
| ├──14-12 本章总结以及提出问题.mp4 12.91M
| ├──14-13 Docker 简介以及安装.mp4 21.09M
| ├──14-14 docker images 镜像操作.mp4 20.14M
| ├──14-15 Docker 容器的基本概念.mp4 20.56M
| ├──14-16 Docker 容器持久化数据.mp4 19.77M
| ├──14-17 使用 Dockerfile 构建镜像.mp4 18.13M
| ├──14-18 使用 Dockerfile 构建并且运行 lego-backend.mp4 23.11M
| ├──14-19 Docker 多个容器互相通信.mp4 24.37M
| ├──14-2 本地环境和生产环境的异同.mp4 38.80M
| ├──14-20 使用 docker-compose 启动服务.mp4 30.44M
| ├──14-21 mongoDB 设置访问权限.mp4 24.68M
| ├──14-22 mongoDB 权限验证第二部分.mp4 25.86M
| ├──14-23 Docker 初始化 MongoDB 数据库操作.mp4 49.38M
| ├──14-24 使用.env 保存 docker 中的敏感信息.mp4 38.80M
| ├──14-25 向 docker-compose 添加 redis 服务并测试.mp4 41.01M
| ├──14-26 Docker Build 优化镜像大小.mp4 25.97M
| ├──14-27 Docker Build 提高构建速度.mp4 29.52M
| ├──14-28 在服务器上运行对应的 docker 容器.mp4 36.61M
| ├──14-29 重学 YAML 语法.mp4 24.31M
| ├──14-3 Node.js Cluster 模式.mp4 30.62M
| ├──14-30 Github Actions 简介和初步使用.mp4 94.60M
| ├──14-31 学习 Github Actions 的进阶知识.mp4 43.71M
| ├──14-32 学习使用 Github Secrets.mp4 71.04M
| ├──14-33 推送镜像到阿里云ACR 并测试.mp4 57.38M
| ├──14-34 优化线上部署流程分析.mp4 32.25M
| ├──14-35 使用 Github Actions Build 和 Push 镜像到 ACR.mp4 76.97M
| ├──14-36 自动部署应用到服务器 第一部分.mp4 86.78M
| ├──14-37 自动部署应用到服务器 第二部分.mp4 58.34M
| ├──14-38 在 actions 中获取提交的基本信息.mp4 99.23M
| ├──14-39 整合流程，完成自动部署以及回滚.mp4 64.13M
| ├──14-4 Node.js Cluster 压力测试对比结果.mp4 39.73M
| ├──14-40 使用 release-it 精简发布流程.mp4 93.84M
| ├──14-41 总结.mp4 27.48M
| ├──14-5 Cluster 进程间的通信.mp4 38.11M
| ├──14-6 Egg.js 启动的不同进程的分类以及特点.mp4 40.73M
| ├──14-7 云服务器设置以及登录最佳实践.mp4 34.68M
| ├──14-8 使用 SSH key 进行免密码登录.mp4 23.44M
| └──14-9 linux 安装必备软件.mp4 36.29M
├──第15章 编辑器组件图层面板功能开发  
|   ├──15-1 前言_.mp4  29.47M
|   ├──15-10 InlineEdit 书写测试用例以及初步功能开发_.mp4  73.22M
|   ├──15-11 添加键盘响应钩子函数_.mp4  51.84M
|   ├──15-12 添加 useClickOutside_.mp4  53.12M
|   ├──15-13 在界面上测试并且改进 InlineEdit 组件_.mp4  51.94M
|   ├──15-14 拖动排序列表的需求分析_.mp4  28.56M
|   ├──15-15 拖拽排序第一部分 添加拖动事件_.mp4  60.12M
|   ├──15-16 拖拽排序第二部分 添加 drop 时排序_.mp4  61.97M
|   ├──15-17 拖动排序第三部分 在拖动时完成排序_.mp4  47.94M
|   ├──15-18 使用 Vue Draggable Next 完成排序_.mp4  53.38M
|   ├──15-19 EditGroup 需求分析_.mp4  34.47M
|   ├──15-2 知识回顾_.mp4  64.12M
|   ├──15-20 EditGroup 编码第一部分_.mp4  66.75M
|   ├──15-21 EditGroup 编码第二部分：数据转换成界面_.mp4  51.69M
|   ├──15-22 页面设置编码第一部分_.mp4  36.59M
|   ├──15-23 BackgroundProcesser 组件编码第一部分_.mp4  51.22M
|   ├──15-24 使用正则获取文件名称_.mp4  52.91M
|   ├──15-25 页面设置完成更新背景图片逻辑_.mp4  54.00M
|   ├──15-26 总结_.mp4  33.38M
|   ├──15-3 选择 CropperJS 作为图片裁剪库_.mp4  38.44M
|   ├──15-4 初始化 Cropper 区域_.mp4  57.69M
|   ├──15-5 使用阿里云 OSS 完成图片裁剪功能_.mp4  69.53M
|   ├──15-6 使用 Cropper.js 获取裁剪图片数据_.mp4  46.38M
|   ├──15-7 方法二：完成裁剪后重新上传图片_.mp4  35.97M
|   ├──15-8 分析图层设置的需求和实现_.mp4  40.16M
|   └──15-9 图层列表设置锁定和隐藏_.mp4  77.97M
├──第16章 让元素动起来 - 编辑器画布交互功能开发  
|   ├──16-1 十九周导学_.mp4  24.00M
|   ├──16-10 快捷键需求分析_.mp4  38.09M
|   ├──16-11 快捷键编码第一部分：创建 useHotKeys_.mp4  41.81M
|   ├──16-12 快捷键编码第二部分：添加 muations 完成操作_.mp4  56.78M
|   ├──16-13 快捷键编码第三部分：添加移动元素的快捷键_.mp4  54.69M
|   ├──16-14 快捷键编码第四部分：添加高级函数阻止默认行为_.mp4  47.91M
|   ├──16-15 尽善尽美 补充新的 mutations 的测试_.mp4  53.50M
|   ├──16-16 撤销重做需求分析_.mp4  40.50M
|   ├──16-17 撤销重做编码第一部分：添加历史记录_.mp4  46.88M
|   ├──16-18 撤销重做编码第二部分：根据不同情况添加处理_.mp4  64.22M
|   ├──16-19 撤销重做编码第三部分：根据当前情况添加测试_.mp4  55.09M
|   ├──16-2 拖动移动元素的原理分析_.mp4  37.41M
|   ├──16-20 中期界面测试以及发现需要改进的点_.mp4  56.69M
|   ├──16-21 进阶：撤销重做支持一次处理多个数据_.mp4  51.66M
|   ├──16-22 进阶：撤销重做支持一次处理多个数据 第二部分_.mp4  35.06M
|   ├──16-23 进阶：撤销重做支持函数防抖_.mp4  53.94M
|   ├──16-24 进阶：撤销重做支持最大历史条目数_.mp4  46.31M
|   ├──16-25 撤销重做小结以及剩下的改进_.mp4  44.06M
|   ├──16-26 右键菜单需求分析_.mp4  23.38M
|   ├──16-27 右键菜单编码第一部分：添加右键菜单组件_.mp4  55.91M
|   ├──16-28 右键菜单第二部分：函数式的创建组件_.mp4  46.03M
|   ├──16-29 右键菜单第三部分：插件化右键菜单_.mp4  47.84M
|   ├──16-3 拖动移动元素第一部分：计算偏移量_.mp4  50.97M
|   ├──16-30 右键菜单 第四部分：删除组件实例的方法_.mp4  36.88M
|   ├──16-31 总结_.mp4  36.56M
|   ├──16-4 拖动移动第二部分： 实现元素移动_.mp4  57.56M
|   ├──16-5 拖动移动第三部分： 更新元素属性_.mp4  35.19M
|   ├──16-6 拖动改变大小的原理_.mp4  49.16M
|   ├──16-7 拖动改变大小 第一部分： 实现右下方拖拽大小_.mp4  63.03M
|   ├──16-8 拖拽改变大小 编码第二部分： 实现四个角拖拽大小_.mp4  66.41M
|   └──16-9 拖动改变大小 编码第三部分：发射事件 更新属性_.mp4  51.66M
├──第17章 前后端结合 - 编辑器整合后端接口  
|   ├──17-1 章导学_.mp4  29.53M
|   ├──17-10 使用 AForm 完成提交时验证的两种方法_.mp4  37.19M
|   ├──17-11 完成获取验证码的功能_.mp4  43.72M
|   ├──17-12 完成用户登陆过程_.mp4  67.44M
|   ├──17-13 使用高阶函数 actionWrapper 包装 action 通用逻辑_.mp4  53.94M
|   ├──17-14 AForm 源代码解析 ：Form 组件 和 FormItem 完成验证_.mp4  64.41M
|   ├──17-15 AForm 源代码解析 ：使用 useForm 完成验证_.mp4  42.00M
|   ├──17-16 添加全局读取状态 - 整体通用读取状态_.mp4  54.00M
|   ├──17-17 添加全局读取状态 - 细粒度读取状态_.mp4  46.53M
|   ├──17-18 处理全局错误处理_.mp4  50.59M
|   ├──17-19 将全局读取和错误添加至根组件_.mp4  42.78M
|   ├──17-2 前后端分离开发简介_.mp4  50.03M
|   ├──17-20 登陆状态持久化_.mp4  53.16M
|   ├──17-21 路由权限验证 第一部分 - 功能分析_.mp4  34.97M
|   ├──17-22 路由权限验证 第二部分 - 编码实现_.mp4  60.97M
|   ├──17-23 编辑器获取作品 第一部分 - 发送并且改进 action_.mp4  68.78M
|   ├──17-24 编辑器获取作品 第二部分 - 根据数据渲染至画布_.mp4  44.94M
|   ├──17-25 添加编辑器 Header_.mp4  40.25M
|   ├──17-26 保存作品数据_.mp4  43.97M
|   ├──17-27 添加自动保存功能_.mp4  47.91M
|   ├──17-28 跳转路由前提示保存_.mp4  33.41M
|   ├──17-29 提取和整合保存作品逻辑_.mp4  35.09M
|   ├──17-3 分析后端接口和需求_.mp4  51.44M
|   ├──17-30 总结_.mp4  35.41M
|   ├──17-4 使用 vuex action 发送请求_.mp4  63.66M
|   ├──17-5 JSON server 的简介和安装使用_.mp4  33.94M
|   ├──17-6 JSON server 自定义接口URL 和 返回数据结构_.mp4  49.16M
|   ├──17-7 JSON Server 实现 JWT 验证 - 生成 token_.mp4  53.84M
|   ├──17-8 JSON Server 实现 JWT 验证 - 实现路由保护_.mp4  35.00M
|   └──17-9 使用 AForm 完成表单验证_.mp4  57.97M
├──第18章 整合开发 B 端其他页面的各种功能  
|   ├──18-1 发布作品需求分析_.mp4  44.50M
|   ├──18-10 添加 usePublishWork_.mp4  44.47M
|   ├──18-11 创建和删除渠道_.mp4  76.84M
|   ├──18-12 使用 qrcode 将渠道链接生成二维码_.mp4  53.59M
|   ├──18-13 watch 数组的陷阱：新添加的渠道生成二维码_.mp4  52.88M
|   ├──18-14 使用Clipboard.js 实现内容的拷贝_.mp4  43.59M
|   ├──18-15 拷贝文本的原理_.mp4  39.66M
|   ├──18-16 完成copyToClipBoard编码_.mp4  37.22M
|   ├──18-17 PreviewForm 预览组件第一部分_.mp4  37.56M
|   ├──18-18 PreviewForm 预览组件第二部分_.mp4  58.12M
|   ├──18-19 剩余页面需求分析_.mp4  41.53M
|   ├──18-2 前后端分离开发简介_.mp4  50.03M
|   ├──18-20 useLoadMore 编码第一部分：改造 actionWrapper 支持 queryParams_.mp4  58.44M
|   ├──18-21 useLoadMore 编码第二部分：实现基本功能_.mp4  49.25M
|   ├──18-22 useLoadMore编码第三部分 - 页面实践以及支持无限滚动加载_.mp4  56.97M
|   ├──18-23 useLoadMore编码第四部分 - 创建我的作品页以及发现新的问题_.mp4  48.88M
|   ├──18-24 useLoadMore 编码第五部分 - 数据驱动界面，改造成分页组件_.mp4  53.56M
|   ├──18-25 下载图片原理编码第一部分_.mp4  44.00M
|   ├──18-26 下载文件原理编码第二部分_.mp4  47.59M
|   ├──18-3 html2canvas 获取截图_.mp4  47.12M
|   ├──18-4 html2canvas 踩坑修正 bug_.mp4  52.88M
|   ├──18-5 完成截图并且上传文件_.mp4  70.88M
|   ├──18-6 html2canvas的基本原理_.mp4  28.97M
|   ├──18-7 html2canvas 原理简单编码实现_.mp4  36.00M
|   ├──18-8 完成发布流程_.mp4  42.31M
|   └──18-9 发布后创建渠道_.mp4  57.12M
├──第19章 整大型项目的编译，部署以及性能优化  
|   ├──19-1 前言_.mp4  25.69M
|   ├──19-10 动手写一个 Webpack plugins 第一部分_.mp4  47.34M
|   ├──19-11 动手写一个 Webpack plugins 第二部分_.mp4  42.25M
|   ├──19-12 vue.config.js 简介_.mp4  62.00M
|   ├──19-13 安装 webpack-bundle-analyzer 插件_.mp4  48.09M
|   ├──19-14 webpack 打包优化第一部分：移除不需要的第三方库_.mp4  49.06M
|   ├──19-15 webpack 打包优化第二部分：按需加载 ant-design-vue_.mp4  51.78M
|   ├──19-16 webpack 打包优化第三部分：分析第三方库继续优化的方案_.mp4  45.31M
|   ├──19-17 手动分割第三方库成多个文件_.mp4  57.34M
|   ├──19-18 按照模块大小自动分割第三方库_.mp4  43.59M
|   ├──19-19 实现路由懒加载_.mp4  54.53M
|   ├──19-2 开发，预生产，生产环境的概念_.mp4  49.22M
|   ├──19-20 使用 chainWebpack 修改 webpack 已有配置_.mp4  44.28M
|   ├──19-21 部署的概念_.mp4  37.78M
|   ├──19-22 nginx 安装和简单配置_.mp4  49.62M
|   ├──19-23 HTTP 缓存设置第一部分：Expires 和 Cache-Control_.mp4  50.84M
|   ├──19-24 HTTP 缓存设置第二部分：Etag 和 Last-Modified_.mp4  41.31M
|   ├──19-25 使用 gzip 压缩对应的 HTTP 请求资源_.mp4  37.72M
|   ├──19-26 使用 Brotli 完成 HTTP 压缩优化_.mp4  39.31M
|   ├──19-27 直接生成压缩静态文件并配置 nginx 的 gzip_static 支持_.mp4  51.81M
|   ├──19-28 使用 keep-alive 减少多次 TCP 连接_.mp4  45.06M
|   ├──19-29 使用 HTTP2 大幅提升加载速度_.mp4  44.53M
|   ├──19-3 使用 vue cli 生成生产环境代码_.mp4  47.59M
|   ├──19-30 周总结_.mp4  32.78M
|   ├──19-4 Vue CLI 中模式的概念以及简单使用_.mp4  42.94M
|   ├──19-5 使用环境变量文件 第一部分_.mp4  42.19M
|   ├──19-6 环境变量设置第二部分 创建预发布环境变量文件_.mp4  45.72M
|   ├──19-7 Webpack 基本概念回顾_.mp4  69.44M
|   ├──19-8 动手写一个 Webpack Loader 第一部分_.mp4  44.25M
|   └──19-9 动手写一个 Webpack Loader 第二部分_.mp4  51.81M
├──第1章 课程简介
| └──1-1 课程导学.mp4 50.91M
├──第2章 课程设计—需求分析和架构设计：做什么，如何做？
| ├──2-1 需求分析-了解软件开发生命周期.mp4 16.36M
| ├──2-2 宏观需求分析.mp4 28.87M
| ├──2-3 技术整体架构 – 几个项目，项目的关系.mp4 21.00M
| └──2-4 技术整体架构 – 核心内容分析.mp4 43.08M
├──第3章 B端项目需求分析 和 架构设计
| ├──3-1 章简介.mp4 11.85M
| ├──3-10 总体架构.mp4 35.72M
| ├──3-2 引子：突破瓶颈，前端破局之路.mp4 21.25M
| ├──3-3 需求分析.mp4 50.14M
| ├──3-4 项目难点分析.mp4 42.38M
| ├──3-5 组件库难点解决方案.mp4 30.20M
| ├──3-6 编辑器难点解析一.mp4 37.27M
| ├──3-7 编辑器难点解析二.mp4 51.88M
| ├──3-8 技术选型 – typescript.mp4 32.86M
| └──3-9 技术选型 – vue 和 react.mp4 38.31M
├──第4章 前端基础技术回顾和巡礼
| ├──4-1 什么是 Typescript 为什么要学习它.mp4 31.71M
| ├──4-10 泛型（Generics） 第二部分 – 约束泛型.mp4 25.23M
| ├──4-11 新泛型第三部分 – 泛型在类和接口中的使用.mp4 36.82M
| ├──4-12 类型别名，字面量 和 交叉类型.mp4 21.39M
| ├──4-13 声明文件 第一部分.mp4 58.01M
| ├──4-14 声明文件 第二部分.mp4 39.72M
| ├──4-15 内置类型.mp4 44.42M
| ├──4-16 Vue3 学习导学.mp4 5.80M
| ├──4-17 使用 vite 创建项目.mp4 46.49M
| ├──4-18 文件结构以及推荐插件.mp4 74.28M
| ├──4-19 ESLint 简介和初步使用.mp4 66.44M
| ├──4-2 安装 Typescript.mp4 27.32M
| ├──4-20 ESLint 配合 Vite 设置更多规则.mp4 89.51M
| ├──4-21 响应式基础 – Ref 和 Reactive.mp4 62.21M
| ├──4-22 computed 计算属性.mp4 44.69M
| ├──4-23 watch 监听器.mp4 91.11M
| ├──4-24 生命周期和模版引用.mp4 72.71M
| ├──4-25 组件基础-属性.mp4 78.76M
| ├──4-26 组件自定义事件.mp4 45.10M
| ├──4-27 组合式函数.mp4 63.88M
| ├──4-28 创建 useURLLoader.mp4 96.30M
| ├──4-29 useURLLoader 第二部分.mp4 47.19M
| ├──4-3 原始数据类型和 Any 类型.mp4 20.01M
| ├──4-30 setup语法第一部分.mp4 47.30M
| ├──4-31 setup 语法第二部分.mp4 55.59M
| ├──4-32 依赖注入第一部分.mp4 61.58M
| ├──4-33 依赖注入第二部分.mp4 46.29M
| ├──4-34 Vue3.3 更新简介.mp4 71.11M
| ├──4-4 数组和元组.mp4 18.41M
| ├──4-5 Interface- 接口 初探.mp4 12.01M
| ├──4-6 函数.mp4 19.07M
| ├──4-7 类型推论 联合类型和 类型断言.mp4 25.76M
| ├──4-8 枚举（Enum）.mp4 25.16M
| └──4-9 泛型（Generics） 第一部分.mp4 25.57M
├──第5章 项目整体搭建
| ├──5-1 本章导学.mp4 11.08M
| ├──5-10 安装 ant-design-vue 组件库.mp4 28.82M
| ├──5-11 使用 ant-design-vue 搭建页面框架.mp4 46.84M
| ├──5-12 SPA 路由的基本原理.mp4 35.90M
| ├──5-13 添加配置 Vue Router.mp4 29.51M
| ├──5-14 使用 Vue Router 钩子函数获取路由信息和跳转.mp4 39.52M
| ├──5-15 (打点区间内字小) 使用 Vue Router 元数据和嵌套路由解决不同模版结构.mp4 32.74M
| ├──5-16 什么是状态管理工具.mp4 25.82M
| ├──5-17 Vuex 安装和基础使用.mp4 20.94M
| ├──5-18 Vuex 结合整个应用.mp4 39.22M
| ├──5-19 Vuex 添加 mutations 和 getters.mp4 38.83M
| ├──5-2 大话前端工具链.mp4 33.75M
| ├──5-20 使用 Module 分割 Vuex 模块.mp4 32.63M
| ├──5-21 总结.mp4 19.11M
| ├──5-3 使用 Imooc CLI 创建项目.mp4 24.44M
| ├──5-4 小花絮：Vue CLI 对战 Vite.mp4 22.34M
| ├──5-5 使用 ESLint 添加代码规范.mp4 24.03M
| ├──5-6 深入 ESLint 配置文件.mp4 28.88M
| ├──5-7 小花絮：使用 Prettier 自动格式化代码.mp4 31.42M
| ├──5-8 项目结构规范.mp4 20.25M
| └──5-9 了解 Git Flow 标准.mp4 32.23M
├──第6章 编辑器基本布局，及业务组件库初步开发
| ├──6-1 本章导学.mp4 13.07M
| ├──6-10 添加更多简单对应关系并展示.mp4 25.27M
| ├──6-11 添加更多复杂对应关系并展示.mp4 33.73M
| ├──6-12 分析展示和编辑属性的“金科玉律.mp4 16.89M
| ├──6-13 添加编辑表单并更新界面 第二部分.mp4 29.90M
| ├──6-14 提出优化需求，以及组件返回的真相.mp4 26.45M
| ├──6-15 将文本转换为 vNode.mp4 25.88M
| ├──6-16 方案一：使用 JSX 重写 PropsTable 组件.mp4 38.59M
| ├──6-17 方案二：使用 render 函数实现桥梁.mp4 17.95M
| ├──6-18 本章重点内容回顾和总结.mp4 24.89M
| ├──6-2 将编辑器数据结构添加至 vuex store.mp4 31.52M
| ├──6-3 LText 组件初步实现.mp4 33.66M
| ├──6-4 LText 添加通用属性.mp4 40.22M
| ├──6-5 LText 使用 hooks 重用逻辑.mp4 31.80M
| ├──6-6 （标记处有什么东西在叫）完成点击模版列表添加到画布的行为.mp4 35.13M
| ├──6-7 为业务组件属性添加类型的利弊.mp4 20.33M
| ├──6-8 获取正在编辑的元素的属性.mp4 47.30M
| └──6-9 添加属性和表单的基础对应关系并展示.mp4 45.84M
├──第7章 掌握测试基本工具，给组件库添加单元测试
| ├──7-1 本章导学.mp4 7.62M
| ├──7-10 测试组件：触发事件，更新表单，验证事件.mp4 47.52M
| ├──7-11 测试组件：异步请求.mp4 49.18M
| ├──7-12 测试通用准备和清理.mp4 41.76M
| ├──7-13 测试中 mock 全局组件的实现.mp4 37.43M
| ├──7-14 模拟第三方库实现的三种”药方“ – 第一部分.mp4 43.06M
| ├──7-15 模拟第三方库实现的三种”药方“ – 第二部分.mp4 37.47M
| ├──7-16 单独测试 Vuex store.mp4 52.63M
| ├──7-17 什么是 TDD 的开发方式.mp4 19.98M
| ├──7-18 TDD 第一步：编写测试用例.mp4 54.91M
| ├──7-19 TDD 第二布：编写代码实现.mp4 47.42M
| ├──7-2 为什么要有测试.mp4 14.81M
| ├──7-20 TDD 第三步：和应用整合.mp4 18.30M
| ├──7-21 第十一周重点内容回顾和总结.mp4 18.09M
| ├──7-3 Jest 简介.mp4 23.39M
| ├──7-4 Jest 实现异步测试.mp4 24.12M
| ├──7-5 Jest mock 函数测试.mp4 24.77M
| ├──7-6 Jest mock 第三方模块实现.mp4 37.78M
| ├──7-7 Jest mock Timers.mp4 27.05M
| ├──7-8 配置测试开发环境.mp4 32.58M
| └──7-9 测试组件：渲染和元素获取.mp4 32.55M
├──第8章 通用上传组件开发以及使用
| ├──8-1 本章导学.mp4 14.60M
| ├──8-10 测试驱动开发 – 完成上传前检查的特性.mp4 67.37M
| ├──8-11 中期回顾完成情况和新的需求.mp4 22.40M
| ├──8-12 新的开发方式：添加拖动上传编码.mp4 47.02M
| ├──8-13 添加拖动上传测试.mp4 52.78M
| ├──8-14 Vue3 世界中的三种实例.mp4 41.88M
| ├──8-15 Vue3 中组件通信的四种方法.mp4 55.45M
| ├──8-16 Element Plus Upload 组件源码分析第一部分.mp4 33.83M
| ├──8-17 Element Plus Upload 组件源码分析第二部分.mp4 24.49M
| ├──8-18 本地图片预览的两种方式.mp4 41.28M
| ├──8-19 Jest 浏览器环境之谜.mp4 36.63M
| ├──8-2 上传组件需求分析（加片头）.mp4 31.15M
| ├──8-20 将上传组件添加到左侧组件列表.mp4 25.33M
| ├──8-21 上传图片后将图片组件添加到编辑器.mp4 24.23M
| ├──8-22 扩展知识：Element 类型家族之间的关系.mp4 44.18M
| ├──8-23 通过 Image 构造函数获取图片的原始大小.mp4 36.14M
| ├──8-24 章总结.mp4 20.81M
| ├──8-3 上传文件的原理.mp4 44.89M
| ├──8-4 万事开头难 – 编码基本流程.mp4 42.29M
| ├──8-5 上传基本流程的测试编写.mp4 46.28M
| ├──8-6 编写上传文件列表功能的测试用例.mp4 46.29M
| ├──8-7 根据测试实现上传文件列表功能.mp4 72.21M
| ├──8-8 编写自定义模版功能的测试用例.mp4 40.00M
| └──8-9 根据测试完成自定义模版功能.mp4 41.45M
├──第9章 业务组件库打包、发布，添加 CI、CD
| ├──9-1 本章导学.mp4 16.56M
| ├──9-10 Rollup 配置文件和插件.mp4 17.54M
| ├──9-11 添加 Vue Plugin.mp4 32.57M
| ├──9-12 添加 Typescript Plugin.mp4 40.54M
| ├──9-13 尝试打包入口文件.mp4 48.50M
| ├──9-14 生成两种格式的模块文件.mp4 23.75M
| ├──9-15 使用 npm link 本地测试组件库.mp4 36.32M
| ├──9-16 分析 Element Plus 的打包过程.mp4 50.07M
| ├──9-17 扩展知识 – Rollup 插件开发的简单原理.mp4 46.82M
| ├──9-2 Javascript 模块化历史.mp4 22.83M
| ├──9-3 打包工具的根本作用.mp4 18.86M
| ├──9-4 Webpack 对阵 Rollup.mp4 27.70M
| ├──9-5 打包什么类型的模块.mp4 21.49M
| ├──9-6 花絮 – Snowpack 另类打包工具 简介.mp4 34.05M
| ├──9-7 创建组件库基本代码结构.mp4 20.88M
| ├──9-8 Vue 插件系统简介.mp4 23.71M
| └──9-9 创建入口文件.mp4 18.31M
└──课程源码+电子书
| ├──电子书（mhtml版，浏览器打开）
| | ├──10-1 本周导学.mhtml 1012.19kb
| | ├──10-10 MongoDB 索引以及聚合.mhtml 1.34M
| | ├──10-11 Mongoose 的概念以及简单使用.mhtml 1019.13kb
| | ├──10-12 本周总结.mhtml 1010.83kb
| | ├──10-2 技术方案设计 – 接口设计.mhtml 1020.36kb
| | ├──10-3 Node.js 后端框架调研.mhtml 1.15M
| | ├──10-4 技术选型 – 使用 Egg.js 和 Typesc.mhtml 1013.62kb
| | ├──10-5 Egg.js 的基础知识.mhtml 1.01M
| | ├──10-6 数据库选型.mhtml 916.87kb
| | ├──10-7 MongoDB 安装.mhtml 1022.72kb
| | ├──10-8 Mongo Shell 的基本用法.mhtml 1011.74kb
| | ├──10-9 MongoDB 结合 Node.mhtml 1019.04kb
| | ├──11-1 本周介绍.mhtml 1013.02kb
| | ├──11-2 数据验证，规范错误信息，以及加密方案选择.mhtml 1.07M
| | ├──11-3 用户认证的方式 Session 以及 JWT.mhtml 1.09M
| | ├──11-4 使用 OAuth2 完成用户登录.mhtml 1.04M
| | ├──11-5 装饰器 Decorator.mhtml 1.21M
| | ├──11-6 本周总结.mhtml 1010.80kb
| | ├──12-1 本周导学.mhtml 1013.44kb
| | ├──12-2 上传文件的原理.mhtml 1018.65kb
| | ├──12-3 Stream 的基础知识学习.mhtml 1.10M
| | ├──12-4 使用阿里云 OSS 完成上传.mhtml 735.68kb
| | ├──12-5 SSR 渲染作品页面.mhtml 747.77kb
| | ├──12-6 基于 RBAC 的权限验证.mhtml 1.02M
| | ├──12-7 本周总结.mhtml 1014.09kb
| | ├──13-1 本周导学.mhtml 1014.50kb
| | ├──13-2 传统部署模式.mhtml 942.22kb
| | ├──13-3 云服务器调研以及 linux 主机配置.mhtml 1.01M
| | ├──13-4 Docker 简介以及基础知识.mhtml 1.04M
| | ├──13-5 Docker compose 基础以及进阶.mhtml 1.00M
| | ├──13-6 Github Actions 简介.mhtml 1.20M
| | ├──13-7 Github Actions 完成自动部署.mhtml 1020.89kb
| | ├──13-8 周总结.mhtml 1013.86kb
| | ├──14-1 本周导学.mhtml 1012.81kb
| | ├──14-2 选择图片裁剪工具.mhtml 1010.19kb
| | ├──14-3 Cropper.js 的基本使用以及裁剪并上传.mhtml 746.97kb
| | ├──14-4 图层设置需求分析.mhtml 1013.64kb
| | ├──14-5 列表排序的演示和需求分析.mhtml 1012.16kb
| | ├──14-6 拖动排序功能开发.mhtml 740.54kb
| | ├──14-7 本周总结.mhtml 736.72kb
| | ├──15-1 本周导学.mhtml 1012.15kb
| | ├──15-2 拖动移动元素.mhtml 1.02M
| | ├──15-3 拖动改变大小.mhtml 1.03M
| | ├──15-4 快捷键.mhtml 1011.00kb
| | ├──15-5 回滚和重做.mhtml 1015.63kb
| | ├──15-6 右键菜单.mhtml 1013.41kb
| | ├──15-7 本周总结.mhtml 1011.89kb
| | ├──16-1 本周导学.mhtml 1012.81kb
| | ├──16-2 前后端分离开发的概念.mhtml 863.71kb
| | ├──16-3 需求以及接口分析.mhtml 1011.28kb
| | ├──16-4 Mock Server的选择和搭建.mhtml 1.14M
| | ├──16-5 持久化以及路由验证.mhtml 1.42M
| | ├──16-6 本周总结.mhtml 1010.64kb
| | ├──17-1 本周导学.mhtml 1012.65kb
| | ├──17-2 发布作品需求分析.mhtml 1012.15kb
| | ├──17-3 html2canvas 的使用和原理.mhtml 1017.11kb
| | ├──17-4 使用 Clipboard.js 复制到剪贴板的原理.mhtml 1012.09kb
| | ├──17-5 分析 B 端剩余的需求.mhtml 1012.73kb
| | ├──17-6 FileSaver.js 的使用以及下载文件的原理.mhtml 1014.66kb
| | ├──17-7 本周总结.mhtml 1012.69kb
| | ├──18-1 本周导学.mhtml 741.21kb
| | ├──18-2 使用Vue Cli编译生产环境代码以及创建不同模式.mhtml 750.10kb
| | ├──18-3 Webpack基础以及Loader和Plugin.mhtml 1016.18kb
| | ├──18-4 修改webpack配置完成打包分析和优化.mhtml 1020.69kb
| | ├──18-5 部署以及 HTTP 优化.mhtml 1.95M
| | ├──18-6 本周总结.mhtml 740.65kb
| | ├──2-1 业务架构-需求分析.mhtml 1.55M
| | ├──2-2 业务架构 – 技术架构设计.mhtml 1.35M
| | ├──3-1 本周导学.mhtml 1014.71kb
| | ├──3-2 引子：突破瓶颈，前端破局之路.mhtml 1015.32kb
| | ├──3-3 需求初步分析.mhtml 1.08M
| | ├──3-4 项目难点分析.mhtml 1016.57kb
| | ├──3-5 业务组件库难点解决方案.mhtml 1.03M
| | ├──3-6 编辑器难点解决方案.mhtml 1.09M
| | ├──3-7 技术选型 – Typescript.mhtml 1.00M
| | ├──3-7 技术选型 – Vue 和 React.mhtml 1005.99kb
| | ├──3-8 总体架构.mhtml 1.03M
| | ├──4-1 本周导学.mhtml 1011.07kb
| | ├──4-10 Composition API 入门.mhtml 981.09kb
| | ├──4-11 深入响应式对象.mhtml 1013.75kb
| | ├──4-12 副作用.mhtml 1012.95kb
| | ├──4-13 逻辑重用.mhtml 1010.77kb
| | ├──4-14 Vue3 小结.mhtml 1014.49kb
| | ├──4-2 typescript 基础.mhtml 1023.60kb
| | ├──4-3 interface 和 class.mhtml 1023.12kb
| | ├──4-4 类和接口.mhtml 1.00M
| | ├──4-5 泛型.mhtml 1.00M
| | ├──4-6 泛型和 interface.mhtml 1018.61kb
| | ├──4-7 源码解析 深入泛型.mhtml 1022.48kb
| | ├──4-8 声明文件.mhtml 1012.96kb
| | ├──4-9 vue3 新特性和推出的原因.mhtml 1.23M
| | ├──5-1 本周导学.mhtml 1014.32kb
| | ├──5-10 安装 ant-design-vue 组件库.mhtml 1022.14kb
| | ├──5-11 SPA 路由的基本原理.mhtml 1011.90kb
| | ├──5-12 什么是状态管理工具.mhtml 1.02M
| | ├──5-13 Vuex 安装和基础使用.mhtml 1.04M
| | ├──5-14 本周总结.mhtml 1012.51kb
| | ├──5-2 大话前端工具链.mhtml 1014.94kb
| | ├──5-3 使用 Imooc CLI 新建项目.mhtml 830.06kb
| | ├──5-4 小花絮 – Vue CLI vs Vite.mhtml 1012.43kb
| | ├──5-5 使用 ESLint 添加代码规范.mhtml 1012.33kb
| | ├──5-6 深入 ESLint 配置文件.mhtml 1016.90kb
| | ├──5-7 小花絮：使用 Prettier 自动格式化.mhtml 1017.84kb
| | ├──5-8 项目结构规范.mhtml 1012.78kb
| | ├──5-9 了解 Git Flow 标准.mhtml 1.17M
| | ├──6-1 本周导学.mhtml 1013.48kb
| | ├──6-2 本周总结.mhtml 1013.38kb
| | ├──7-1 本周导学.mhtml 1011.86kb
| | ├──7-10 测试中 mock 全局组件的实现.mhtml 1009.61kb
| | ├──7-11 单独测试 Vuex store.mhtml 1010.95kb
| | ├──7-12 什么是 TDD 开发方式？.mhtml 768.97kb
| | ├──7-13 TDD 的特点.mhtml 935.43kb
| | ├──7-14 本周总结.mhtml 1013.06kb
| | ├──7-2 为什么要有测试.mhtml 1.02M
| | ├──7-3 测试框架 Jest 简介.mhtml 1011.55kb
| | ├──7-4 Jest 实现 Mock.mhtml 1010.11kb
| | ├──7-5 Jest Mock Timers.mhtml 1009.80kb
| | ├──7-6 配置测试开发环境.mhtml 1014.83kb
| | ├──7-7 测试组件基本知识点.mhtml 914.23kb
| | ├──7-8 组件测试异步请求.mhtml 1009.60kb
| | ├──7-9 测试通用准备和清理.mhtml 1012.03kb
| | ├──8-1 本周导学.mhtml 1013.69kb
| | ├──8-2 上传组件需求以及开发流程.mhtml 1016.40kb
| | ├──8-3 上传文件的基本方式.mhtml 1015.48kb
| | ├──8-4 Uploader 重构的基本步骤.mhtml 1.08M
| | ├──8-5 Vue3 世界中的三种实例.mhtml 1017.96kb
| | ├──8-6 Vue3 中组件通信的四种方法.mhtml 1.04M
| | ├──8-7 Element Plus Upload 源码分析.mhtml 1011.55kb
| | ├──8-8 扩展知识：Element 类型家族之间的关系.mhtml 1.01M
| | ├──8-8 图片预览的方式.mhtml 1013.51kb
| | ├──8-9 本周总结.mhtml 1.05M
| | ├──9-1 课程导学.mhtml 1012.77kb
| | ├──9-10 添加 typescript plugin.mhtml 1010.98kb
| | ├──9-11 npm 简介和 package.json 的设置.mhtml 1012.08kb
| | ├──9-12 发布或者提交前检查代码质量和测试结果.mhtml 737.19kb
| | ├──9-13 CI_CD 的概念.mhtml 949.85kb
| | ├──9-14 Travis 配置过程.mhtml 1010.95kb
| | ├──9-15 本周总结.mhtml 1011.27kb
| | ├──9-2 Javascript 模块发展历史.mhtml 754.32kb
| | ├──9-3 打包工具的根本作用.mhtml 1012.91kb
| | ├──9-4 Webpack 对阵 Rollup.mhtml 1.05M
| | ├──9-5 打包什么类型的文件？.mhtml 1015.21kb
| | ├──9-6 花絮 – Snowpack 另类打包工具.mhtml 1.17M
| | ├──9-7 Vue 插件系统简介.mhtml 1010.13kb
| | ├──9-8 创建入口文件.mhtml 1012.99kb
| | └──9-9 Rollup 配置文件和插件.mhtml 1008.93kb
| ├──learn-mongo-master.zip 36.09kb
| ├──learn-typescript-master.zip 8.08kb
| ├──lego-admin-master.zip 160.13kb
| ├──lego-backend-master.zip 375.31kb
| ├──lego-bricks-master.zip 124.70kb
| ├──lego-master.zip 328.37kb
| └──vue3-basic-master.zip 56.17kb