慕课网-Web前端架构师（35周）

这套慕课网 Web 前端架构师课程按 35 周推进，结构上不是零散知识点的堆叠，而是围绕一条完整的产品线展开：从脚手架创建、编辑器服务端搭建、B 端功能完善，到性能优化与前端发布，最后落到服务端完善和上线。换句话说，它把「架构」拆成了可以动手做的工程环节，而不是停留在概念讲解。对已经写过业务、但没完整跟过一个中大型项目从 0 到上线的人来说，这条主线本身就是最有价值的部分。

技术栈与内容取向

课程横跨前端与 Node 服务端两侧：前端涉及工程化构建、脚手架设计、组件化方案、B 端中后台的交互与状态管理；服务端涉及接口设计、服务搭建、前后端联调与部署发布。它的取向偏工程落地——脚手架和发布流程这类容易被忽略、但在真实团队里决定协作效率的环节，被单独拆成阶段来讲。这一点和市面上只讲框架用法的内容有明显区别：框架 API 会过时，构建链路和发布链路的组织方式则相对稳定，迁移到其他技术栈时思路仍然可用。

项目结构：一条主线，六个阶段

• 脚手架开发：理解一个项目从初始化到可运行需要哪些约定，包括目录规范、构建配置、本地开发服务。
• 编辑器服务端搭建：进入前后端协作的核心，涉及数据模型、接口契约和服务端职责边界。
• B 端功能完善与性能优化：在已有骨架上补齐业务功能，同时处理加载、渲染和请求层面的性能问题。
• 服务端完善与发布上线：把开发态的东西推到可部署、可访问的状态，覆盖环境和流程问题。
• 前端发布脚手架：把发布动作工具化，让上线不依赖人工记忆。

这个顺序值得注意：它先立骨架再填业务，最后才做发布，和真实项目的演进方向一致。学习时可以按阶段对照自己的项目，看同样的决策在自己代码里是怎么做的、差在哪里。

可复用的模块

跟做过程中真正能沉淀下来的，通常是几类东西：脚手架模板与构建配置、接口分层与请求封装、B 端常见页面的组件组织方式、性能优化的检查清单、以及发布脚本。这些模块的共同点是边界清晰、依赖少，脱离课程项目也能直接搬到自己的工作里。建议在跟做时不要只求跑通，而是把每个模块的输入输出和职责写清楚，形成自己的私有模板库——这比记住某一段代码更有长期价值。

怎么用这份资料

35 周的体量不适合从头到尾被动观看。更合理的用法是：先快速过一遍各阶段的目标和产出，判断哪些环节是自己已经熟练的、哪些是完全空白的；然后只对空白环节逐行跟做，其余部分用源码对照阅读。遇到和自己项目结构不一致的地方，先想清楚差异的原因，再决定是否替换。视频负责讲思路，源码负责给参照，两者对照着看，效果比单看任何一边都稳。

自学路径建议

如果基础还不牢，先补齐模块化、构建工具和 HTTP 相关内容，再进入脚手架和服务端阶段，否则容易卡在配置细节上。已有业务经验的人可以直接从编辑器服务端和发布流程切入，这两块最能暴露前后端协作与工程规范上的短板。每完成一个阶段，回头整理一次该阶段的架构决策和取舍理由，写进自己的笔记。课程的价值不在于看完，而在于你能拿着它对照自己的项目，把没想明白的地方一个个补上。