更新说明:对文章目录排版做了调整。
更新时间:2022-05-04

第一章 课程导学

1-1 课程导学

  • 课程目标对标大厂P7
  • 课程准备从招聘、提高自身实力、分析未来发展展开
  • 课程内容:5大核心系统、12个代码仓库、4万行代码等构成一个体系完整的闭关系统项目。
  • 项目预览、体系关系图、知识点图谱等。
  • 收获:具有web前端架构师能力、亲身精力实战研发过程、拥有架构师思维。
  • 对前置知识:TS/Vue/React/Webpack/nodejs等自行查漏补缺。
  • 多实践、记录笔记。

第二章 周介绍

2-1 周介绍

  • 本周内容:需求和架构设计
  • 收获:研发流程规范化、熟悉产品需求、以架构师思维分析理解需求、《整体技术方案设计》文档、学会如何写技术方案设计。

第三章 需求分析

脱离业务的架构就是耍流氓 、架构师必须深入理解需求、参与需求、看透需求背后的业务本质。

3-1 产品研发流程

公司起步-> 项目启动 ->需求 -> 技术方案设计 -> 开发 -> 联调 -> 测试 -> 上线(版本升级) -> 项目总结 -> 年度总结

3-2 以架构师的思维分析需求

一道面试题开始–要对业务本身以及延伸展开考虑

3-3 项目浅层需求

简言之就是从项目前端业务展示看整个项目的流程

3-4 深度需求

不容易一眼看出来,却很重要的需求

  • 作品管理(删除恢复、转增、复制)
  • 作品统计(通过统计看结果,分渠道统计)
  • 作品发布(url不变、支持多渠道)
  • H5分享(对业务增长服务)
  • 后台管理(数据全局把控)

3-5 需求总结

1-1

第四章 架构设计


4-1 整体架构设计–章介绍

  • 任何看似复杂的架构,都是让整个系统变得简单
  • 学会如何写技术方案设计
  • 看整体、考虑扩展性、可行性、多调研、莫为设计而设计、用最简单实现方式。

4-2 分析需要多少个项目

B端编辑器(前端、后端)、H5、管理后台(前端、后端)
1-2

4-3 需要自研统计服务

需要自研统计服务的原因:第三方贵且不能很好满足需求。
1-3

4-4 各个项目之间的关系图

1-4

4-5 作品数据结构设计

1-5

4-6 数据流转关系图

1-6

1-7

4-7 技术方案文档的重要性

1-8

4-8 写架构设计文档

通过此节内容,整理一个架构设计文档的范本,方便以后在写架构设计文档的时候有个demo参考。
整体架构设计范本

4-9 本周总结以及下一步操作

1-9

第五章 本周总结


5-1 本周总结

以架构师思维分析需求、理解需求,写整体技术方案设计。

5-2 关于作业和打卡

homework.imooc-lego.com