Web前端架构师34周全套教程：包含全端全栈全项目讲解和主流企业级项目解决方案讲解
├─第1周 需求分析和架构设计：做什么，如何做？
│ 1-1 课程导学.mp4
│ 1-2 【学习任务】本课程学习目标撰写.png
│ 1-3 【学习任务】学习计划制定.png
│ 2-1 周介绍.mp4
│ 3-1 产品研发流程.mp4
│ 3-2 以架构师的思维分析需求.mp4
│ 3-3 项目浅层需求.mp4
│ 3-4 深度需求.mp4
│ 3-5 需求总结.mp4
│ 4-1 整体架构设计-章介绍.mp4
│ 4-2 分析需要多少个项目.mp4
│ 4-3 需要自研统计服务.mp4
│ 4-4 各个项目之间的关系图.mp4
│ 4-5 作品数据结构设计.mp4
│ 4-6 数据流转关系图.mp4
│ 4-7 技术方案文档的重要性.mp4
│ 4-8 写架构设计文档.mp4
│ 4-9 本章总结以及下一步计划.mp4
│ 5-1 本周总结.mp4
│ 5-2 关于作业和打卡.mp4
│ 5-3 【学习任务】完成《技术方案设计文档》.png
│
├─第2周 脚手架架构设计和框架搭建
│ 1-1 确立本周目标.mp4
│ 1-2 前端研发脚手架imooc-cli核心功能演示.mp4
│ 1-3 脚手架在课程中的定位.mp4
│ 2-1 本章知识脉络和难点解析.mp4
│ 2-2 站在前端研发的视角，分析开发脚手架的必要性.mp4
│ 2-3 从使用角度理解什么是脚手架？.mp4
│ 2-4 脚手架原理讲解（上）.mp4
│ 2-5 脚手架原理讲解（下）.mp4
│ 2-6 脚手架开发流程和难点解析.mp4
│ 2-7 快速入门第一个脚手架.mp4
│ 2-8 脚手架本地调试方法.mp4
│ 2-9 脚手架本地调试标准流程总结.mp4
│ 2-10 脚手架命令注册和参数解析.mp4
│ 2-11 脚手架项目发布.mp4
│ 3-1 本章的收获是什么，难点是什么？.mp4
│ 3-2 原生脚手架开发痛点分析.mp4
│ 3-3 本章重点：lerna简介及脚手架开发流程.mp4
│ 3-4 基于lerna搭建脚手架框架.mp4
│ 3-5 Lerna核心操作.mp4
│ 3-6 Lerna发布流程.mp4
│ 4-1 赚回学费：武装简历、升职加薪.mp4
│ 4-2 lerna源码结构分析和调试技巧.mp4
│ 4-3 Node源码调试过程中必会的小技巧.mp4
│ 4-4 lerna初始化过程源码详细分析.mp4
│ 4-5 【高能知识点】npm项目本地依赖引用方法.mp4
│ 4-6 脚手架框架yargs快速入门.mp4
│ 4-7 yargs高级用法讲解.mp4
│ 4-8 lerna脚手架初始化过程超详细讲解.mp4
│ 4-9 lerna脚手架Command执行过程详解.mp4
│ 4-10 【关键知识复习】javascript事件循环.mp4
│ 4-11 【讨论题】谈一谈 Node和Web的事件循环（EventLoop）机制的异同.png
│ 4-12 import-local执行流程深度分析.mp4
│ 4-13 pkg-dir源码解析（一大波优秀的文件操作库）.mp4
│ 4-14 resolve-from源码解析（彻底搞懂node_modules模块加载逻辑）.mp4
│ 4-15 Node模块加载核心方法_resovleFileName源码深入解析.mp4
│ 4-16 fs模块toRealPath源码深入解析.mp4
│ 4-17 讲一个高难度的正则表达式（想挑战的点进来）.mp4
│ 4-18 大招：如何快速拿到面试“一血”.mp4
│ 5-1 本周总结+作业.mp4
│ 5-3 【学习任务】脚手架架构设计和框架搭建.png
│
├─第3周 脚手架核心流程开发
│ 1-1 本周整体内容介绍和学习方法.mp4
│ 2-1 聊一个很多同学很感兴趣的话题：大厂是如何做项目的？.mp4
│ 2-2 前端研发过程中的痛点和需求分析.mp4
│ 2-3 加餐：大厂的git操作规范是怎样的？.mp4
│ 2-4 高端操作：脚手架架构设计+绘制架构图.mp4
│ 2-5 架构设计图绘图技巧分享.mp4
│ 3-1 脚手架模块拆分策略.mp4
│ 3-2 core模块技术方案.mp4
│ 4-1 脚手架框架代码拆包+import-local应用.mp4
│ 4-2 检查版本号功能开发（require加载资源类型讲解+npmlog封装）.mp4
│ 4-3 最低Node版本检查功能开发.mp4
│ 4-4 root账号启动检查和自动降级功能开发.mp4
│ 4-5 用户主目录检查功能开发.mp4
│ 4-6 入参检查和debug模式开发.mp4
│ 4-7 环境变量检查功能开发.mp4
│ 4-8 通用npm API模块封装.mp4
│ 4-9 npm全局更新功能开发.mp4
│ 5-1 快速实现一个commander脚手架.mp4
│ 5-2 commander脚手架全局配置.mp4
│ 5-3 commander脚手架命令注册的两种方法.mp4
│ 5-4 commander注册命令的两种高级用法.mp4
│ 5-5 再讲3条commander的高级用法.mp4
│ 6-1 通过webpack完成ES Module资源构建.mp4
│ 6-2 通过webpack target属性支持Node内置库.mp4
│ 6-3 webpack loader配置babel-loader支持低版本node.mp4
│ 6-4 通过Node原生支持ES Module.mp4
│ 6-5 【讨论题】聊一聊你对 Webpack babel-loader原理的理解.png
│ 6-6 Node支持ES Module的两种方法总结.mp4
│ 7-1 本周总结+作业.mp4
│ 7-2 【学习任务】练习 commander 命令的使用.png
│
├─第4周 脚手架命令注册和执行过程开发
│ 1-1 本周整体内容介绍和学习方法.mp4
│ 2-1 imooc-cli脚手架初始化+全局参数注册.mp4
│ 2-2 imooc-cli脚手架命令注册.mp4
│ 3-1 当前imooc-cli脚手架架构痛点分析.mp4
│ 3-2 高性能脚手架架构设计.mp4
│ 3-3 脚手架命令动态加载功能架构设计.mp4
│ 4-1 脚手架命令本地调试功能支持.mp4
│ 4-2 动态执行库exec模块创建.mp4
│ 4-3 创建npm模块通用类Package.mp4
│ 4-4 Package类的属性、方法定义及构造函数逻辑开发.mp4
│ 4-5 Package类获取入口文件路径功能开发（pkg-dir应用+解决不同操作系统路径兼容问题）.mp4
│ 4-6 利用npminstall库安装npm模块.mp4
│ 4-7 Package类判断模块是否存在方法开发.mp4
│ 4-8 Package类更新模块逻辑开发.mp4
│ 4-9 Package类获取缓存模块入口文件功能改造.mp4
│ 5-1 进程的基本概念（讲解在操作系统中如何查看进程的嵌套关系）.mp4
│ 5-2 child_process异步方法使用教程（exec&execFile）.mp4
│ 5-3 child_process spawn用法以及与exec&execFile的区别.mp4
│ 5-4 child_process fork用法及父子进程通信机制讲解.mp4
│ 5-5 child_process同步方法使用教程.mp4
│ 5-6 【讨论题】对Node.js cluster模块进行原理分析，说出你的理解.png
│ 6-1 通用脚手架命令Command类封装.mp4
│ 6-2 脚手架参数初始化方法开发.mp4
│ 6-3 利用Node多进程动态执行命令（stdio的inherit属性讲解）.mp4
│ 6-4 生成Node多进程动态执行代码.mp4
│ 6-5 windows操作系统spawn执行命令兼容.mp4
│ 7-1 Node多进程child_process库exec方法源码执行流程分析.mp4
│ 7-2 高能：child_process库exec源码精度.mp4
│ 7-3 深度分析child_process库spawn底层实现.mp4
│ 7-4 child_process事件应用方法详解.mp4
│ 7-5 高难度：深度解析child_process库spawn方法回调原理.mp4
│ 7-6 child_process库fork执行流程分析.mp4
│ 7-7 精化：Node多进程源码总结（想知道结论的同学直接点这里）.mp4
│ 8-1 本周总结+作业.mp4
│ 8-2 【学习任务】 脚手架命令注册的实现.png
│
├─第5周 脚手架创建项目流程设计和开发
│ 1-1 本周整体内容介绍和学习方法.mp4
│ 2-1 脚手架创建项目功能架构背后的思考.mp4
│ 2-2 项目创建前准备阶段架构设计.mp4
│ 2-3 下载项目模板阶段架构设计.mp4
│ 3-1 项目创建准备阶段——判断当前目录是否为空功能开发.mp4
│ 3-2 inquirer基本用法和常用属性入门.mp4
│ 3-3 inquirer其他交互形式演示.mp4
│ 3-4 强制清空当前目录功能开发.mp4
│ 3-5 获取项目基本信息功能开发.mp4
│ 3-6 项目名称和版本号合法性校验.mp4
│ 4-1 下载项目模板功能实现流程分析+egg.js简介.mp4
│ 4-2 imooc-cli后端项目创建.mp4
│ 4-3 通过egg.js框架添加新的API.mp4
│ 4-4 云mongodb开通+本地mongodb调试技巧讲解.mp4
│ 4-5 egg.js接入mongodb方法.mp4
│ 5-1 脚手架初始化项目模板开发.mp4
│ 5-2 脚手架请求项目模板API开发.mp4
│ 5-3 通过环境变量配置默认URL+选择项目模板功能开发.mp4
│ 5-4 基于vue-element-admin开发通用的中后台项目模板.mp4
│ 6-1 脚手架下载项目模板功能开发.mp4
│ 6-2 通过spinner实现命令行loading效果.mp4
│ 6-3 项目模板更新功能调试.mp4
│ 7-1 本章学习路径和学习目标.mp4
│ 7-2 readline的使用方法和实现原理.mp4
│ 7-3 高能：深入讲解readline键盘输入监听实现原理.mp4
│ 7-4 秀操作：手写readline核心实现.mp4
│ 7-5 命令行样式修改的核心原理：ansi转义序列讲解.mp4
│ 7-6 【讨论题】聊聊对readline源码的理解分析.png
│ 7-7 响应式库rxjs快速入门.mp4
│ 7-8 放大招：手写命令行交互式列表组件（上）.mp4
│ 7-9 放大招：手写命令行交互式列表组件（下）.mp4
│ 7-10 inquirer源码执行流程分析.mp4
│ 8-1 本周总结+作业.mp4
│ 8-2 【学习任务】脚手架创建项目流程设计和开发.png
│
├─第6周 脚手架项目和组件初始化开发
│ 1-1 本周整体内容介绍和学习方法.mp4
│ 2-1 脚手架安装项目模板架构设计.mp4
│ 2-2 脚手架组件初始化架构设计.mp4
│ 3-1 ejs模板引擎的三种基本用法.mp4
│ 3-2 ejs模板不同标签用法详解.mp4
│ 3-3 ejs模板几种特殊用法.mp4
│ 3-4 glob用法小结.mp4
│ 4-1 引入项目模板类型和标准安装逻辑开发.mp4
│ 4-2 拷贝项目模板功能开发.mp4
│ 4-3 项目模板安装依赖和启动命令.mp4
│ 4-4 白名单命令检测功能开发.mp4
│ 4-5 项目名称自动格式化功能开发.mp4
│ 4-6 本章核心：ejs动态渲染项目模板.mp4
│ 4-7 init命令直接传入项目名称功能支持.mp4
│ 5-1 慕课乐高组件库模板开发.mp4
│ 5-2 项目和组件模板数据隔离+动态配置ejs ignore.mp4
│ 5-3 获取组件信息功能开发.mp4
│ 5-4 解决组件库初始化过程中各种工程问题.mp4
│ 6-1 自定义项目模板开发.mp4
│ 6-2 自定义模板安装逻辑开发.mp4
│ 6-3 自定义模板上线.mp4
│ 7-1 ejs.compile执行流程分析.mp4
│ 7-2 深入讲解ejs编译原理.mp4
│ 7-3 动态生成Function+with用法讲解.mp4
│ 7-4 ejs compile函数执行流程分析.mp4
│ 7-5 ejs.render和renderFile原理讲解.mp4
│ 8-1 require源码执行流程分析.mp4
│ 8-2 require加载模块原理详解.mp4
│ 8-3 require加载内置模块和四种文件类型原理.mp4
│ 8-4 require缓存机制解析和CommonJS加载主模块原理.mp4
│ 8-5 require原理总结和回顾.mp4
│ 8-6 【讨论题】请谈谈你对Node.js require的理解（面试题）.png
│ 9-1 本周总结+作业.mp4
│ 9-2 【学习任务】脚手架项目和组件初始化开发.png
│
├─第7周 B端项目需求分析和架构设计
│ 1-1 本周简介.mp4
│ 2-1 引子：突破瓶颈，前端破局之路.mp4
│ 2-2 需求分析.mp4
│ 2-3 项目难点分析.mp4
│ 2-4 【讨论题】谈一谈大家目前在公司或者学习生活中，遇到的瓶颈.png
│ 3-1 组件库难点解决方案.mp4
│ 3-2 编辑器难点解析一.mp4
│ 3-3 编辑器难点解析二.mp4
│ 3-4 技术选型 - typescript.mp4
│ 3-5 技术选型 - vue 和 react.mp4
│ 4-1 总体架构.mp4
│ 4-2 【学习任务】完成技术方案设计文档.png
│
├─第8周 前端基础技术回顾和巡礼
│ 1-1 本周导学.mp4
│ 2-1 Typescript 基础知识.mp4
│ 2-2 接口：Interface.mp4
│ 2-3 类和接口.mp4
│ 2-4 泛型基础知识.mp4
│ 2-5 解析源码：泛型和接口.mp4
│ 2-6 源码解析：深入泛型.mp4
│ 2-7 源码解析 ：高级特性.mp4
│ 2-8 源码解析 extends 的妙用.mp4
│ 2-9 定义文件 基础知识.mp4
│ 2-10 定义文件进阶 - 写一个定义文件.mp4
│ 2-11 typescript 总结.mp4
│ 3-1 新特性简介.mp4
│ 3-2 为什么有 composition API.mp4
│ 3-3 composition API 基础知识.mp4
│ 3-4 深入响应式对象 - 追踪变化.mp4
│ 3-5 深入响应式对象 - 存储和触发 effect.mp4
│ 3-6 Vue 副作用处理机制.mp4
│ 3-7 Vue 深入了解 watchEffect.mp4
│ 3-8 Vue 使用 watch 精确控制副作用.mp4
│ 3-9 第一个自定义hooks 函数.mp4
│ 3-10 使用泛型改造自定义函数.mp4
│ 3-11 知识小结.mp4
│ 3-12 【学习任务】为 clipboard.js 库写类型文件.png
│ 3-13 【讨论题】谈谈你对这两种框架 React 和 Vue 的看法.png
│
├─第9周 项目整体搭建
│ 1-1 课程导学.mp4
│ 2-1 大话前端工具链.mp4
│ 2-2 使用 Imooc CLI 创建项目.mp4
│ 2-3 小花絮：Vue CLI 对战 Vite.mp4
│ 3-1 使用 ESLint 添加代码规范.mp4
│ 3-2 深入 ESLint 配置文件.mp4
│ 3-3 小花絮：使用 Prettier 自动格式化代码.mp4
│ 3-4 项目结构规范.mp4
│ 3-5 了解 Git Flow 标准.mp4
│ 3-6 【讨论】聊一聊对于 ESLint 和 Prettier.png
│ 4-1 安装 ant-design-vue 组件库.mp4
│ 4-2 使用 ant-design-vue 搭建页面框架.mp4
│ 4-3 SPA 路由的基本原理.mp4
│ 4-4 添加配置 Vue Router.mp4
│ 4-5 使用 Vue Router 钩子函数获取路由信息和跳转.mp4
│ 4-6 使用 Vue Router 元数据和嵌套路由解决不同模版结构.mp4
│ 5-1 什么是状态管理工具.mp4
│ 5-2 Vuex 安装和基础使用.mp4
│ 5-3 Vuex 结合整个应用.mp4
│ 5-4 Vuex 添加 mutations 和 getters.mp4
│ 5-5 使用 Module 分割 Vuex 模块.mp4
│ 6-1 本周总结.mp4
│ 6-2 【学习任务】 完成《技术规范文档》.png
│
├─第10周 编辑器基本布局，及业务组件库初步开发
│ 1-1 本周导学.mp4
│ 2-1 将编辑器数据结构添加至 vuex store.mp4
│ 2-2 LText 组件初步实现.mp4
│ 2-3 LText 添加通用属性.mp4
│ 2-4 LText 使用 hooks 重用逻辑.mp4
│ 2-5 完成点击模版列表添加到画布的行为.mp4
│ 2-6 为业务组件属性添加类型的利弊.mp4
│ 3-1 获取正在编辑的元素的属性.mp4
│ 3-2 添加属性和表单的基础对应关系并展示.mp4
│ 3-3 添加更多简单对应关系并展示.mp4
│ 3-4 添加更多复杂对应关系并展示.mp4
│ 3-5 分析展示和编辑属性的“金科玉律.mp4
│ 3-6 添加编辑表单并更新界面 第一部分.mp4
│ 3-7 添加编辑表单并更新界面 第二部分.mp4
│ 4-1 提出优化需求，以及组件返回的真相.mp4
│ 4-2 将文本转换为 vNode.mp4
│ 4-3 方案一：使用 JSX 重写 PropsTable 组件.mp4
│ 4-4 方案二：使用 render 函数实现桥梁.mp4
│ 4-5 【讨论题】聊聊 Vue Template 和 JSX 的两种写法的看法.png
│ 5-1 本周重点内容回顾和总结.mp4
│ 5-2 【学习任务】完成删除画布的逻辑.png
│ 5-3 【学习任务】添加更多属性和组件的对应关系.png
│ 5-4 【学习任务】修复在画布中点击组件跳转的问题.png
│
├─第11周 掌握测试基本工具，给组件库添加单元测试
│ 1-1 导学.mp4
│ 2-1 为什么要有测试.mp4
│ 2-2 Jest 简介.mp4
│ 2-3 Jest 实现异步测试.mp4
│ 2-4 Jest mock 函数测试.mp4
│ 2-5 Jest mock 第三方模块实现.mp4
│ 2-6 Jest mock Timers.mp4
│ 2-7 【讨论题】谈谈关于测试.png
│ 3-1 配置测试开发环境.mp4
│ 3-2 测试组件：渲染和元素获取.mp4
│ 3-3 测试组件：触发事件，更新表单，验证事件.mp4
│ 3-4 测试组件：异步请求.mp4
│ 3-5 测试通用准备和清理.mp4
│ 4-1 测试中 mock 全局组件的实现.mp4
│ 4-2 模拟第三方库实现的三种”药方“ - 第一部分.mp4
│ 4-3 模拟第三方库实现的三种”药方“ - 第二部分.mp4
│ 4-4 单独测试 Vuex store.mp4
│ 5-1 什么是 TDD 的开发方式.mp4
│ 5-2 TDD 第一步：编写测试用例.mp4
│ 5-3 TDD 第二布：代码实现.mp4
│ 5-4 TDD 第三步：和应用整合.mp4
│ 6-1 章重点内容回顾和总结.mp4
│ 6-2 【学习任务】完成 IconSwitch 组件的开发，并且为此添加测试.png
│
├─第12周 通用上传组件开发以及使用
│ 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
│ 3-5 测试驱动开发 - 完成上传前检查的特性.mp4
│ 3-6 中期回顾完成情况和新的需求.mp4
│ 4-1 新的开发方式：添加拖动上传编码.mp4
│ 4-2 添加拖动上传测试.mp4
│ 4-3 使用流程图分析代码小的重构.mp4
│ 4-4 添加实例方法的编码和测试.mp4
│ 4-5 【讨论题】谈一谈测试驱动开发.png
│ 5-1 Vue3 世界中的三种实例.mp4
│ 5-2 Vue3 中组件通信的四种方法.mp4
│ 5-3 Element Plus Upload 组件源码分析第一部分.mp4
│ 5-4 Element Plus Upload 组件源码分析第二部分.mp4
│ 5-5 本地图片预览的两种方式.mp4
│ 5-6 Jest 浏览器环境之谜.mp4
│ 6-1 将上传组件添加到左侧组件列表.mp4
│ 6-2 上传图片后将图片组件添加到编辑器.mp4
│ 6-3 扩展知识：Element 类型家族之间的关系.mp4
│ 6-4 通过 Image 构造函数获取图片的原始大小.mp4
│ 6-5 【学习任务】完成 ImageProcesser 组件的开发.png
│ 7-1 周总结.mp4
│
├─第13周 业务组件库打包、发布，添加CI-CD
│ 1-1 周导学.mp4
│ 2-1 Javascript 模块化历史.mp4
│ 2-2 打包工具的根本作用.mp4
│ 2-3 Webpack 对阵 Rollup.mp4
│ 2-4 打包什么类型的模块.mp4
│ 2-5 花絮 - Snowpack 另类打包工具 简介.mp4
│ 3-1 创建组件库基本代码结构.mp4
│ 3-2 Vue 插件系统简介.mp4
│ 3-3 创建入口文件.mp4
│ 4-1 Rollup 配置文件和插件.mp4
│ 4-2 添加 Vue Plugin.mp4
│ 4-3 添加 Typescript Plugin.mp4
│ 4-4 尝试打包入口文件.mp4
│ 4-5 生成两种格式的模块文件.mp4
│ 4-6 使用 npm link 本地测试组件库.mp4
│ 4-7 分析 Element Plus 的打包过程.mp4
│ 4-8 扩展知识 - Rollup 插件开发的简单原理.mp4
│ 5-1 npm 简介和 package.json 的设置.mp4
│ 5-2 使用 npm publish 发布业务组件库.mp4
│ 5-3 给业务组件库添加测试用例.mp4
│ 5-4 发布或者提交前检查代码质量和测试结果.mp4
│ 5-5 什么是 CI CD？ .mp4
│ 5-6 初步配置 travis 完成 CI.mp4
│ 5-7 进一步配置 travis 完成 CD - 自动发布到 npm.mp4
│ 6-1 周总结.mp4
│ 6-2 【讨论题】谈一谈业务组件库的开发.png
│ 6-3 【学习任务】发布自己的业务组件库.png
│
├─第14周 服务端技术选型：磨刀不误砍柴工
│ 1-1 本周开始.mp4
│ 2-1 nodejs框架选型-开始.mp4
│ 2-2 介绍koa2和express.mp4
│ 2-3 介绍egg.js.mp4
│ 2-4 介绍nest.js.mp4
│ 3-1 章开始.mp4
│ 3-2 回顾数据结构设计.mp4
│ 3-3 Mysql 和 Sequelize -1.mp4
│ 3-4 Mysql 和 Sequelize - 2.mp4
│ 3-5 Mongodb和Mongoose.mp4
│ 3-6 Date 和时区.mp4
│ 3-7 Mysql和Mongodb的区别.mp4
│ 3-8 介绍Redis.mp4
│ 3-9 章总结.mp4
│ 4-1 本章开始.mp4
│ 4-2 介绍 Session 登录.mp4
│ 4-3 介绍JWT登录.mp4
│ 4-4 SSO和OAuth2.mp4
│ 4-5 章总结.mp4
│ 5-1 章开始.mp4
│ 5-2 介绍Jest和Mocha.mp4
│ 5-3 为何单元测试难以落实.mp4
│ 5-4 supertest接口测试.mp4
│ 5-5 章总结.mp4
│ 6-1 pm2和nginx-章开始.mp4
│ 6-2 pm2配置和使用.mp4
│ 6-3 pm2日志拆分.mp4
│ 6-4 nginx配置和日志拆分.mp4
│ 6-5 pm2和nginx-章总结.mp4
│ 7-1 开发环境配置.mp4
│ 7-2 周总结.mp4
│
├─第15周 服务端 CI-CD ：github自动化
│ 1-1 周介绍.mp4
│ 2-1 章介绍.mp4
│ 2-2 认识 Github actions.mp4
│ 2-3 Github actions 功能演示.mp4
│ 2-4 Github actions 做自动化测试.mp4
│ 2-5 Github actions 章总结.mp4
│ 3-1 Docker 章介绍.mp4
│ 3-2 认识 Docker.mp4
│ 3-3 启动一个Docker容器.mp4
│ 3-4 Docker容器的进一步演示.mp4
│ 3-5 介绍 Dockerfile 语法.mp4
│ 3-6 用 Dockerfile 构建镜像.mp4
│ 3-7 Docker 章总结.mp4
│ 4-1 docker-compose 章开始.mp4
│ 4-2 docker-compose 配置文件.mp4
│ 4-3 docker-compose 命令演示.mp4
│ 4-4 数据持久化.mp4
│ 4-5 配置 mysql.mp4
│ 4-6 docker-compose 章总结.mp4
│ 5-1 自动发布测试机 - 章开始.mp4
│ 5-2 配置测试机.mp4
│ 5-3 自动发布到测试机-讲解配置.mp4
│ 5-4 自动发布到测试机-功能演示.mp4
│ 5-5 自动发布测试机 - 章总结.mp4
│ 6-1 周总结.mp4
│
├─第16周 编辑器服务端基础 API 开发
│ 1-1 周介绍.mp4
│ 2-1 技术方案设计-章介绍.mp4
│ 2-2 接口设计-整理所有接口.mp4
│ 2-3 接口设计-关于预览和数据统计.mp4
│ 2-4 介绍GraphQL的使用和特点.mp4
│ 2-5 选择Restful API 而非 GraphQL.mp4
│ 2-6 数据库设计-数据表结构.mp4
│ 2-7 数据库设计-代码演示.mp4
│ 2-8 server端架构设计.mp4
│ 2-9 技术方案设计-章总结.mp4
│ 3-1 基础功能开发-章介绍.mp4
│ 3-2 登录功能设计-获取验证码.mp4
│ 3-3 登录功能设计-划重点.mp4
│ 3-4 制定开发规范.mp4
│ 3-5 用户信息接口-获取登录验证码.mp4
│ 3-6 用户信息接口-登录.mp4
│ 3-7 用户信息接口-接口测试.mp4
│ 3-8 作品接口-创建作品.mp4
│ 3-9 作品接口-查询、更新和复制.mp4
│ 3-10 作品接口-接口测试.mp4
│ 3-11 模板接口-代码演示.mp4
│ 3-12 模板接口-接口测试.mp4
│ 3-13 基础功能开发-章总结.mp4
│ 4-1 周总结.mp4
│
├─第17周 编辑器服务端调用第三方服务
│ 1-1 周介绍.mp4
│ 2-1 发布功能-章介绍.mp4
│ 2-2 发布功能的几个要点.mp4
│ 2-3 发布功能-如何防爬.mp4
│ 2-4 发布功能-发布过程的设计.mp4
│ 2-5 发布功能-强制下线.mp4
│ 2-6 发布功能-代码演示.mp4
│ 2-7 发布功能-章总结.mp4
│ 3-1 短信服务-章开始.mp4
│ 3-2 短信服务-调研.mp4
│ 3-3 短信服务-配置.mp4
│ 3-4 短信服务-实验demo.mp4
│ 3-5 短信服务-代码演示.mp4
│ 3-6 短信服务-章总结.mp4
│ 4-1 上传文件到 OSS -章介绍.mp4
│ 4-2 购买和配置OSS.mp4
│ 4-3 阿里云OSS-实验demo.mp4
│ 4-4 快速学习stream 的方法.mp4
│ 4-5 阿里云OSS-代码演示.mp4
│ 4-6 阿里云OSS-章总结.mp4
│ 5-1 内容安全检查-章开始.mp4
│ 5-2 内容安全检查-配置服务.mp4
│ 5-3 内容安全检查-实验demo-检查文本.mp4
│ 5-4 内容安全检查-实验demo-检查图片.mp4
│ 5-5 内容安全检查-代码演示.mp4
│ 5-6 内容安全检查-章总结.mp4
│
├─第18周 编辑器组件图层面板功能开发
│ 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
│
├─第19周 让元素动起来 - 编辑器画布交互功能开发
│ 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-2 撤销重做编码第一部分：添加历史记录.mp4
│ 5-3 撤销重做编码第二部分：根据不同情况添加处理.mp4
│ 5-4 撤销重做编码第三部分：根据当前情况添加测试.mp4
│ 5-5 中期界面测试以及发现需要改进的点.mp4
│ 5-6 进阶：撤销重做支持一次处理多个数据.mp4
│ 5-7 进阶：撤销重做支持一次处理多个数据 第二部分.mp4
│ 5-8 进阶：撤销重做支持函数防抖.mp4
│ 5-9 进阶：撤销重做支持最大历史条目数.mp4
│ 5-10 撤销重做小结以及剩下的改进.mp4
│ 6-1 右键菜单需求分析.mp4
│ 6-2 右键菜单编码第一部分：添加右键菜单组件.mp4
│ 6-3 右键菜单第二部分：函数式的创建组件.mp4
│ 6-4 右键菜单第三部分：插件化右键菜单.mp4
│ 6-5 右键菜单第四部分：删除组件实例的方法.mp4
│ 7-1 十九周总结.mp4
│
├─第20周 前后端结合 - 编辑器整合后端接口
│ 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
│
├─第21周 整合开发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
│
├─22大型项目的编译，部署以及性能优化
│ ├─第1章周介绍
│ │ 1-1第22周前言.mp4
│ │
│ ├─第2章使用VueCli编译生产环境代码以及创建不同模式
│ │ 2-1开发，预生产，生产环境的概念.mp4
│ │ 2-2使用vuecli生成生产环境代码.mp4
│ │ 2-3VueCLI中模式的概念以及简单使用.mp4
│ │ 2-4使用环境变量文件第一部分.mp4
│ │ 2-5环境变量设置第二部分创建预发布环境变量文件.mp4
│ │
│ ├─第3章Webpack的基础回顾以及Loader和Plugin的原
│ │ 3-1Webpack基本概念回顾.mp4
│ │ 3-2动手写一个WebpackLoader第一部分.mp4
│ │ 3-3动手写一个WebpackLoader第二部分.mp4
│ │ 3-4动手写一个Webpackplugins第一部分.mp4
│ │ 3-5动手写一个Webpackplugins第二部分.mp4
│ │
│ ├─第4章修改Vue.config.js配置完成打包分析和优化
│ │ 4-1vue.config.js简介.mp4
│ │ 4-2安装webpack-bundle-analyzer插件.mp4
│ │ 4-3webpack打包优化第一部分：移除不需要的第三方库.mp4
│ │ 4-4webpack打包优化第二部分：按需加载ant-desig.mp4
│ │ 4-5webpack打包优化第三部分：分析第三方库继续优化的方案.mp4
│ │ 4-6手动分割第三方库成多个文件.mp4
│ │ 4-7按照模块大小自动分割第三方库.mp4
│ │ 4-8实现路由懒加载.mp4
│ │ 4-9使用chainWebpack修改webpack已有配置.mp4
│ │
│ ├─第5章部署以及HTTP优化
│ │ 5-1部署的概念.mp4
│ │ 5-2nginx安装和简单配置.mp4
│ │ 5-3HTTP缓存设置第一部分：Expires和Cache-Co.mp4
│ │ 5-4HTTP缓存设置第二部分：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章周总结
│ 6-1第22周总结.mp4
│
├─23基于Vue3SSR渲染作品H5页。
│ ├─第2章技术方案设计
│ │ 2-2回顾此前的技术方案设计.mp4
│ │ 2-3回顾发布功能和url设计.mp4
│ │ 2-4整体设计思路-使用SSR.mp4
│ │ 2-5整体设计思路-使用缓存.mp4
│ │ 2-6整体设计思路-网页前端功能.mp4
│ │ 2-7写技术方案设计文档.mp4
│ │
│ ├─第3章搭建项目环境
│ │ 3-1搭建项目环境-章介绍.mp4
│ │ 3-2回顾biz-edtior-server项目环境.mp4
│ │ 3-3初始化项目环境.mp4
│ │ 3-4连接本地数据库.mp4
│ │ 3-5Dockerfile的配置解读.mp4
│ │ 3-6docker-host访问宿主机（重要）.mp4
│ │ 3-7githubactions自动部署到测试机.mp4
│ │ 3-8搭建项目环境-章总结.mp4
│ │
│ ├─第4章使用Vue3SSR渲染页面
│ │ 4-1Vue3SSR渲染页面-章介绍.mp4
│ │ 4-2开发路由-发布页面.mp4
│ │ 4-3开发路由-controller和cache.mp4
│ │ 4-4Vue3SSR调研.mp4
│ │ 4-5Vue3SSR渲染页面html.mp4
│ │ 4-6px转换为vw.mp4
│ │
│ ├─第5章前端页面功能
│ │ 5-1H5前端功能开发-章介绍.mp4
│ │ 5-2webpack打包静态文件.mp4
│ │ 5-3动态引入打包出来的js和css文件.mp4
│ │ 5-4静态文件上传到CDN.mp4
│ │ 5-5前端功能开发-渠道检查和统计.mp4
│ │ 5-6h5实现事件跳转.mp4
│ │
│ ├─第6章配置微信jssdk
│ │ 6-1微信jssdk配置-章介绍.mp4
│ │ 6-2生成微信jssdk配置的主要流程.mp4
│ │ 6-3生成微信jssdk配置的流程-细节.mp4
│ │ 6-4生成微信jssdk配置的代码演示.mp4
│ │ 6-5微信分享的线下调试方法.mp4
│ │ 6-6微信jssdk配置-章总结.mp4
│ │
│ └─第7章周总结
│ 7-1关于单元测试-留作业.mp4
│ 7-2周总结.mp4
│
├─24自研统计服务，使作品能实现分渠道统计
│ ├─第1章周介绍
│ │ 1-1周介绍.mp4
│ │
│ ├─第2章技术方案设计
│ │ 2-1技术方案设计-章介绍.mp4
│ │ 2-2回顾和事件统计相关的内容.mp4
│ │ 2-3技术方案设计-nginx收集日志.mp4
│ │ 2-4技术方案设计-定时任务.mp4
│ │ 2-5技术方案设计-章总结.mp4
│ │
│ ├─第3章nginx收集日志
│ │ 3-1nginx收集日志-章介绍.mp4
│ │ 3-2nginx安装和配置.mp4
│ │ 3-3linux定时任务crontab.mp4
│ │ 3-4nodejs定时任务node-cron.mp4
│ │ 3-5定时拆分日志文件.mp4
│ │
│ ├─第4章分析日志
│ │ 4-1分析日志计算结果-章介绍.mp4
│ │ 4-2技术方案设计-url参数设计.mp4
│ │ 4-3技术方案设计-数据结构.mp4
│ │ 4-4分析日志计算结果.mp4
│ │ 4-5计算结果写入数据库.mp4
│ │ 4-6单元测试.mp4
│ │ 4-7分析日志计算结果-章总结.mp4
│ │
│ └─第5章开发OpenAPI
│ 5-1OpenAPI章介绍.mp4
│ 5-2初始化Koa2环境.mp4
│ 5-3开发路由.mp4
│ 5-4接口测试.mp4
│ 5-5测试机部署nginx服务.mp4
│ 5-6OpenAPI部署到测试机.mp4
│ 5-7OpenAPI章总结.mp4
│
├─25后台管理：让所有数据都在我们的掌控之中
│ ├─第1章周介绍
│ │ 1-1周介绍.mp4
│ │
│ ├─第2章技术方案设计
│ │ 2-1需求分析和技术方案设计-章介绍.mp4
│ │ 2-2需求分析.mp4
│ │ 2-3技术方案设计.mp4
│ │
│ ├─第3章前端开发
│ │ 3-1前端开发-章介绍.mp4
│ │ 3-2umijs初始化项目环境.mp4
│ │ 3-3封装ajax和host.mp4
│ │ 3-4登录信息验证.mp4
│ │ 3-5各个页面的功能开发.mp4
│ │ 3-6首页dashboard开发.mp4
│ │ 3-7发布到测试机.mp4
│ │ 3-8前端开发-章总结.mp4
│ │
│ └─第4章服务端开发
│ 4-1服务端开发-章开始.mp4
│ 4-2服务端代码结构.mp4
│ 4-3按月统计的功能如何实现.mp4
│ 4-4服务端开发-章总结.mp4
│
├─26发布到阿里云服务器，支持快速回滚
│ ├─第1章章简介
│ │ 1-1周介绍.mp4
│ │
│ ├─第2章购买和配置服务器
│ │ 2-1购买和配置服务器-章介绍.mp4
│ │ 2-2购买服务.mp4
│ │ 2-3配置服务器和数据库.mp4
│ │ 2-4购买和配置服务器-章总结.mp4
│ │
│ ├─第3章上线和回滚流程
│ │ 3-1上线和回滚-章介绍.mp4
│ │ 3-2使用gittag和githubactions发布上线.mp4
│ │ 3-3一键生成tag.mp4
│ │ 3-4使用release-it.mp4
│ │ 3-5所有项目发布上线.mp4
│ │ 3-6上线和回滚-章总结.mp4
│ │
│ └─第4章域名转发和nginx配置
│ 4-1域名转发和nignx配置-章介绍.mp4
│ 4-2域名的购买和配置.mp4
│ 4-3nginx配置.mp4
│ 4-4线上环境的CORS配置.mp4
│ 4-5线上日志拆分.mp4
│
├─27运维监控和报警
│ ├─第1章周简介
│ │ 1-1周介绍.mp4
│ │
│ ├─第2章异常处理和安全预防
│ │ 2-1异常处理和安全预防-章介绍.mp4
│ │ 2-2统一异常处理.mp4
│ │ 2-3预防内存泄漏.mp4
│ │ 2-4安全预防.mp4
│ │ 2-5预防网络攻击.mp4
│ │ 2-6关于短信验证码接口.mp4
│ │ 2-7异常处理和安全预防-章总结.mp4
│ │
│ ├─第3章监控和报警
│ │ 3-1监控和报警-章介绍.mp4
│ │ 3-2心跳检测.mp4
│ │ 3-3心跳检测是否需要单独拆分出来？.mp4
│ │ 3-4报警的范围.mp4
│ │ 3-5邮件报警的实现.mp4
│ │ 3-6安装alinode.mp4
│ │ 3-7alinode设置报警.mp4
│ │ 3-8监控和报警-章总结.mp4
│ │
│ └─第4章周总结
│ 4-1周总结.mp4
│
├─28脚手架发布模块架构设计和核心流程开发
│ ├─第1章周介绍
│ │ 1-1本周整体内容介绍和学习方法.mp4
│ │
│ ├─第2章项目发布流程架构设计
│ │ 2-1脚手架发布功能和流程讲解.mp4
│ │ 2-2绘制项目发布架构设计图.mp4
│ │
│ ├─第3章imooc-cli脚手架gitflow自动化架构设计
│ │ 3-1gitflow基础流程讲解.mp4
│ │ 3-4脚手架gitflow执行阶段架构设计.mp4
│ │
│ ├─第4章imooc-cli脚手架云构建+云发布架构设计
│ │ 4-1云构建+云发布整体流程设计.mp4
│ │ 4-2云构建+云发布详细流程设计1.mp4
│ │ 4-3云构建+云发布详细流程设计2.mp4
│ │ 4-4深入讲解云发布原理.mp4
│ │
│ ├─第5章imooc-cli脚手架publish模块开发
│ │ 5-1创建publish模块.mp4
│ │ 5-2publish基本流程开发.mp4
│ │ 5-3项目发布前预检查流程开发.mp4
│ │
│ └─第6章本周加餐：前端路由模式原理和vue-router源码讲解
│ 6-10深入解析router-view源码.mp4
│ 6-1vue-router-next完整运行流程解析.mp4
│ 6-5vue3高级特性：vue插件+provide跨组件通信.mp4
│ 6-6vue-router路由跳转核心源码分析.mp4
│ 6-7vue-router路由匹配源码分析.mp4
│ 6-8vue3新特性defineComponent讲解1.mp4
│ 6-9vue3新特性defineComponent讲解2.mp4
│
├─29脚手架发布模块git自动化流程开发
│ 1-1本周整体内容介绍和学习方法.mp4
│ 2-1GitFlow模块架构设计.mp4
│ 2-2GitFlow流程回顾.mp4
│ 3-1创建Git类.mp4
│ 3-2用户主目录检查逻辑开发.mp4
│ 3-3选择远程Git仓库逻辑开发.mp4
│ 3-4创建GitServer类.mp4
│ 3-5生成远程仓库Token逻辑开发.mp4
│ 3-6GiteeAPI接入+获取用户组织信息功能开发.mp4
│ 3-7GithubAPI接入开发.mp4
│ 3-8远程仓库类型选择逻辑开发.mp4
│ 4-1Gitee获取和创建仓库API接入.mp4
│ 4-2Github获取和创建仓库API接入1.mp4
│ 4-3Github&Gitee组织仓库创建API接入1.mp4
│ 4-4gitignore文件检查.mp4
│ 4-5git本地仓库初始化和远程仓库绑定1.mp4
│ 4-6git自动化提交功能开发.mp4
│ 5-1自动生成开发分支原理讲解1.mp4
│ 5-2自动生成开发分支功能开发.mp4
│ 5-3高端操作：自动升级版本号功能开发.mp4
│ 5-4GitFlow代码自动提交流程梳理+stash区检查功能开.mp4
│ 5-5代码冲突处理+Git代码删除后还原方法讲解.mp4
│ 5-6自动切换开发分支+合并远程分支代码+推送代码功能开发.mp4
│ 6-1Node最佳实践学习说明.mp4
│ 6-2Node项目架构最佳实践.mp4
│ 6-3Node异常处理最佳实践.mp4
│ 6-4Node编码规范最佳实践.mp4
│ 6-5Node测试+安全最佳实践.mp4
│
├─30脚手架发布模块云构建系统开发
│ 2-1详细分析为什么需要设计云构建系统.mp4
│ 2-2云构建系统架构设计.mp4
│ 3-1WebSocket基本概念及同HTTP协议对比.mp4
│ 3-2egg集成WebSocket服务.mp4
│ 3-3WebSocket客户端开发.mp4
│ 3-4WebSocket客户端与服务端交互流程分析.mp4
│ 4-1redis基本概念+安装方法+基本命令.mp4
│ 4-2阿里云redis服务配置和远程连接方法讲解.mp4
│ 4-3egg集成redis方法讲解.mp4
│ 5-1CloudBuild类开发.mp4
│ 5-2生成构建命令+构建命令检查开发.mp4
│ 5-3通过CloudBuild创建WebSocket连接.mp4
│ 5-4WebSocket超时自动断开连接逻辑开发.mp4
│ 5-5WebSocket客户端和服务端通信优化.mp4
│ 5-6云构建任务写入Redis.mp4
│ 5-7创建云构建任务功能开发.mp4
│ 6-1云构建任务初始化流程开发.mp4
│ 6-2云构建任务交互日志开发.mp4
│ 6-3服务端源码下载+切换到开发分支功能开发.mp4
│ 6-4服务端源码依赖安装+命令执行功能封装.mp4
│ 6-5云构建任务执行逻辑开发.mp4
│ 7-1本周总结+作业.mp4
│
├─31脚手架发布模块云发布功能开发
│ 1-1本周整体内容介绍和学习方法.mp4
│ 2-1前端发布OSS架构设计.mp4
│ 2-2云发布架构和流程设计.mp4
│ 3-1实现云发布前的预检查逻辑.mp4
│ 3-2静态资源服务器类型选择逻辑开发.mp4
│ 3-3云发布服务端预检查逻辑实现.mp4
│ 3-4创建OSSbucket+OSS实例化开发.mp4
│ 3-5云发布核心流程：上传OSS功能开发.mp4
│ 3-6OSS域名绑定+CDN绑定.mp4
│ 4-10自动打tag+合并代码至master分支流程开发.mp4
│ 4-1获取OSSAPI开发.mp4
│ 4-2覆盖发布逻辑开发.mp4
│ 4-3服务端缓存文件清除功能实现.mp4
│ 4-4自动提交代码BUG修复.mp4
│ 4-5history模式发布原理讲解.mp4
│ 4-6history模式远程发布原理讲解.mp4
│ 4-7脚手架自动上传模板逻辑开发.mp4
│ 4-8获取OSS文件API开发.mp4
│ 4-9上传模板功能实现.mp4
│ 5-1Node高分库：PDF文件生成工具——PDFKit.mp4
│ 5-2NodeExcel处理库讲解.mp4
│ 5-3命令行交互库Listr讲解.mp4
│ 5-4利用Listr对项目自动创建Tag逻辑进行优化.mp4
│ 6-1本周总结+作业.mp4
│
├─32脚手架组件发布功能开发
│ ├─第1章周介绍
│ │ 1-1本周整体内容介绍和学习方法.mp4
│ │
│ ├─第2章大厂物料体系介绍和前端组件平台架构设计
│ │ 2-1大厂前端物料体系介绍.mp4
│ │ 2-2组件平台架构设计.mp4
│ │
│ ├─第3章脚手架组件创建和预览项目开发
│ │ 3-1新的组件库模板开发.mp4
│ │ 3-2组件库预览项目开发.mp4
│ │ 3-3组件多预览模式开发.mp4
│ │ 3-4将预览功能集成到组件库模板.mp4
│ │ 3-5组件初始化时自动生成配置文件.mp4
│ │ 3-6组件库命名优化.mp4
│ │
│ ├─第4章脚手架组件发布流程开发
│ │ 4-1组件仓库初始化流程优化.mp4
│ │ 4-2组件上传前预检查流程开发.mp4
│ │ 4-3组件发布前准备工作开发.mp4
│ │ 4-4创建RDS组件表+后端MySQL插件集成.mp4
│ │ 4-5组件上传数据库准备工作开发.mp4
│ │ 4-6组件上传restfulapi开发.mp4
│ │ 4-8组件NPM发布逻辑开发.mp4
│ │ 4-9组件自动生成远程仓库Tag问题解决.mp4
│ │
│ └─第5章本周总结+作业
│ 5-1本周总结+作业.mp4
│
├─33组件平台开发
│ ├─第1章本周导学
│ │ 1-1本周整体内容介绍和学习方法.mp4
│ │
│ ├─第2章组件平台架构设计和技术选型
│ │ 2-1组件平台架构设计.mp4
│ │ 2-2组件平台技术选型和框架搭建.mp4
│ │
│ ├─第3章组件平台基础功能开发
│ │ 3-1umi项目全局入口文件+国际化开发.mp4
│ │ 3-2组件平台功能展示+页头页脚开发.mp4
│ │ 3-3组件平台动态配置API开发.mp4
│ │ 3-4前端动态配置API接入.mp4
│ │
│ ├─第4章组件平台组件列表页面开发
│ │ 4-1组件列表API开发.mp4
│ │ 4-2测试组件数据创建.mp4
│ │ 4-3组件列表页面开发.mp4
│ │ 4-4组件卡片面板开发.mp4
│ │ 4-5搜索框组件开发+模糊搜索API开发.mp4
│ │
│ └─第5章组件平台组件详情页面开发
│ 5-1组件详情获取API开发.mp4
│ 5-2组件基本信息样式开发.mp4
│ 5-3组件代码+预览样式开发.mp4
│ 5-4组件安装样式和复制命令功能开发.mp4
│ 5-5组件多预览文件上传工作.mp4
│ 5-6（本周难点）组件多预览文件上传开发.mp4
│
├─34项目单元测试用例设计和开发
│ ├─第2章Mocha框架快速入门
│ │ 1-1本周整体内容介绍和学习方法.mp4
│ │ 2-1单元测试基本概念介绍.mp4
│ │ 2-2mocha基本运行流程讲解(1).mp4
│ │ 2-2mocha基本运行流程讲解.mp4
│ │ 2-4mocha异步测试方法+nodeevenloop详细讲解.mp4
│ │ 2-5断言库should.js快速入门.mp4
│ │ 2-6async函数测试方法+钩子函数介绍.mp4
│ │ 2-7独家测试和包容性测试介绍.mp4
│ │
│ ├─第3章Package类用例设计和开发
│ │ 3-1Package对象实例化测试用例设计和开发.mp4
│ │ 3-2Package对象prepare方法测试.mp4
│ │ 3-3Package对象核心方法测试.mp4
│ │
│ └─第4章Git类用例设计和开发
│ 4-1Gitee类实例化测试.mp4
│ 4-2Gitee获取用户和仓库信息API测试.mp4
│ 4-4Git类测试开发.mp4
│
│
└─代码.zip
