前端工程化与开发体系构建实践

主题

内容

一、前端工程化概述

1.   前端工程化的概念、内容及优势

2.   前端工程化方向及前景

二、架构选型

1.   团队技术债务与技术规划

2.   JavaScript 框架选型与设计（React VS Vue; 数据、渲染、路由）

3.   JavaScript 编译语言

4.   CSS 编译语言与选型

5.   Node开发框架选型与设计（逻辑、数据、路由、并发）

6.   构建工具与打包工具

7.   专利与开源协议

三、编码规范

1.   JavaScript, CSS, HTML 编码规范介绍

2.   团队规范的制定逻辑与策略

3.   ESLint, StyleLint 工具保障

四、脚手架与命令行

1.   脚手架的概念及主流开源技术

2.   命令行的概念、作用及架构设计

3.   团队技术的迭代与脚手架、命令行

五、模块化与组件化开发

1.   模块化开发的概念与形式(AMD, CMD, UMD, ES6 Module)

2.   组件化开发的概念及优势

3.   组件开发规范与脚手架

4.   组件的归类与展示

六、模板化开发

1.   模板的概念及应用场景

2.   如何制作开发模板

七、自动化测试

1.   测试的概念及优势（BDD, TDD, DDD）

2.   测试工具的介绍及实践（Mocha VS Jasmine VS Jest，Karma，Puppeteer）

八、前端工作流与开发平台

1.   前端工作流介绍（开发、联调、测试、集成、部署、监控）

2.   联调平台的挑战与设计（Mock平台）

3.   集成平台的挑战与设计（CI）

4.   部署平台的挑战与设计（部署测试环境及发布线上环境）

5.   监控平台的挑战与设计（性能、错误、其它打点）

九、前端开发体系的联通与服务化

1.   工具与平台间的互通及高效工作流的打造

2.   前端开发体系与云服务的结合

十、团队管理及敏捷迭代

1.   团队的组成及管理模式

2.   前端开发体系如何打造敏捷开发之师

十一、互动研讨

小程序开发、腾讯云等案例研讨