大前端技术的根源是 Web 开发技术和 GUI 软件开发技术，如今这两者正在加速融合，前端开发和 Web 开发中出现的范式转移都已经累积到接近革命的程度，最近几年我在多个公开场合围绕「现代 Web」概念做过讨论，在这次分享中，我会在之前讲过的《理解现代 Web 开发》、《现代 Web 开发的现状与未来》基础上，更进一步讨论「现代 Web 开发技术栈」、「现代 Web 开发套件」和「现代 Web 应用」，以及字节跳动「Web Infra」团队在这方面所做的实践。

演讲提纲：

1.  Web 开发技术栈演变

• 互联网行业和产品形态的变迁
• 传统 Web 开发技术栈：LAMP、RoR、12 要素、MEAN/MERN
• JAMStack？SHAMstack？
• STAR？
• Meta-framework
• JS 第三纪元？

2.  Web 开发的「范式转移」

• 框架视角
• UI 视角
• 编程视角
• 架构视角
• 抽象视角
• 部署视角
• 平台视角

3.  Web 开发在字节跳动

• 脚手架和模板、Webpack 封装、Node.js 框架、PaaS、后端云、跨端、可视化搭建
• MWA、新一代研发工具和平台的普及

4.  Modern Web Stack（现代 Web 开发套件）

• 工程方案
• MWA 框架
• 可复用模块生态
• Serverless 和前端 PaaS
• 云研发平台
• 低码提效

5. 开发 MWA

6. MWA 带来了什么

• 免选型困扰，囊括社区主流，享受生态红利
• 开箱即用，摆脱琐碎和重复，专注价值创造
• 摆脱『一用即抛』的脚手架，无样板代码
• 从『前端开发』进化到『产品 / 应用开发』
• 从 "Universal JS" 进化到 "Universal App"
• 更智能的编程方式，更完善的开发工具箱
• 跟平台互相紧密集成，超越『木桶短板』
• 解放开发者，赋能业务专家，打通 No/Low-Code

7. 总结

你将获得：

• 理解 Web 开发技术栈的发展脉络和趋势
• 了解 Jupiter 现代 Web 开发套件、Goofy 前端研发平台等字节跳动 Web Infra 研发体系
• 了解 MWA 的概念、能力和实践