### 📂 慕课网-Web前端架构师（35周）
#### 📁 {1}--课程
##### 📁 阶段一：课程设计及前端创建脚手架开发
1. **需求分析和架构设计：做什么，如何做？**
- 第1章 课程简介
- 第2章 需求分析
- 第3章 前端研发流程
2. **脚手架架构设计和框架搭建**
- 脚手架开发入门 → 框架搭建 → Lerna源码分析（加餐）
3. **脚手架核心流程开发**
- 整体架构设计 → 模块拆分策略 → 执行准备 → 命令注册（commander） → ESModule支持（加餐）
4. **脚手架命令注册和执行过程开发**
- 命令注册 → 缓存结构设计 → Package封装 → Node多进程 → 高性能脚手架
5. **脚手架创建项目流程设计和开发**
- 功能架构设计 → 命令行交互 → egg.js + MongoDB → 模板下载 → inquirer源码解析
6. **脚手架项目和组件初始化开发**
- 模板安装 → ejs库详解 → 组件初始化 → 自定义模板 → require源码解析
---
##### 📁 阶段二：B端项目分析和设计，编辑器初步编码，业务组件库搭建
1. **B端项目需求分析和架构设计**
2. **前端基础技术回顾和巡礼**（TS、Vue3）
3. **项目整体搭建**（vue-router、vuex）
4. **编辑器基本布局及业务组件库初步开发**
5. **掌握测试基本工具**（Jest、vue-test-utils、TDD）
6. **通用上传组件开发及使用**
7. **业务组件库打包、发布，添加CICD**（Rollup、npm、travisCI）
---
##### 📁 阶段三：从0搭建编辑器服务端
1. **后端技术选型及基础知识巩固**（egg.js、MongoDB、mongoose）
2. **用户系统设计与实现**（session、JWT、OAuth2）
3. **文件上传**（本地 + OSS、Sharp、Stream、Busboy）
4. **部署及CICD**（Docker、GitHub Actions）
---
##### 📁 阶段四：完善B端所有功能，前后端结合和性能优化
1. **编辑器组件图层面板功能开发**（Cropper.js、图层拖动）
2. **让元素动起来**（拖动、缩放、快捷键、撤销重做、右键菜单）
3. **前后端结合**（MockServer、登录、权限、数据获取）
4. **整合开发B端其他页面功能**（截图、发布、渠道、剪贴板、下载）
5. **大型项目的编译、部署及性能优化**（Webpack、Vue CLI、HTTP优化）
---
##### 📁 阶段五：完善服务端，发布上线
1. **脚手架功能升级**（大厂代码复用、add命令、页面模板）
2. **代码复用能力开发**（代码片段安装算法）
3. **前端监控平台之JS库开发**（SDK、曝光/点击日志）
4. **前端监控平台之大数据开发**（MaxCompute）
5. **前端监控平台之数据可视化开发**（性能监控、指标运算）
---
##### 📁 阶段六：前端发布脚手架开发
1. **发布模块架构设计和核心流程开发**（gitflow、云构建）
2. **git自动化流程开发**（GitFlow、Github/Gitee API）
3. **云构建系统开发**（WebSocket、Redis）
4. **云发布功能开发**
5. **组件发布功能开发**（物料体系、组件平台）
6. **组件平台开发**（列表、详情页）
7. **项目单元测试用例设计和开发**（Mocha、Package/Git类测试）
---
##### 📁 阶段七：架构师领导力培养
- **第35周 大厂如何管理多人协作的研发项目**
---
#### 📁 {2}--资料
- 📄 课程资料 .exe (3.88 MB)
---
