├─{1}--阶段一：“技术成长&职业破局”双高体系
│ ├─{1}--前端高级工程师成长心经
│ │ ├─{1}--第1章 课程导学：课程设计、核心价值体现、服务与资源
│ │ │ (1.1.1.1)--1-2 开启学习之旅：探索《大前端-高级前端工程师》【必看】.pdf
│ │ │ [1.1.1.1]--1-1 课程导学（快速了解课程）.mp4
│ │ │
│ │ ├─{2}--第2章 高级前端工程师成长心经
│ │ │ [1.1.2.1]--2-1 职业线路：面对行业与职场双重冲击，应该如何发展？.mp4
│ │ │ [1.1.2.2]--2-2 JS 精通能力：前端技术进化史，深入JavaScript.mp4
│ │ │ [1.1.2.3]--2-3 【扩展】法律知识普及：我不能访问github怎么办？.mp4
│ │ │ [1.1.2.4]--2-4 深度框架能力：核心技术如何综合深度运用（当下三大框架、T.mp4
│ │ │ [1.1.2.5]--2-5 全栈能力：前端全栈能力Node.mp4
│ │ │ [1.1.2.6]--2-6 多端能力：多哪些技术是多端开发必知必会.mp4
│ │ │ [1.1.2.7]--2-7 全流程能力：前端相关开发工作流，不同项目的应对方案.mp4
│ │ │ [1.1.2.8]--2-8 工程化&自动化能力：自动化与工程化技术路径，学会用or造.mp4
│ │ │ [1.1.2.9]--2-9 架构能力：前端工程师的架构学习路线&ChatGPT设计案.mp4
│ │ │ [1.1.2.10]--2-10 大型项目架构设计：从单体到云架构的演进.mp4
│ │ │ [1.1.2.11]--2-11 本章小结-.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (1.1.1)--课程导学.pdf
│ │ │ (1.1.2)--第一周 PPT.pdf
│ │ │ (1.1.3)--ChatGPT介绍.pdf
│ │ │ (1.1.4)--JS 精通能力 前端技术进化史和深入JavaScript.pdf
│ │ │ (1.1.5)--程序员职业规划.pdf
│ │ │ (1.1.6)--开发工作流 不同项目的应对方案.pdf
│ │ │ (1.1.7)--开发工作流及重要性.pdf
│ │ │ (1.1.8)--前端架构设计.pdf
│ │ │ (1.1.9)--Node.js环境工作流.zip
│ │ │ (1.1.10)--架构设计及原则.zip
│ │ │ (1.1.11)--第一周 resources.zip
│ │ │
│ │ ├─{3}--第3章 进阶中高级前端瓶颈及解决方案
│ │ │ (1.1.3.1)--3-8 案例1在阿里做前端程序员，我是这样规划的.pdf
│ │ │ (1.1.3.2)--3-9 案例2老程序员的一点感悟给未来的程序员.pdf
│ │ │ [1.1.3.1]--3-1 章导学：在成长提升的道路上，总会遇到各种瓶颈，如何攻破？.mp4
│ │ │ [1.1.3.2]--3-2 环境瓶颈：如果在小公司&业务单一如何找到发展线路.mp4
│ │ │ [1.1.3.3]--3-3 发展瓶颈：技术路线or职业路线？程序员的年龄坎怎么破？.mp4
│ │ │ [1.1.3.4]--3-4 技术瓶颈：找准前端的核心竞争力.mp4
│ │ │ [1.1.3.5]--3-5 实战瓶颈：高级前端进阶路径N种方式.mp4
│ │ │ [1.1.3.6]--3-6 学习瓶颈：在信息爆炸的时代做好信息过滤、筛选（开源AI项.mp4
│ │ │ [1.1.3.7]--3-7 认清自己：如何定位好当下的自己，设置成长路线.mp4
│ │ │ [1.1.3.8]--3-10 章小结及作业：自己目前的状态与定位.mp4
│ │ │
│ │ ├─{4}--第4章 成为高级前端工程师背后的成长方法论【从初到中阶前端】
│ │ │ [1.1.4.1]--4-1 【自评】规划未来：中阶前端进阶养成计划.mp4
│ │ │ [1.1.4.2]--4-2 规划篇：初阶前端技术路线的规划.mp4
│ │ │ [1.1.4.3]--4-3 心态篇：国内外越来越卷，怎么找到合适的自己的位置.mp4
│ │ │ [1.1.4.4]--4-4 技术观：技术焦虑怎么解？前沿技术怎么学习？.mp4
│ │ │ [1.1.4.5]--4-5 实战篇： 跳出前端工程师的舒适区，从全栈项目开始.mp4
│ │ │ [1.1.4.6]--4-6 实战篇： 参与开源项目or外包项目，提升认知与打交道能力.mp4
│ │ │
│ │ └─{5}--第5章 成为高级前端工程师背后的成长方法论【从中到高阶前端】
│ │ (1.1.5.1)--5-5 自律能力培养：路径、方法、案例分享.pdf
│ │ (1.1.5.2)--5-6 他律办法：通过App养成好习惯&实用养成小技巧.pdf
│ │ (1.1.5.3)--5-7 社群社交能力培养：社交平台介绍与推荐.pdf
│ │ (1.1.5.4)--5-12 番外：注册与体验ChatGPT.pdf
│ │ (1.1.5.5)--5-14 常见词汇.pdf
│ │ [1.1.5.1]--5-1 【自评】规划未来：怎么从中阶到高阶前端.mp4
│ │ [1.1.5.2]--5-2 规划篇：中阶到高阶前端技术路线的规划.mp4
│ │ [1.1.5.3]--5-3 心态篇：职业危机、中年危机怎么破.mp4
│ │ [1.1.5.4]--5-4 心态篇：前端技术危机——AI带来的技术危机及怎么破.mp4
│ │ [1.1.5.5]--5-8 实战篇：多端跨端的开发能力.mp4
│ │ [1.1.5.6]--5-9 实战篇：大型项目的开发与架构能力1.mp4
│ │ [1.1.5.7]--5-10 实战篇：大型项目的开发与架构能力2.mp4
│ │ [1.1.5.8]--5-11 番外：AI实用工具&ChatGPT注册.mp4
│ │ [1.1.5.9]--5-13 番外：国外远程工作平台及注意事项.mp4
│ │
│ │
│ └─{2}--大型复杂项目需求分析及整体架构设计
│ ├─{1}--第1章 周导学：项目需求分析与架构设计的主要内容
│ │ [1.2.1.1]--1-1 章导学.mp4
│ ├─{2}--第2章 整体项目需求分析：从能力出发全面了解项目设计的前因后果
│ │ [1.2.2.1]--2-1 项目整体设计：我为什么做了这门课？.mp4
│ │ [1.2.2.2]--2-2 项目业务需求分析：明确范围与功能需求.mp4
│ │ [1.2.2.3]--2-3 项目技术需求分析：明确技术需求与约束条件.mp4
│ │ [1.2.2.4]--2-4 用户需求分析与竞品分析：明确使用场景.mp4
│ │ [1.2.2.5]--2-5 整体需求分析总结：项目需求及产出.mp4
│ ├─{2}--附件
│ │ (1.2.1)--第2周PPT.pdf
│ │ (1.2.4)--HTTP状态码.pdf
│ │ (1.2.5)--UML统一建模语言.pdf
│ │ (1.2.6)--产品文档模板.pdf
│ │ (1.2.7)--复杂业务中的全局思维-怎么做好技术选型长远计划.pdf
│ │ (1.2.8)--工作流-技术栈更新与维护方案.pdf
│ │ (1.2.9)--功能拆分的技巧-如何确定核心业务.pdf
│ │ (1.2.10)--绘制架构图.pdf
│ │ (1.2.11)--集群架构vs分布式架构.pdf
│ │ (1.2.12)--架构决策记录（ADR）模板.pdf
│ │ (1.2.13)--架构设计.pdf
│ │ (1.2.14)--架构验证工件 RAID模板.pdf
│ │ (1.2.15)--接口设计的规范-RESTful接口设计规范4大内容.pdf
│ │ (1.2.16)--接口文档工具.pdf
│ │ (1.2.17)--微服务架构设计模式.pdf
│ │ (1.2.18)--系统文档模板.pdf
│ │ (1.2.19)--项目技术需求分析.pdf
│ │ (1.2.20)--项目需求分析的主要内容有哪些.pdf
│ │ (1.2.21)--项目业务需求分析.pdf
│ │ (1.2.22)--写好文档必备-Markdown前端同学必会的一门语言.pdf
│ │ (1.2.23)--学习资源寻找逻辑-如何高效地找到优质前端学习资源.pdf
│ │ (1.2.24)--易混淆的项目文档-接口文档 系统文档 产品文档.pdf
│ │ (1.2.25)--用户需求分析.pdf
│ │ (1.2.26)--折中的艺术-技术方案评估中需要注意的点.pdf
│ │ (1.2.2)--nginx.zip
│ │ (1.2.3)--software.zip
│ │ (1.2.27)--工作流-技术栈更新与维护方案.zip
│ ├─{3}--第3章 项目技术选型：复杂业务中怎么快速完成闭环
│ │ [1.2.3.1]--3-1 复杂业务中的全局思维：技术选型长远计划.mp4
│ │ [1.2.3.2]--3-2 折中的艺术：技术方案评估中需要注意的点.mp4
│ │ [1.2.3.3]--3-3 功能拆分的技巧：确定核心业务.mp4
│ │ [1.2.3.4]--3-4 工作流：技术栈更新与维护方案.mp4
│ ├─{4}--第4章 整体架构设计：架构是什么？设计系统架构图
│ │ [1.2.4.1]--4-1 架构师能力：架构设计是什么？深入理解架构设计.mp4
│ │ [1.2.4.2]--4-2 扩展架构：水平&垂直扩展.mp4
│ │ [1.2.4.3]--4-3 高性能架构：什么是TPS&QPS、如何设计高并发架构？.mp4
│ │ [1.2.4.4]--4-4 高可用架构：本地高可用架构&逻辑保护.mp4
│ │ [1.2.4.5]--4-5 高可用架构：容灾多活.mp4
│ │ [1.2.4.6]--4-6 高安全架构：安全策略.mp4
│ │ [1.2.4.7]--4-7 可伸缩架构：微服务&kubernetes.mp4
│ │ [1.2.4.8]--4-8 架构设计案例：小闭环项目架构设计.mp4
│ │ [1.2.4.9]--4-9 架构演进&微服务架构.mp4
│ ├─{5}--第5章 番外：静态文档工具及Markdown介绍
│ │ [1.2.5.1]--5-1 写好文档必备：Markdonw前端同学必会的一门语言.mp4
│ {6}--第6章 接口设计及系统文档规范
│ [1.2.6.1]--6-1 易混淆的项目文档：接口文档、系统文档、产品文档等.mp4
│ [1.2.6.2]--6-2 RESTful接口设计：接口文档工具&接口文档自动生成.mp4
│
│
├─{2}--阶段二：【全栈开发能力-通识强化】PC端最小闭环打造全栈思维和实战
│ ├─{1}--需求分析能力：与产品、后端沟通，设计工具
│ │ ├─{1}--第1章 夯实基础，助力工作与效率
│ │ │ [2.1.1.1]--1-1 小闭环项目章导学.mp4
│ │ │ [2.1.1.2]--1-2 原型图绘制比较：基本流程和使用模板.mp4
│ │ │ [2.1.1.3]--1-3 [扩展]figma中的AI设计插件wireframe-d.mp4
│ │ │ [2.1.1.4]--1-4 业务原型图绘制技巧.mp4
│ │ │ [2.1.1.5]--1-5 [扩展]AI图片工具：配图&公众号首图&高保真素材.mp4
│ │ │ [2.1.1.6]--1-6 [扩展]AI编程：爽的飞起，Codeium写代码&Con.mp4
│ │ │
│ │ ├─{2}--第2章 用什么：前端技术及UI组件库（学习资源推荐）
│ │ │ [2.1.2.1]--2-1 前端UI库：跨端&移动端&大屏方案介绍.mp4
│ │ │ [2.1.2.2]--2-2 [作业]如何寻找合适的前端技术方案：package.js.mp4
│ │ │ [2.1.2.3]--2-3 番外：Vue生态及发展，是否要放弃Vue2？.mp4
│ │ │ [2.1.2.4]--2-4 技术栈选型：Vue与React如何选择？.mp4
│ │ │ [2.1.2.5]--2-5 技术栈选型：框架的生态考量，必逛的awesome项目.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (2.1.1)--第三周PPT.pdf
│ │ │ (2.1.2)--第三周 resources.zip
│ │ │ (2.1.3)--Axure RP原型图示例.zip
│ │ │
│ │ └─{3}--第3章 项目技术选型
│ │ [2.1.3.1]--3-1 小闭环项目：项目技术栈选型.mp4
│ │ [2.1.3.2]--3-2 工作流详解：回顾开发工作流.mp4
│ │ [2.1.3.3]--3-3 [扩展]工作流：测试相关工作流及文档.mp4
│ │ [2.1.3.4]--3-4 [AI]项目接口设计&接口文档方案选型.mp4
│ │
│ │
│ ├─{2}--玩转Node.js：前端开发&调试双击破
│ │ ├─{1}--第1章 Node.js开发环境初始化
│ │ │ [2.2.1.1]--1-1 node开发环境搭建：常见工作流介绍&yarn&pnpm.mp4
│ │ │ [2.2.1.2]--1-2 [加餐]Terminal终端工具推荐-.mp4
│ │ │ [2.2.1.3]--1-3 番外：语义化的版本号&npm version命令-.mp4
│ │ │ [2.2.1.4]--1-4 npm发包注意事项：npm极简发包过程演示-.mp4
│ │ │
│ │ ├─{2}--第2章 IDE配置调试及代码规范（VSCode插件推荐）
│ │ │ [2.2.2.1]--2-1 IDE配置：VSCode插件推荐&同步设置（懒人配置福利.mp4
│ │ │ [2.2.2.2]--2-2 IDE智能代码提示：Tabnine&Copilot&Co.mp4
│ │ │ [2.2.2.3]--2-3 IDE编辑器大杀器：Cursor.so.mp4
│ │ │ [2.2.2.4]--2-4 开发调试技巧：前端web项目调试思路.mp4
│ │ │ [2.2.2.5]--2-5 番外：真机调试技巧.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (2.2.1)--Docker部署Verdaccio的安装文档.pdf
│ │ │ (2.2.2)--NPM 发包过程文档.pdf
│ │ │ (2.2.3)--从 VS Code 的历史中可以学到的经验 - 阿里云开发者社区.pdf
│ │ │ (2.2.10)--开发环境搭建.pdf
│ │ │ (2.2.11)--缺陷控制.pdf
│ │ │ (2.2.12)--TypeScript.pdf
│ │ │ (2.2.4)--Cursor.so插件.zip
│ │ │ (2.2.5)--Node.js开发环境初始化.zip
│ │ │ (2.2.6)--prettier eslint.zip
│ │ │ (2.2.7)--VSCode配置.zip
│ │ │ (2.2.8)--前端开发调试思路.zip
│ │ │ (2.2.9)--缺陷控制.zip
│ │ │
│ │ ├─{3}--第3章 缺陷控制：项目Prettier&ESLint配置代码质量
│ │ │ [2.2.3.1]--3-1 章导学：缺陷控制方法论+工作流主要内容（结尾剪掉，下面我.mp4
│ │ │ [2.2.3.2]--3-2 缺陷控制概念.mp4
│ │ │ [2.2.3.3]--3-3 缺陷控制-最佳实践.mp4
│ │ │ [2.2.3.4]--3-4 [全流程]缺陷管理工具分类.mp4
│ │ │ [2.2.3.5]--3-5 番外：Trello&Teambition使用介绍.mp4
│ │ │ [2.2.3.6]--3-6 番外：禅道&Jira&Redmine简介.mp4
│ │ │ [2.2.3.7]--3-7 最佳实践：Prettier or ESLint如何选择与.mp4
│ │ │ [2.2.3.8]--3-8 ESLint配置及项目相关易混淆内容：config&pl.mp4
│ │ │
│ │ └─{4}--第4章 TypeScript进阶语法与用法（JS超集，未来趋势）
│ │ [2.2.4.1]--4-1 TS导学.mp4
│ │ [2.2.4.2]--4-2 基础类型&引用类型.mp4
│ │ [2.2.4.3]--4-3 函数类型.mp4
│ │ [2.2.4.4]--4-4 函数重载.mp4
│ │ [2.2.4.5]--4-5 any&never&void&unknown区别与应用场.mp4
│ │ [2.2.4.6]--4-6 tuple与enum.mp4
│ │ [2.2.4.7]--4-7 Interface.mp4
│ │ [2.2.4.8]--4-8 Class类（修饰符、构建函数、接口扩展）.mp4
│ │ [2.2.4.9]--4-9 泛型.mp4
│ │ [2.2.4.10]--4-10 声明文件&tsconfig配置文件.mp4
│ │
│ │
│ ├─{3}--Vue3项目框架搭建及响应式开发方案
│ │ ├─{1}--第1章 Vue通用模板项目全面进阶：路由、样式库、PWA及优化策
│ │ │ ├─新建文件夹
│ │ │ ├─(2.3.1.1)--1-1 章介绍.pdf
│ │ │ ├─(2.3.1.2)--1-9 [关于使用unocss]重置样式表使用说明.pdf
│ │ │ ├─[2.3.1.1]--1-2 初始化前端项目.mp4
│ │ │ ├─[2.3.1.2]--1-3 番外：更新npm依赖的三种策略.mp4
│ │ │ ├─[2.3.1.3]--1-4 页面路由方案：自动路由or手写路由.mp4
│ │ │ ├─[2.3.1.4]--1-5 页面路由方案：自动路由vite-plugin-pages.mp4
│ │ │ ├─[2.3.1.5]--1-6 页面路由方案：自动路由unplugin-vue-rout.mp4
│ │ │ ├─[2.3.1.6]--1-7 类型问题4种解决思路：unplugin-vue-rout.mp4
│ │ │ ├─[2.3.1.7]--1-8 CSS框架方案：Tailwind or unocss集成.mp4
│ │ │ ├─[2.3.1.8]--1-10 自动导入：AutoImport + VueUse.mp4
│ │ │ ├─[2.3.1.9]--1-11 自动组件注册：unplugin-vue-compone.mp4
│ │ │ ├─[2.3.1.10]--1-12 [扩展]图标集插件：unplugin-icons.mp4
│ │ │ ├─[2.3.1.11]--1-13 Icons图标方案：iconify sets.mp4
│ │ │ ├─[2.3.1.12]--1-14 全局Layouts：vite-plugin-vue-l.mp4
│ │ │ ├─[2.3.1.13]--1-15 Vue语法糖库：VueMacros&shamefull.mp4
│ │ │ ├─[2.3.1.14]--1-16 PWA技术：PWA是什么？Service Worker.mp4
│ │ │ ├─[2.3.1.15]--1-17 PWA集成：vite-plugin-pwa.mp4
│ │ │ ├─[2.3.1.16]--1-18 [扩展]接口mock功能：vite-plugin-mo.mp4
│ │ │ ├─[2.3.1.17]--1-19 番外：发布github template项目.mp4
│ │ │ ├─[2.3.1.18]--1-20 [扩展]Vue3.3版本更新，依赖更新策略.mp4
│ │ │ └─[2.3.1.19]--1-21 vue3.3更新了什么？.mp4
│ │ │
│ │ ├─{2}--第2章 业务页面路由、基础组件构建与布局技巧
│ │ │ [2.3.2.1]--2-1 路由创建：首页、社区、学习、关于.mp4
│ │ │ [2.3.2.2]--2-2 基础组件：导航菜单组件开发.mp4
│ │ │ [2.3.2.3]--2-3 进阶：Flex布局及UnoCSS类名.mp4
│ │ │ [2.3.2.4]--2-4 基础组件：导航菜单组件开发.mp4
│ │ │ [2.3.2.5]--2-5 基础组件：集成Swiper.js，轮播组件开发.mp4
│ │ │ [2.3.2.6]--2-6 [升级npm依赖]swiper10.x怎么升级.mp4
│ │ │ [2.3.2.7]--2-7 基础组件：卡片组件.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (2.3.1)--响应式布局.pdf
│ │ │ (2.3.2)--移动端适配方案指南-掘金.pdf
│ │ │ (2.3.3)--注册Chatgpt iOS应用.pdf
│ │ │ (2.3.4)--最小闭环训练-全栈基础思维和实战能力.pdf
│ │ │ (2.3.5)--Card组件.zip
│ │ │ (2.3.6)--css框架-tailwindcss.zip
│ │ │ (2.3.7)--css框架-unocss.zip
│ │ │ (2.3.8)--unplugin-icons tailwind.zip
│ │ │ (2.3.9)--vue-macros.zip
│ │ │ (2.3.10)--初始化项目.zip
│ │ │ (2.3.11)--自动路由-unplugin-vue-router.zip
│ │ │ (2.3.12)--自动路由-vite-plugin-pages.zip
│ │ │ (2.3.13)--自动引入-AutoImport VueUse.zip
│ │ │ (2.3.14)--pwa.zip
│ │ │ (2.3.15)--software.zip
│ │ │ (2.3.16)--第5周resource.zip
│ │ │ (2.3.17)--PWA是什么.xmind.zip
│ │ │
│ │ └─{3}--第3章 移动端设计：响应式布局、设备适配与动画实践
│ │ [2.3.3.1]--3-1 user-agent作用：获取设备类型、设备适配.mp4
│ │ [2.3.3.2]--3-2 响应式布局rem + 媒体查询.mp4
│ │ [2.3.3.3]--3-3 [扩展]移动端适配方案viewport.mp4
│ │ [2.3.3.4]--3-4 首页Webapp改造：导航至底，样式调整.mp4
│ │ [2.3.3.5]--3-5 [作业]动画transition&Transition组.mp4
│ │
│ │
│ ├─{4}--首页开发、Mock接口及前端测试技巧
│ │ ├─{1}--第1章 首页项目从设计到实现：Vue开发实战及扩展技巧
│ │ │ [2.4.1.1]--1-1 首页：页角部分开发.mp4
│ │ │ [2.4.1.2]--1-2 [扩展]vue3.3中的defineProps用法.mp4
│ │ │ [2.4.1.3]--1-3 首页：hover效果+深度选择器.mp4
│ │ │ [2.4.1.4]--1-4 首页：组件间4种传参方式+$attrs属性覆盖.mp4
│ │ │ [2.4.1.5]--1-5 [扩展]Gird不完全手册学习.mp4
│ │ │ [2.4.1.6]--1-6 [扩展]Gird单元格属性项学习及作业.mp4
│ │ │ [2.4.1.7]--1-7 首页项目详情页：集成vite-plugin-vue-ma.mp4
│ │ │ [2.4.1.8]--1-8 vite-plugin-vue-markdown更新.mp4
│ │ │ [2.4.1.9]--1-9 [扩展]完成类慕课网的ImageSwiper组件-1.mp4
│ │ │ [2.4.1.9]--1-9 [扩展]完成类慕课网的ImageSwiper组件-2.mp4
│ │ │ [2.4.1.10]--1-10 详情页：嵌套结构与路由.mp4
│ │ │ [2.4.1.11]--1-11 详情页：完成课程详情页面样式调整.mp4
│ │ │ [2.4.1.12]--1-12 路由进阶：学习详情页&学习列表页路由.mp4
│ │ │ [2.4.1.13]--1-13 学习列表页面.mp4
│ │ │ [2.4.1.14]--1-14 学习列表：章节、评论列表.mp4
│ │ │ [2.4.1.15]--1-15 购物车：基本列表样式.mp4
│ │ │ [2.4.1.16]--1-16 购物车：Teleport组件设计弹窗类型组件(moda.mp4
│ │ │ [2.4.1.17]--1-17 购物车：完成底部样式&调整整体样式.mp4
│ │ │ [2.4.1.18]--1-18 会员频道：会员权益组件.mp4
│ │ │ [2.4.1.19]--1-19 章小结：完成首页基本页面样式及调整.mp4
│ │ │
│ │ ├─{2}--第2章 前端Mock开发实战：Vue项目中的API与数据处理
│ │ │ [2.4.2.1]--2-1 章导学：首页项目Mock接口介绍.mp4
│ │ │ [2.4.2.2]--2-2 Mock开发工作流（viteEnv&封装axios请求类.mp4
│ │ │ [2.4.2.3]--2-3 创建首页store：完成首页mock接口对接.mp4
│ │ │ [2.4.2.4]--2-4 首页项目Mock开发工作流回顾.mp4
│ │ │ [2.4.2.5]--2-5 [bug修复]动态图标&defineModel打包bug.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (2.4.2)--首页样式小Bug.pdf
│ │ │ (2.4.1)--第5周resources.zip
│ │ │
│ │ └─{3}--第3章 单元测试及e2e测试
│ │ [2.4.3.1]--3-1 前端测试导学：相关概念&分类&工具.mp4
│ │ [2.4.3.2]--3-2 单元测试：vitest单元测试配置（测试覆盖率&vite.mp4
│ │ [2.4.3.3]--3-3 单元测试：Card组件测试.mp4
│ │ [2.4.3.4]--3-4 单元测试进阶：计时器和v-model测试方法.mp4
│ │ [2.4.3.5]--3-5 e2e测试：Cypress安装与核心概念.mp4
│ │ [2.4.3.6]--3-6 e2e测试：测试知识付费首页项目.mp4
│ │
│ │
│ ├─{5}--服务端渲染原理与LinuxDocker
│ │ ├─{1}--第1章 深入理解服务端渲染：SSR原理及与CSR、SSG的比较
│ │ │ [2.5.1.1]--1-1 服务端渲染SSR对比CSR、SSG.mp4
│ │ │ [2.5.1.2]--1-2 代码篇：SSR工作原理.mp4
│ │ │
│ │ ├─{2}--第2章 掌握SSR实战：应用vite-plugin-ssr项目改
│ │ │ [2.5.2.1]--2-1 SSR方案：vite-plugin-ssr&vite-s.mp4
│ │ │ [2.5.2.2]--2-2 SSR实战1：vite-plugin-ssr改造首页项目.mp4
│ │ │ [2.5.2.3]--2-3 [扩展]SSG方案：Vitepress&Hexo&Ast.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (2.5.1)--第6周resources.zip
│ │ │
│ │ ├─{3}--第3章 Nuxt.js入门与进阶：探索Nuxt的核心技术与工具
│ │ │ [2.5.3.1]--3-1 服务端渲染Nuxt.js：简介+核心概念.mp4
│ │ │ [2.5.3.2]--3-2 Nuxt工程目录&集成ESLint、Prettier.mp4
│ │ │ [2.5.3.3]--3-3 [更新]解决Vue ESLint配置冲突问题.mp4
│ │ │ [2.5.3.4]--3-4 Nuxt DevTools开发工具（实验特性）.mp4
│ │ │ [2.5.3.5]--3-5 Nuxt核心技术：Pinia&PWA&Unocss集成.mp4
│ │ │
│ │ ├─{4}--第4章 Nuxt项目改造与优化：深度探讨SSR在Nuxt中的应用
│ │ │ [2.5.4.1]--4-1 SSR方案2：首页项目Nuxt改造1.mp4
│ │ │ [2.5.4.2]--4-2 SSR方案2：首页项目Nuxt改造2.mp4
│ │ │ [2.5.4.3]--4-3 [扩展]Nuxt应用中两种设置环境变量的方式.mp4
│ │ │ [2.5.4.4]--4-4 [扩展]SSR与CSR测试论证：LightHouse使用.mp4
│ │ │ [2.5.4.5]--4-5 [优化]Nuxt中的SSR配置.mp4
│ │ │
│ │ ├─{5}--第5章 Linux系统解析，掌握Linux文件系统和常见命令
│ │ │ [2.5.5.1]--5-1 为什么要学习Linux：Linux目前的发行版本有哪些？.mp4
│ │ │ [2.5.5.2]--5-2 虚拟化软件：OS镜像下载&安装.mp4
│ │ │ [2.5.5.3]--5-3 Linux文件系统及常见命令（重要）.mp4
│ │ │ [2.5.5.4]--5-4 [扩展]Linux文件系统&磁盘相关命令.mp4
│ │ │ [2.5.5.5]--5-5 [扩展]Linux磁盘空间不够了？扩展新磁盘.mp4
│ │ │ [2.5.5.6]--5-6 [扩展]SSH密钥方式远程连接Linux.mp4
│ │ │ [2.5.5.7]--5-7 Linux学习资源推荐.mp4
│ │ │
│ │ └─{6}--第6章 Docker容器化技术，理解Docker的核心概念和配置
│ │ [2.5.6.1]--6-1 导学：容器与虚拟机.mp4
│ │ [2.5.6.2]--6-2 安装配置Docker&Docker核心概念.mp4
│ │ [2.5.6.3]--6-3 [扩展]管理Docker工具：Potainer&Lazy.mp4
│ │ [2.5.6.4]--6-4 [扩展]配置Docker国内的加速.mp4
│ │ [2.5.6.5]--6-5 [扩展]Docker集成管理命令compose.mp4
│ │
│ │
│ └─{6}--服务端开发：走向全栈Nodejs与数据库
│ ├─{1}--第1章 环境选择Java vs Node.js，探究Nest.j
│ │ [2.6.1.1]--1-1 Java与Node.js：Node.js作为服务端的优势.mp4
│ │ [2.6.1.2]--1-2 什么是nestjs？应用场景是什么？.mp4
│ │ [2.6.1.3]--1-3 常见问题：对比koa&eggjs&express，nes.mp4
│ ├─{2}--第2章 Nest.js实战初步：CLI工具使用和应用调试
│ │ [2.6.2.1]--2-1 快速上手：安装官方nestjs CLI工具.mp4
│ │ [2.6.2.2]--2-2 最佳实践：工程目录+文件命名约定.mp4
│ │ [2.6.2.3]--2-3 CLI初试：启动 Nest 应用程序 + 创建控制器.mp4
│ │ [2.6.2.4]--2-4 [扩展]Nestjs版本更新10.0带来了哪些更新.mp4
│ │ [2.6.2.5]--2-5 如何调试Nestjs应用：三种调试方法.mp4
│ ├─{2}--附件
│ │ (2.6.1)--Nestjs官方CLI.pdf
│ │ (2.6.2)--Java or Node.pdf
│ │ (2.6.3)--数据库设计三大范式.pdf
│ │ (2.6.4)--JSONtoClassPrompt.pdf
│ │ (2.6.5)--部署方式说明.drawio.zip
│ │ (2.6.6)--nestjs_TS注解.drawio.zip
│ │ (2.6.7)--01-FP_FRP.zip
│ │ (2.6.8)--02-OOP.zip
│ │ (2.6.9)--03-IoC_DI.zip
│ │ (2.6.10)--04-nestjs-core-concept.zip
│ ├─{3}--第3章 编程思想与服务端架构：理解OOP, FP, FRP及依赖
│ │ [2.6.3.1]--3-1 如何学习才高效：以前端同学的视角看后端项目.mp4
│ │ [2.6.3.2]--3-2 编程思想 ：什么是OOP？FP？FRP编程？.mp4
│ │ [2.6.3.3]--3-3 编程思想：AOP切面编程是什么？特点是什么？.mp4
│ │ [2.6.3.4]--3-4 葵花宝典：什么是依赖注入(DI)&控制反转IoC.mp4
│ │ [2.6.3.5]--3-5 nestjs 架构篇：控制器、服务、数据访问（非常重要）.mp4
│ │ [2.6.3.6]--3-6 nestjs 架构篇：用模块来组织代码.mp4
│ │ [2.6.3.7]--3-7 加餐：DTO，DAO是什么？MVC是什么架构？.mp4
│ │ [2.6.3.8]--3-8 [工作原理]Nestjs中的DI系统&DI容器的概念.mp4
│ ├─{4}--第4章 数据库设计与实践：从核心概念到详细设计
│ │ [2.6.4.1]--4-1 服务端开发思路解密：深入nestjs核心概念.mp4
│ │ [2.6.4.2]--4-2 核心概念：关系型&非关系型、数据库设计工具、排行.mp4
│ │ [2.6.4.3]--4-3 核心概念：关系型数据库中的实体、主键和列概念浅析.mp4
│ │ [2.6.4.4]--4-4 数据库设计三大范式.mp4
│ │ [2.6.4.5]--4-5 [扩展]数据库设计之ER图（实体关系图）.mp4
│ │ [2.6.4.6]--4-6 数据库详细设计：完善数据库文档.mp4
│ ├─{5}--第5章 数据库操作与日志管理：ORM库与Docker应用
│ │ [2.6.5.1]--5-1 数据对接方案ORM库及方案：TypeORM&Prisma.mp4
│ │ [2.6.5.2]--5-2 [Docker进阶]数据库环境准备.mp4
│ │ [2.6.5.3]--5-3 [ORM库]Prism工作流及Nestjs集成.mp4
│ │ [2.6.5.4]--5-4 日志模块winston：按天滚动日志daily-rota.mp4
│ │ [2.6.5.5]--5-5 [扩展]Nestjs10带来的新编译器SWC&REPL开.mp4
│ ├─{6}--第6章 Nestjs中的CURD操作与数据校验
│ │ [2.6.6.1]--6-1 [工作原理]控制器：TS装饰器在Nestjs中的妙用.mp4
│ │ [2.6.6.2]--6-2 [CURD]接口创建&接口版本控制（重要）.mp4
│ │ [2.6.6.3]--6-3 [CURD]nestjs流程+Prisma内置的CURD.mp4
│ │ [2.6.6.4]--6-4 [CURD]prisma中分页查询&事务tranctio.mp4
│ │ [2.6.6.5]--6-5 [工作原理]validation管道是如何校验数据类型的.mp4
│ │ [2.6.6.6]--6-6 [CURD]新增逻辑+数据校验（重要）..mp4
│ │ [2.6.6.7]--6-7 [CURD]完成更新、删除（重要）.mp4
│ │ [2.6.6.8]--6-8 [预习]Prisma中关联关系的定义：1对1&1对多&多.mp4
│ │ [2.6.6.9]--6-9 [CURD]Nestjs项目中实践多种关联关系.mp4
│ │ [2.6.6.10]--6-10 [作业]创建评论相关、附件相关关系model.mp4
│ │ [2.6.6.11]--6-11 [扩展]prisma5发布更新需要注意的内容.mp4
│ ├─{7}--第7章 构建学习页面：数据查询与校验进阶
│ │ [2.6.7.1]--7-1 [学习页面]创建课程分类&课程标签服务.mp4
│ │ [2.6.7.2]--7-2 [prisma进阶]pull&push命令同步数据库更改.mp4
│ │ [2.6.7.3]--7-3 [调试服务]Nestjs REPL交互模式.mp4
│ │ [2.6.7.4]--7-4 [prisma进阶]批量插入与嵌套插入.mp4
│ │ [2.6.7.5]--7-5 嵌套数据写入与类型校验.mp4
│ │ [2.6.7.6]--7-6 [学习页面]嵌套数据查询(关联查询&多表联查).mp4
│ │ [2.6.7.7]--7-7 [分页相关]分页数据类型转换&校验（重要）.mp4
│ │ [2.6.7.8]--7-8 [进阶]两种不同的策略实现对传入动态参数的校验逻辑.mp4
│ │ [2.6.7.9]--7-9 [学习页面]where条件查询和in子句.mp4
│ │ [2.6.7.10]--7-10 [拦截器]数据序列化的三种方式.mp4
│ │ [2.6.7.11]--7-11 [拦截器进阶]响应数据脱敏处理（防止敏感数据外漏）.mp4
│ ├─{8}--第8章 前端接口对接：Nuxt优化与Mock工作流
│ │ [2.6.8.1]--8-1 [Nuxt优化]：服务端口+跨域请求+多环境变量配置.mp4
│ │ [2.6.8.2]--8-2 [Mock]前端接口开发工作流，Mock白名单配置.mp4
│ │ [2.6.8.3]--8-3 学习列表页面接口对接注意事项.mp4
│ {9}--第9章 项目部署与优化：直装与Docker容器化解决方案
│ [2.6.9.1]--9-1 [直装]项目打包&nginx配置.mp4
│ [2.6.9.2]--9-2 [直装]pm2部署Node.js服务端项目.mp4
│ [2.6.9.3]--9-3 [容器化]两种前端项目docker容器化部署方案（Doc.mp4
│ [2.6.9.4]--9-4 本地Docker构建优化加速思路.mp4
│ [2.6.9.5]--9-5 [扩展]docker镜像导出与恢复.mp4
│ [2.6.9.6]--9-6 [容器化]node.js应用容器化思路及解决办法.mp4
│ [2.6.9.7]--9-7 [安全]Docker镜像权限安全及Docker镜像构建过.mp4
│ [2.6.9.8]--9-8 [容器化]创建nestjs项目镜像配置文件&运行镜像+传.mp4
│ [2.6.9.9]--9-9 [macos]使用脚本+rsync来完成静态站点部署.mp4
│
│
├─{3}--阶段三：【工程化能力-通识强化】开发提效、代码质量提升
│ ├─{1}--深入Git 高效代码管理与团队协作
│ │ ├─{1}--第1章 Git版本控制入门：理解Git与SVN的差异
│ │ │ [3.1.1.1]--1-1 版本控制：git工具环境准备+学习资源推荐.mp4
│ │ │ [3.1.1.2]--1-2 Git vs SVN.mp4
│ │ │
│ │ ├─{2}--第2章 深入探索Git：核心概念和本地远程仓库管理
│ │ │ [3.1.2.1]--2-1 Git核心概念：快照、缓存区、版本库.mp4
│ │ │ [3.1.2.2]--2-2 Git核心概念：本地版本仓库&远程版本仓库.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (3.1.3)--Subtree与Submodule.pdf
│ │ │ (3.1.1)--gitlab升级.drawio.zip
│ │ │ (3.1.2)--git开发工作流.drawio.zip
│ │ │ (3.1.4)--脚本.zip
│ │ │
│ │ ├─{3}--第3章 Git实战：协同冲突处理与版本管理最佳实践
│ │ │ [3.1.3.1]--3-1 情景一：个人开发者从0创建仓库及代码-1.mp4
│ │ │ [3.1.3.1]--3-1 情景一：个人开发者从0创建仓库及代码-2.mp4
│ │ │ [3.1.3.2]--3-2 情景二：上班第一天，如何了解团队版本控制流程.mp4
│ │ │ [3.1.3.3]--3-3 分支管理策略：分支管理最佳实践&常见命令.mp4
│ │ │ [3.1.3.4]--3-4 情景三：常见多人协同冲突处理办法（带GUI操作）.mp4
│ │ │ [3.1.3.5]--3-5 情景四：来了新任务，旧的代码要保存怎么办？rebase&.mp4
│ │ │ [3.1.3.6]--3-6 情景五：已有的功能，需要摘取其中的提交cherry-pi.mp4
│ │ │ [3.1.3.7]--3-7 情景六：快速定位历史的bug提交（二分查找bisect）.mp4
│ │ │ [3.1.3.8]--3-8 情景七：多仓库管理&跨仓库clone三种方案.mp4
│ │ │ [3.1.3.9]--3-9 情景八：误添加了文件到版本库&gitignore文件.mp4
│ │ │ [3.1.3.10]--3-10 情景九：管理员权限设置及管理工作流.mp4
│ │ │ [3.1.3.11]--3-11 情景十：历史的提交中有敏感数据怎么办？git filt.mp4
│ │ │
│ │ └─{4}--第4章 Git托管平台全探索：GitLab与Gitea的部署和管
│ │ [3.1.4.1]--4-1 git托管平台对比：gitlab&gitea&gogs.mp4
│ │ [3.1.4.2]--4-2 [git hosting]本地私有化部署gitlab-c.mp4
│ │ [3.1.4.3]--4-3 gitlab权限&用户管理流程介绍.mp4
│ │ [3.1.4.4]--4-4 gitlab如何进行跨大版本升级.mp4
│ │ [3.1.4.5]--4-5 [git hosting]gitea安装、备份、权限配置.mp4
│ │
│ │
│ ├─{2}--前端开发利器：Mock接口及接口测试工具
│ │ ├─{1}--第1章 Mock技术：前端开发必备的接口测试和模拟工具
│ │ │ [3.2.1.1]--1-1 前端开发必备：Mock接口能力及接口测试工具.mp4
│ │ │ [3.2.1.2]--1-2 4种Mock假数据生成工具&mock.js用法介绍.mp4
│ │ │ [3.2.1.3]--1-3 使用Mock.js拦截前端请求.mp4
│ │ │
│ │ ├─{2}--第2章 深入json-server：轻量级CLI Mock多功能
│ │ │ [3.2.2.1]--2-1 CLI轻量mockserver：json-server.mp4
│ │ │ [3.2.2.2]--2-2 json-server常规mock功能+静态资源服务器.mp4
│ │ │ [3.2.2.3]--2-3 json-server进阶：mockserver白名单模.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (3.2.1)--第8周 mock-接口测试.zip
│ │ │
│ │ ├─{3}--第3章 强化开发工具链：推荐平台级工具和VSCode插件
│ │ │ [3.2.3.1]--3-1 [综合工具]平台级&桌面端工具推荐.mp4
│ │ │ [3.2.3.2]--3-2 Postman中文资源推荐&常见开发小技巧.mp4
│ │ │ [3.2.3.3]--3-3 VSCode插件：轻量REST客户端应用场景.mp4
│ │ │
│ │ ├─{4}--第4章 VSCode插件开发与开源项目管理
│ │ │ [3.2.4.1]--4-1 [扩展]离线安装&下载vsocde所有的插件思路.mp4
│ │ │ [3.2.4.2]--4-2 文件流下载got：VS扩展批量下载功能开发-1.mp4
│ │ │ [3.2.4.2]--4-2 文件流下载got：VS扩展批量下载功能开发-2.mp4
│ │ │ [3.2.4.3]--4-3 开源项目README书写策略&LICENSE选择.mp4
│ │ │ [3.2.4.4]--4-4 [扩展]README在线工具readme.so.mp4
│ │ │
│ │ └─{5}--第5章 精通接口测试：从测试流程到Jmeter的实践
│ │ [3.2.5.1]--5-1 接口测试流程+接口测试工具&脚本.mp4
│ │ [3.2.5.2]--5-2 [扩展]HTTP Benchmark类工具.mp4
│ │ [3.2.5.3]--5-3 [Jmeter]安装及环境配置.mp4
│ │ [3.2.5.4]--5-4 [扩展]Jmeter插件市场及常用插件介绍.mp4
│ │ [3.2.5.5]--5-5 Jmeter测试流程：使用Jmeter创建测试.mp4
│ │
│ │
│ ├─{3}--前端工程化：Webpack&Vite构建
│ │ ├─{1}--第1章 探索前端工程化：主流技术与工具的对比与应用
│ │ │ [3.3.1.1]--1-1 前端工程化世界：主流技术方案对比与应用场景介绍.mp4
│ │ │ [3.3.1.2]--1-2 ES规范和模块规范：探寻ECMAScript发展史.mp4
│ │ │ [3.3.1.3]--1-3 前端工程化工具及应用场景（webpack&vite等）.mp4
│ │ │ [3.3.1.4]--1-4 [扩展]Turbopack真的比Vite快10倍吗？.mp4
│ │ │ [3.3.1.5]--1-5 开发效率加倍：typescript运行时比较.mp4
│ │ │
│ │ ├─{2}--第2章 深度解析Webpack：核心概念、配置及AI辅助应用
│ │ │ [3.3.2.1]--2-1 [技术栈选择]如今如何来学习Webpack？从应用场景出.mp4
│ │ │ [3.3.2.2]--2-2 Webpack核心概念及配置.mp4
│ │ │ [3.3.2.3]--2-3 [AI]解决webpack配置&打包问题5种思路.mp4
│ │ │ [3.3.2.4]--2-4 新手配置webpack的两种方案.mp4
│ │ │ [3.3.2.5]--2-5 [扩展]Rollup简介.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (3.3.1)--第9周 前端工程化.zip
│ │ │
│ │ ├─{3}--第3章 实战升级：前端工程化在不同场景的应用与提升
│ │ │ [3.3.3.1]--3-1 情景一：webpack+node.js服务端项目升级.mp4
│ │ │ [3.3.3.2]--3-2 情景二：开发体验提升，ts&js运行时升级.mp4
│ │ │ [3.3.3.3]--3-3 情景三：升级构建工具，webpack&rollup构建时.mp4
│ │ │ [3.3.3.4]--3-4 [扩展]情景四：生产级项目构建&开发依赖升级-1.mp4
│ │ │ [3.3.3.4]--3-4 [扩展]情景四：生产级项目构建&开发依赖升级-2.mp4
│ │ │ [3.3.3.5]--3-5 情景五：前端Vue项目升级策略&示例.mp4
│ │ │
│ │ ├─{4}--第4章 Webpack开发环境的搭建与调试：源码解析及问题解决
│ │ │ [3.3.4.1]--4-1 webpack&webpack-cli本地开发环境搭建.mp4
│ │ │ [3.3.4.2]--4-2 [调试进阶]map文件：调试ts部分的源码.mp4
│ │ │ [3.3.4.3]--4-3 webpack-cli工具原理解析.mp4
│ │ │ [3.3.4.4]--4-4 webpack命令build构建过程解析.mp4
│ │ │ [3.3.4.5]--4-5 [bug]webpack-cli调试webpack源码解.mp4
│ │ │
│ │ ├─{5}--第5章 理解Webpack核心库Tapable：工作原理与事件控
│ │ │ [3.3.5.1]--5-1 [webpack核心库]tapable工作原理.mp4
│ │ │ [3.3.5.2]--5-2 tapable进阶：webpack核心库事件控制示例.mp4
│ │ │ [3.3.5.3]--5-3 [扩展]手撸SyncHook&AsyncHook.mp4
│ │ │
│ │ └─{6}--第6章 webpack工作流程：定制化Loaders与Plugi
│ │ (3.3.6.1)--6-2 Webpack自定义Loaders.pdf
│ │ (3.3.6.2)--6-3 Webpack自定义Plugins.pdf
│ │ [3.3.6.1]--6-1 webpack工作流程：loaders&plugins执.mp4
│ │
│ │
│ └─{4}--CICD持续集成和部署及云构建工具
│ ├─{1}--第1章 深入浅出前端自动化
│ │ [3.4.1.1]--1-1 概念及目标：什么是自动化？.mp4
│ │ [3.4.1.2]--1-2 常见概念：DevOps&敏捷开发.mp4
│ │ [3.4.1.3]--1-3 DevOps大全：大厂案例&工具&流程设计.mp4
│ ├─{2}--第2章 深入Jenkins：从安装到高级配置
│ │ [3.4.2.1]--2-1 CICD界大佬：Jenkins介绍&安装方式&插件.mp4
│ │ [3.4.2.2]--2-2 Jenkins安装方式一：直装（Ubuntu演示，修改端.mp4
│ │ [3.4.2.3]--2-3 Jenkins安装方式二：docker方式安装.mp4
│ │ [3.4.2.4]--2-4 [进阶]Jenkins容器里面套docker&操作宿主机-1.mp4
│ │ [3.4.2.4]--2-4 [进阶]Jenkins容器里面套docker&操作宿主机-2.mp4
│ │ [3.4.2.5]--2-5 [扩展]插件加速两种方法&常见插件推荐.mp4
│ │ [3.4.2.6]--2-6 [扩展]Jenkins权限配置（基于角色的权限控制）.mp4
│ ├─{2}--附件
│ │ (3.4.1)--第10周 持续集成和部署CICD工具.zip
│ ├─{3}--第3章 Jenkins与Gitlab集成：构建与部署的实战
│ │ [3.4.3.1]--3-1 CICD流程初体验：Jenkins与Gitlab集成.mp4
│ │ [3.4.3.2]--3-2 Jenkins配置Nodejs构建环境.mp4
│ │ [3.4.3.3]--3-3 [扩展]如何配置Jenkins工作节点（安装JDK环境并.mp4
│ │ [3.4.3.4]--3-4 [部署方案一]使用PublishOverSSH插件部署项.mp4
│ │ [3.4.3.5]--3-5 [部署方案二]使用docker方案部署项目-1.mp4
│ │ [3.4.3.5]--3-5 [部署方案二]使用docker方案部署项目-2.mp4
│ ├─{4}--第4章 私有制品库：定制化的仓库与流水线策略
│ │ [3.4.4.1]--4-1 镜像仓库本地化方案registry(配置docker-h.mp4
│ │ [3.4.4.2]--4-2 [进阶]企业级镜像仓库方案harbor.mp4
│ │ [3.4.4.3]--4-3 [扩展]npm私有化仓库方案-verdaccio.mp4
│ │ [3.4.4.4]--4-4 [扩展]Jenkins CICD进阶：Pipeline流.mp4
│ {5}--第5章 Gitlab流水线进阶：从CICD到容器集成
│ [3.4.5.1]--5-1 [gitlab进阶]配置CICD的runners环境.mp4
│ [3.4.5.2]--5-2 [gitlab进阶]gitlab-ci.yml配置文件编.mp4
│ [3.4.5.3]--5-3 [gitlab进阶]内置registry发包过程&配合C.mp4
│ [3.4.5.4]--5-4 [gitlab进阶]配置Vue项目CICD任务.mp4
│ [3.4.5.5]--5-5 [gitlab进阶]集成docker-registry的.mp4
│ [3.4.5.6]--5-6 [演示]gitlab集成docker-registry本.mp4
│
│
├─{4}--阶段四：【自研组件库能力-进阶提升】通用复杂管理后台高性能组件库
│ ├─{1}--设计通用管理后台组件库：初始化模板+组件
│ │ ├─{1}--第1章 AI驱动的产品设计：从需求到组件库
│ │ │ [4.1.1.1]--1-1 全面拥抱AI：充当组件库项目的产品经理.mp4
│ │ │ [4.1.1.2]--1-2 产品背景语料准备：让GPT联网搜索总结背景内容.mp4
│ │ │ [4.1.1.3]--1-3 [AIGC]产品需求文档&核心开发链路.mp4
│ │ │ [4.1.1.4]--1-4 SSG方案大全Jamstack：自建文档库方案vitep.mp4
│ │ │
│ │ ├─{2}--第2章 项目起步：项目初始化与框架集成
│ │ │ (4.1.2.1)--2-2 使用git clone --depth之后无法Push了.pdf
│ │ │ [4.1.2.1]--2-1 项目初始化.mp4
│ │ │ [4.1.2.2]--2-3 [复习]基础项目技术方案回顾.mp4
│ │ │ [4.1.2.3]--2-4 [复习]集成element-plus.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (4.1.1)--第11周 高性能组件库.zip
│ │ │
│ │ ├─{3}--第3章 图标组件进阶：从SVG到动态加载
│ │ │ [4.1.3.1]--3-1 Icon基础组件：iconify集成.mp4
│ │ │ [4.1.3.2]--3-2 SVG图标组件：svg类型图标Iconfont.mp4
│ │ │ [4.1.3.3]--3-3 网络图标组件：动态加载iconfont.css文件.mp4
│ │ │ [4.1.3.4]--3-4 [作业]业务型组件：图标列表组件.mp4
│ │ │ [4.1.3.5]--3-5 优化IconList图标组件.mp4
│ │ │ [4.1.3.6]--3-6 [作业]IconPicker图标选择组件.mp4
│ │ │ [4.1.3.7]--3-7 [作业]IconPicker图标选择组件.mp4
│ │ │ [4.1.3.8]--3-8 [更新]Iconify如何动态加载，与unplugin-.mp4
│ │ │
│ │ ├─{4}--第4章 界面交互：暗黑模式与全屏操作
│ │ │ [4.1.4.1]--4-1 头部功能性组件：暗黑模式-1.mp4
│ │ │ [4.1.4.1]--4-1 头部功能性组件：暗黑模式-2.mp4
│ │ │ [4.1.4.2]--4-2 头部功能：全屏功能组件.mp4
│ │ │
│ │ ├─{5}--第5章 多语言支持：vue-i18n集成与构建优化
│ │ │ (4.1.5.1)--5-7 [bug]element-plus组件不生效的原因.pdf
│ │ │ [4.1.5.1]--5-1 国际化：协同翻译Crowdin&机翻API推荐（Deep.mp4
│ │ │ [4.1.5.2]--5-2 国际化：集成i18n基础用法.mp4
│ │ │ [4.1.5.3]--5-3 国际化：unplugin-vue-i18n集成-1.mp4
│ │ │ [4.1.5.3]--5-3 国际化：unplugin-vue-i18n集成-2.mp4
│ │ │ [4.1.5.4]--5-4 国际化：element-plus国际化与vue-i18n.mp4
│ │ │ [4.1.5.5]--5-5 国际化：i18n插件使用中坑点（js&ts是只读的）.mp4
│ │ │ [4.1.5.6]--5-6 国际化：打包&构建优化.mp4
│ │ │
│ │ └─{6}--第6章 头部消息组件：Elementplus基础组件&学习事件传
│ │ [4.1.6.1]--6-1 消息组件：扩展基础组件Badge自定义属性.mp4
│ │ [4.1.6.2]--6-2 [作业]消息组件：使用缩放控制图标大小.mp4
│ │ [4.1.6.3]--6-3 消息组件：弹出列表样式.mp4
│ │ [4.1.6.4]--6-4 消息组件：事件定义与样式优化.mp4
│ │ [4.1.6.5]--6-5 [更新]CSS属性中的v-bind.mp4
│ │ [4.1.6.6]--6-6 消息组件：测试组件事件与属性.mp4
│ │
│ │
│ ├─{2}--通用管理后台组件库：业务组件&页面开发
│ │ ├─{1}--第1章 导学：交互与响应式设计基础
│ │ │ [4.2.1.1]--1-1 章导学：菜单交互与响应式进阶.mp4
│ │ │
│ │ ├─{2}--第2章 菜单组件：构建高度可配置的菜单组件
│ │ │ [4.2.2.1]--2-1 菜单组件需求分析.mp4
│ │ │ [4.2.2.2]--2-2 菜单组件：组件结构与Props类型定义.mp4
│ │ │ [4.2.2.3]--2-3 菜单组件：子菜单组件SubMenu.mp4
│ │ │ [4.2.2.4]--2-4 菜单组件：菜单项组件MenuItem.mp4
│ │ │
│ │ ├─{3}--第3章 交互设计：实现多功能默认布局
│ │ │ [4.2.3.1]--3-1 默认布局组件：需求分析.mp4
│ │ │ [4.2.3.2]--3-2 默认布局：自动路由形成基础菜单结构.mp4
│ │ │ [4.2.3.3]--3-3 默认布局：头部组件结构+基础组件样式扩展.mp4
│ │ │ [4.2.3.4]--3-4 默认布局：头像菜单组件-1.mp4
│ │ │ [4.2.3.4]--3-4 默认布局：头像菜单组件-2.mp4
│ │ │ [4.2.3.5]--3-5 默认布局：头像菜单组件事件定义与传递.mp4
│ │ │ [4.2.3.6]--3-6 默认布局：主题设置组件（抽屉组件）-1.mp4
│ │ │ [4.2.3.6]--3-6 默认布局：主题设置组件（抽屉组件）-2.mp4
│ │ │ [4.2.3.7]--3-7 默认布局：主题设置组件事件传递.mp4
│ │ │ [4.2.3.8]--3-8 默认布局：主题暗黑模式事件传递.mp4
│ │ │ [4.2.3.9]--3-9 默认布局：菜单模式切换及折叠效果设计.mp4
│ │ │ [4.2.3.10]--3-10 默认布局：菜单混合模多级菜单显示效果.mp4
│ │ │ [4.2.3.11]--3-11 默认布局：完成菜单4种混合模式交互.mp4
│ │ │ [4.2.3.12]--3-12 总结开发习惯：关于编码规范、组件拆分思路、事件传递.mp4
│ │ │
│ │ ├─{4}--第4章 菜单样式优化：国际化+事件管理
│ │ │ [4.2.4.1]--4-1 样式优化：全局Rest样式&下拉菜单激活状态.mp4
│ │ │ [4.2.4.2]--4-2 下拉菜单组件：综合运用泛型&defineModel.mp4
│ │ │ [4.2.4.3]--4-3 菜单国际化：正确使用i18n国际化的3种姿势.mp4
│ │ │ [4.2.4.4]--4-4 菜单国际化实践：注意特殊情况defineXXX.mp4
│ │ │ [4.2.4.5]--4-5 菜单路由跳转：菜单事件传递.mp4
│ │ │ [4.2.4.6]--4-6 多级菜单：自动展开功能（嵌套&递归通用写法）.mp4
│ │ │
│ │ ├─{5}--第5章 响应式进阶：主题设置抽屉组件的响应式设计
│ │ │ [4.2.5.1]--5-1 源码学习：Menu组件顶部折叠样式优化.mp4
│ │ │ [4.2.5.2]--5-2 响应式设计：Drawer抽屉组件样式调整.mp4
│ │ │ [4.2.5.3]--5-3 响应式布局：菜单自动折叠与移动端抽屉菜单-1.mp4
│ │ │ [4.2.5.3]--5-3 响应式布局：菜单自动折叠与移动端抽屉菜单-2.mp4
│ │ │
│ │ └─{6}--第6章 登录注册：创建灵活的登录注册页面
│ │ [4.2.6.1]--6-1 基础表单：登录注册页面需求分析.mp4
│ │ [4.2.6.2]--6-2 登录注册页：表单基本结构.mp4
│ │ [4.2.6.3]--6-3 登录注册页：语言切换与暗黑模式，隐藏菜单.mp4
│ │ [4.2.6.4]--6-4 登录注册页：响应式布局+背景图片.mp4
│ │ [4.2.6.5]--6-5 第三方登录+LoginForm组件封装.mp4
│ │ [4.2.6.6]--6-6 登录注册页：表单校验&自定义规则.mp4
│ │
│ │
│ ├─{3}--管理后台：功能性组件&可视化图表与地图
│ │ ├─{1}--第1章 打造移动端适配的高级表格组件
│ │ │ [4.3.1.1]--1-1 表格组件：需求分析&虚拟无限滚动原理.mp4
│ │ │ [4.3.1.2]--1-2 基础表格组件.mp4
│ │ │ [4.3.1.3]--1-3 【进阶表格】灵活的Slot传参（兼容column&tab.mp4
│ │ │ [4.3.1.4]--1-4 移动端适配：safe-area与默认布局样式优化.mp4
│ │ │ [4.3.1.5]--1-5 移动端适配：使用js动态计算滚动区域高度.mp4
│ │ │ [4.3.1.6]--1-6 菜单功能：头部固定（移动端滚动适配）.mp4
│ │ │
│ │ ├─{2}--第2章 表格组件扩展：嵌套、多级表头、单选多选等
│ │ │ [4.3.2.1]--2-1 表格示例扩展：嵌套结构+slot内嵌两种方式实现（固定表.mp4
│ │ │ [4.3.2.2]--2-2 [AI]表格事件传递：单选表格示例.mp4
│ │ │ [4.3.2.3]--2-3 表格扩展：单选多选表格（expose函数透传）.mp4
│ │ │ [4.3.2.4]--2-4 表格示例：排序与过滤.mp4
│ │ │ [4.3.2.5]--2-5 [作业]slot进阶用法三种示例.mp4
│ │ │ [4.3.2.6]--2-6 表格示例：树形数据与合计行.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (4.3.1)--第13周 业务型组件-表单和表格.zip
│ │ │
│ │ ├─{3}--第3章 表格组件：分页与事件传递
│ │ │ [4.3.3.1]--3-1 pagination分页组件事件传递.mp4
│ │ │ [4.3.3.2]--3-2 element-plus表格组件封装总结.mp4
│ │ │
│ │ ├─{4}--第4章 表单组件：自适应结构设计+拖拽高级功能
│ │ │ [4.3.4.1]--4-1 高级表格需求分析：自适应、拖拽.mp4
│ │ │ [4.3.4.2]--4-2 高级表格：自适应屏幕高度及加载过滤效果.mp4
│ │ │ [4.3.4.3]--4-3 高级表格：列拖拽.mp4
│ │ │ [4.3.4.4]--4-4 高级表格：初步行拖拽.mp4
│ │ │ [4.3.4.5]--4-5 思考扩展：拖拽表格行不支持的场景.mp4
│ │ │
│ │ ├─{5}--第5章 表单组件：动态表单组件设计与响应式数据处理
│ │ │ [4.3.5.1]--5-1 表单组件需求分析.mp4
│ │ │ [4.3.5.2]--5-2 基础表单设计：动态组件vs模板写法区别与优缺点分析.mp4
│ │ │ [4.3.5.3]--5-3 表单组件：基于schema的嵌套响应式布局.mp4
│ │ │ [4.3.5.4]--5-4 表单组件：响应式数据双向绑定.mp4
│ │ │ [4.3.5.5]--5-5 表单工具函数useForm.mp4
│ │ │ [4.3.5.6]--5-6 动态表单+表单校验功能.mp4
│ │ │ [4.3.5.7]--5-7 表单&Item事件和slots的处理.mp4
│ │ │
│ │ ├─{6}--第6章 动态表单组件总结
│ │ │ [4.3.6.1]--6-1 动态表单组件总结.mp4
│ │ │
│ │ └─{7}--第7章 Vue指令精粹：从交互增强到权限控制
│ │ [4.3.7.1]--7-1 自定义指令：复制指令.mp4
│ │ [4.3.7.2]--7-2 自定义指令：debounce&throttle.mp4
│ │ [4.3.7.3]--7-3 自定义指令：打字机效果1.mp4
│ │ [4.3.7.4]--7-4 自定义指令：多行文字打字机效果2.mp4
│ │ [4.3.7.5]--7-5 自定义指令hasPermission：按钮级权限控制.mp4
│ │ [4.3.7.6]--7-6 自定义指令has：扩展更灵活通用的权限指令.mp4
│ │ [4.3.7.7]--7-7 [扩展]前端权限设计方案.mp4
│ │
│ │
│ ├─{4}--组件库工程化：自动构建部署与测试
│ │ ├─{1}--第1章 组件库的交互与优化之旅
│ │ │ [4.4.1.1]--1-1 前置导学.mp4
│ │ │
│ │ ├─{2}--第2章 动态交互组件：面包屑与Vue过渡效果
│ │ │ [4.4.2.1]--2-1 头部面包屑组件.mp4
│ │ │ [4.4.2.2]--2-2 Vue中Transition过渡基础.mp4
│ │ │ [4.4.2.3]--2-3 头部面包屑组件Transition过渡效果两种实现（gs.mp4
│ │ │ [4.4.2.4]--2-4 样式优化：面包屑显示模式&菜单默认激活状态.mp4
│ │ │
│ │ ├─{2}--附件
│ │ │ (4.4.1)--第14周 组件库工程化——自动构建部署与测试.zip
│ │ │
│ │ ├─{3}--第3章 功能性组件：头部标签导航组件
│ │ │ [4.4.3.1]--3-1 自定义头部标签页组件.mp4
│ │ │ [4.4.3.2]--3-2 自定义头部标签：事件绑定.mp4
│ │ │ [4.4.3.3]--3-3 自定义标签：处理删除事件.mp4
│ │ │ [4.4.3.4]--3-4 自定义头部标签页组件：下拉控制菜单功能.mp4
│ │ │
│ │ ├─{4}--第4章 页面动效与样式：路由过渡与响应式设计
│ │ │ [4.4.4.1]--4-1 页面路由切换及过渡效果.mp4
│ │ │ [4.4.4.2]--4-2 坑点：动态组件缓存keepAlive与页面过渡整合.mp4
│ │ │ [4.4.4.3]--4-3 样式优化：内容部分&头部样式.mp4
│ │ │ [4.4.4.4]--4-4 面包屑内容响应式设计.mp4
│ │ │
│ │ ├─{5}--第5章 动画组件实战：创建自定义折叠过渡
│ │ │ [4.4.5.1]--5-1 [作业]折叠过渡效果：封装CollapseTransit.mp4
│ │ │
│ │ ├─{6}--第6章 功能性组件：集成ECharts图表、富文本编辑器、音视频
│ │ │ [4.4.6.1]--6-1 集成ECharts：第三方图表组件vue-charts-1.mp4
│ │ │ [4.4.6.1]--6-1 集成ECharts：第三方图表组件vue-charts-2.mp4
│ │ │ [4.4.6.2]--6-2 VueCharts简化属性项的传递.mp4
│ │ │ [4.4.6.3]--6-3 自定义封装ECharts组件及响应式调整.mp4
│ │ │ [4.4.6.4]--6-4 三款富文本编辑器推荐：TuiEditor&Vditor&.mp4
│ │ │ [4.4.6.5]--6-5 自定义富文本编辑器组件：集成Vditor.mp4
│ │ │ [4.4.6.6]--6-6 [扩展]编辑器页面响应式设计：动态form表单扩展.mp4
│ │ │ [4.4.6.7]--6-7 音视频组件如何选择.mp4
│ │ │ [4.4.6.8]--6-8 自定义视频组件：集成videojs.mp4
│ │ │ [4.4.6.9]--6-9 自制视频播放组件：监视配置项变化.mp4
│ │ │ [4.4.6.10]--6-10 自定义音频播放组件：需求拆解、响应式设计.mp4
│ │ │ [4.4.6.11]--6-11 音频播放组件：进度条拖拽&滑动交互设计.mp4
│ │ │ [4.4.6.12]--6-12 音频播放组件：音量控制&循环播放&速率控制交互设计.mp4
│ │ │ [4.4.6.13]--6-13 音频初始化&实例销毁.mp4
│ │ │ [4.4.6.14]--6-14 音频组件初始化&进度条状态控制.mp4
│ │ │ [4.4.6.15]--6-15 音频组件：播放&音量&步进&速率控制.mp4
│ │ │ [4.4.6.16]--6-16 音频组件expose事件定义.mp4
│ │ │ [4.4.6.17]--6-17 音频组件emits事件定义(切换音频).mp4
│ │ │ [4.4.6.18]--6-18 音频组件列表播放控制：列表播放、循环控制、随机播放、单.mp4
│ │ │ [4.4.6.19]--6-19 音频组件播放模式切换调试&Bug修复.mp4
│ │ │ [4.4.6.20]--6-20 音频组件优化：移动端事件绑定&控制按钮定制&useAu.mp4
│ │ │ [4.4.6.21]--6-21 [扩展]滚动文字指令scrollText.mp4
│ │ │ [4.4.6.22]--6-22 [扩展]滚动控制：延迟执行、鼠标悬停暂停.mp4
│ │ │ [4.4.6.23]--6-23 [扩展]滚动指令scrollText测试及修复初次滚动.mp4
│ │ │
│ │ ├─{7}--第7章 打包与优化：提升组件库性能与效率
│ │ │ [4.4.7.1]--7-1 组件库项目打包（排错&项目依赖升级&pwa）.mp4
│ │ │ [4.4.7.2]--7-2 打包优化：借助CDN加载核心库vite-plugin-c.mp4
│ │ │ [4.4.7.3]--7-3 打包优化：分模式打包&打包命令参数传递.mp4
│ │ │ [4.4.7.4]--7-4 打包优化：css打包优化.mp4
│ │ │ [4.4.7.5]--7-5 [扩展]echarts打包优化：如何定位与解决生产代码报.mp4
│ │ │ [4.4.7.6]--7-6 打包优化：选择不同的版本&设置script属性&切换CD.mp4
│ │ │
│ │ └─{8}--第8章 自动化部署：探索GitHub Actions与依赖管理
│ │ [4.4.8.1]--8-1 认识GithubActions.mp4
│ │ [4.4.8.2]--8-2 GithubActions来发布一个vue3基础项目.mp4
│ │ [4.4.8.3]--8-3 实践GithubActions：template项目发布.mp4
│ │ [4.4.8.4]--8-4 GithubPages自定义域名开启HTTPS.mp4
│ │ [4.4.8.5]--8-5 [扩展]Dependabot更新项目依赖.mp4
│ │ [4.4.8.6]--8-6 [扩展]第三方依赖管理工具renovate（强烈推荐）.mp4
│ │
│ │
│ └─{5}--桌面端应用：丰富组件库应用场景
│ ├─{1}--第1章 桌面应用开发：Electron vs Tauri 技术比
│ │ [4.5.1.1]--1-1 跨端桌面端一哥之争：Electron与Tauri.mp4
│ │ [4.5.1.2]--1-2 [扩展]桌面端技术选型.mp4
│ │ [4.5.1.3]--1-3 [扩展]桌面端应用UX&UI设计原则.mp4
│ ├─{2}--第2章 深入Electron：核心概念、进程通信与安全
│ │ [4.5.2.1]--2-1 探索Electron：不同版本区别&加速下载两种方案&第.mp4
│ │ [4.5.2.2]--2-2 核心概念：主进程与渲染进程.mp4
│ │ [4.5.2.3]--2-3 [扩展]VSCode调试问题&nvm配合.mp4
│ │ [4.5.2.4]--2-4 [思考]主进程app模块生命周期.mp4
│ │ [4.5.2.5]--2-5 Electron应用中如何安全的暴露Node.js的AP.mp4
│ │ [4.5.2.6]--2-6 主&渲染进程通信及ipcMain&ipcRenderer.mp4
│ │ [4.5.2.7]--2-7 渲染进程间消息通信：ipc方式（注意事件安全）.mp4
│ │ [4.5.2.8]--2-8 消息通信原理.mp4
│ │ [4.5.2.9]--2-9 消息通信MessageChannel方式（2种案例）-1.mp4
│ │ [4.5.2.9]--2-9 消息通信MessageChannel方式（2种案例）-2.mp4
│ │ [4.5.2.10]--2-10 [扩展]Electron应用安全.mp4
│ ├─{2}--附件
│ │ (4.5.1)--第15周 Electron.zip
│ ├─{3}--第3章 Electron界面交互：菜单定制与国际化
│ │ [4.5.3.1]--3-1 Electron中的菜单：系统菜单设置.mp4
│ │ [4.5.3.2]--3-2 Dock菜单&右键菜单.mp4
│ │ [4.5.3.3]--3-3 Electron主进程菜单国际化（i18n集成）.mp4
│ │ [4.5.3.4]--3-4 全局快捷键（如何全屏&退出全屏）.mp4
│ ├─{4}--第4章 Electron与前端框架集成实战
│ │ [4.5.4.1]--4-1 场景1：vite快速集成electron两种方案.mp4
│ │ [4.5.4.2]--4-2 场景2：vite-electron-builder集成.mp4
│ │ [4.5.4.3]--4-3 场景3：react与Electron集成的两种方案.mp4
│ │ [4.5.4.4]--4-4 [桌面端实践]改造admin-template项目-1.mp4
│ │ [4.5.4.4]--4-4 [桌面端实践]改造admin-template项目-2.mp4
│ ├─{5}--第5章 Electron打包与发布：从配置到上架AppStore
│ │ [4.5.5.1]--5-1 Electron打包工具electron-builder.mp4
│ │ [4.5.5.2]--5-2 electron-builder打包配置（简化版本）.mp4
│ │ [4.5.5.3]--5-3 electron-builder配置(详解版本).mp4
│ │ [4.5.5.4]--5-4 MacOS证书配置(不上架AppStore的情况).mp4
│ │ [4.5.5.5]--5-5 MacOS应用公证(不上架AppStore的情况)).mp4
│ │ [4.5.5.6]--5-6 Electron应用上架appStore(前置准备).mp4
│ │ [4.5.5.7]--5-7 Electron应用上架appStore（打包&签名&上.mp4
│ {6}--第6章 自动化构建：Github Actions实践
│ [4.5.6.1]--6-1 使用GithubActions自动化介绍&演示.mp4
│ [4.5.6.2]--6-2 实践github actions完成项目的打包&发布.mp4
│ [4.5.6.3]--6-3 macos平台配置github actions(需要非常.mp4
│ [4.5.6.4]--6-4 Electron应用自动更新配置.mp4
│ [4.5.6.5]--6-5 [扩展]项目如何配置electron-builder改图.mp4
……

资源较大，请及时下载，失效不补