慕课网- Web前端架构师

editorial_too_short:441

### 📂 慕课网-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)

---