**Web架构师实战特训进化班【VIP】：解决你的技术缺口**

**这门课解决什么问题：**

你负责的Web项目频繁出现性能瓶颈、部署繁琐、监控缺失等问题，却找不到架构层面的解决方案。你希望从"能跑就行"提升到"能扛住生产流量"，但现有知识只够写页面、调接口，跨不过架构那道坎。这门课围绕TypeScript类型系统、React Hooks、环境配置、无服务器架构、容器化部署、监控优化这条主线，帮你补齐从代码到生产的完整能力链。

**适合什么基础：**

具备前端或后端基础，能独立写React/Vue页面或Node服务，有一定项目经验。不需要零散过TypeScript语法，但需要理解基本类型概念。如果你只写过HTML+JS，建议先补一下类型系统和React Hooks再进这门课。

**建议先看哪几块：**

按学习顺序，第一块是导学课程和课表，建立整体认知；第二块是环境配置基础篇，确保本地开发环境跑通；第三块是TypeScript类型系统，从日常类型到泛型、infer、类型计算，逐步建立类型思维；第四块是React Hooks，理解状态管理与副作用处理；第五块是无服务器架构和函数计算，学习Serverless和CodeRunner；第六块是项目生产环境、容器设计和K8s部署；第七块是监控优化和Skedo智能功能。其中TypeScript和React Hooks是贯穿全程的核心基础，建议优先掌握。

**学完能独立做什么：**

能独立设计并实现一个从开发到生产部署的完整Web项目，包括架构选型、容器编排、监控落地。能用TypeScript编写强类型代码，减少运行时错误；能搭建Serverless架构和函数计算平台；能完成K8s容器化部署与自动化运维。

**资料怎么配合练习：**

看完每节录播后，对照打卡点中的练习完成实操，尤其是TypeScript类型计算、React Hooks组合、K8s部署这些有明确产出的环节。遇到疑问先看对应直播答疑，把课程里讲的不确定的地方补上。

课程目录

10、Skedo中的Node.js服务
打卡点18- Skedo中的若干个Node服务解读--01.mp4 243.08M
打卡点19-Skedo运行时环境--01.mp4 507.08M
11、实现无服务器架构（serverless）和函数计算（FC）
打卡点21-实现CodeRunner--01.mp4 482.35M
打卡点22-搭建平台和函数计算结合--01.mp4 581.44M
打卡点23-第四次直播答疑--01.mp4 207.98M
12、项目生产环境&部署
打卡点24-项目生产环境和容器设计--01.mp4 470.29M
打卡点-25-K8s部署--01.mp4 300.69M
13、监控和优化
打卡点26-体验优化--01.mp4 313.67M
打卡点27-第五次直播答疑--01.mp4 175.18M
打卡点28-监控和数据--01.mp4 487.71M
14、补充章节
打卡点29- Skedo智能功能（补充）--01.mp4 156.38M
打卡点30-函数式编程入门（补充）--01.mp4 199.43M
15、监控和优化
打卡点31-用数据说话--01.mp4 92.13M
打卡点33-前端架构师软技能--01.mp4 47.38M
打卡点34-第六次直播答疑--01.mp4 340.37M
1、导学课程+课表
导学课程--01.mp4 25.10M
2、模块录播课程
01 - 导读：类型的重要性--01.mp4 23.96M
02 - 课程导学--01.mp4 18.95M
03 - 环境配置（基础篇）--01.mp4 43.13M
04 - 环境配置（高级篇）React-Vue的配置--01.mp4 101.04M
05 - ts日常类型--01.mp4 87.62M
06 - 泛型--01.mp4 50.36M
07 - 解决组合类型的检查（窄化）--01.mp4 58.83M
08 - infer和强大的类型计算体系_1--01.mp4 61.17M
09 - 关于函数的补充--01.mp4 71.82M
10. 类型计算入门（描述类型的小工具) 上篇_1--01.mp4 52.76M
11. 类型计算入门（描述类型的小工具) 下篇--01.mp4 41.51M
12 - TS class的补充--01.mp4 46.78M
13 - TS的模块x--01.mp4 27.65M
14 - TS课程总结_1--01.mp4 11.84M
01 React latest导学--01.mp4 7.36M
02 理解 React Hooks--01.mp4 26.15M
03 - React基础--01.mp4 58.34M
04 - React Hooks API（1）--01.mp4 78.58M
05 - React Hooks API（2）--01.mp4 44.67M
06 - React Hooks API（3）--01.mp4 49.11M
07 - Hooks的几个使用技巧--01.mp4 22.55M
08 - Hooks 封装公用组件--01.mp4 35.36M
09 - 封装公共行为--01.mp4 44.26M
10 - 链接外部能力--01.mp4 4.89M
11 - 封装业务逻辑--01.mp4 7.60M
12 - React原理基础 （DOM - DIFF )部分--01.mp4 55.78M
13 - Fiber的原理--01.mp4 63.43M
14 - Reconciler和Render--01.mp4 11.85M
01 - 课程导学_1--01.mp4 19.91M
02 - vue 3.0 整体解读--01.mp4 77.28M
03 - Reactive的值：Ref和Reactive--01.mp4 84.22M
04 - watch effect--01.mp4 111.44M
05 - computed--01.mp4 36.63M
06 - 其他hooks--01.mp4 30.13M
07 - vue3组件封装--01.mp4 118.03M
08 - vue3 公共逻辑的封装--01.mp4 9.68M
09 - vue原理解读（01）--01.mp4 16.53M
10 - vue原理解读（02）--01.mp4 33.82M
11 - vue原理解读(03)--01.mp4 23.84M
01 - Node学什么--01.mp4 12.81M
02 - Node的进程和线程_1--01.mp4 110.66M
03 - NodeJS的IO--01.mp4 84.18M
04 - Node标准 API设计--01.mp4 67.36M
05 - 文件操作--01.mp4 114.67M
06 - 进程操作--01.mp4 74.84M
07 - 网络操作(1)--01.mp4 37.29M
08 - 集群模式--01.mp4 27.38M
09 - 加密解密--01.mp4 48.42M
10 - puppeteer爬虫的制作--01.mp4 81.73M
11 - Socket.io聊天服务--01.mp4 105.82M
12 - 完整案例：从爬虫到入库到搜索--01.mp4 271.99M
01 - Docker使用教学_1--01.mp4 104.73M
02 - Docker镜像和Docker Compose--01.mp4 52.85M
03 - Yarn workspace--01.mp4 56.84M
04 - Webpack选讲--01.mp4 38.83M
05 - Babel插件--01.mp4 38.82M