课程名称： Web前端架构师2022-阶段一：需求分析和架构设计：做什么，如何做？

课程章节：
第一周 第三章 3-7 & 3-8 前端研发模式优化背后的思考
第一周 第三章 3-9 前端监控体系+测试体系分享
第一周 第三章 3-10 前端发布体系+架构师课程大图分享

课程讲师： Sam、张轩

课程内容：

3-7 & 3-8 前端研发模式优化背后的思考

• 有哪些提升前端研发效率的手段？
  • 复用代码→使用物料（组件、代码片段、模板代码）
  • 赋能产品、运营或后端非前端开发→低代码搭建
• 如何高效使用这些工具，并且快速投入生产？（技术运营）
• 物料和低代码会撼动前端工程师的地位吗？
  • 会影响初级前端工程师，因为简单的表单、H5页面不再需要初级前端开发
  • 前端工程师将逐步从初级页面开发转向高级工具开发、复杂全栈应用开发

物料开发模式

3-9 前端监控体系+测试体系分享

前端监控体系介绍

• 你所在的公司是如何做前端监控的？
• 前端监控的三个阶段
  • 初级：使用第三方平台，百度、友盟、阿里云ARMS等
  • 中级：自研前端监控库，缺乏完整的监控体系
  • 高级：自研前端监控平台，具备完整的监控体系
• 前端监控的数据有什么用？
  • 前端数据监控，如PV/UV、点击率、页面停留时长等
  • 自定义事件监控，如：曝光事件、滑动事件等
  • 交易指标监控，如：成交额、转化率等
  • 其他综合分析，如：用户画像分析、流量漏斗、销量预测等

项目测试体系介绍

• 前端项目如何做测试？
  • 测试同学： 功能测试，性能测试，测试用例
  • 前端同学：单元测试，常用于组件库、API等（Jest、mocha）
• 上线项目如何做测试？
  • 测试同学回归
  • 利用前端监控，进行监控项目稳定性和性能，并上报前端日志
    • 稳定性：如jserror、白屏检查

3-10 前端发布体系+架构师课程大图分享

前端发布体系介绍

• 发布体系：利用脚手架统一管理发布阶段
• 利用脚手架做发布的优势
  • 规范：利用统一发布规范，如commit记录、分支记录、代码规范等
  • 效率：避免大量重复操作，浪费开发时间
  • 安全：构建和发布全部在云端操作，避免个人发布时间带来的安全隐患
• 脚手架发布流程？
  • GitFlow自动化代码提交
  • 远程代码自动检查
  • 云端完成构建与发布操作

慕课乐高整体架构设计图

课程收获：
今天开始体系课学习，课程买了好久了，从今天开始我要一步步把它学完！

课程截图：