EP03 工程师的自我修养 - 前端的工程化

AsyncTalk

为了达成 OKR 聊点儿主题相关的，这次的主题是关于前端工程化的问题，以及对未来的展望，如何身体力行地去参与创建下一代前端。

内容主要三个部分 —— 开发，部署，运维

希望大家可以开拓视野，尝试用初次相见的眼光看待事物，不拘泥于目前的限制。毕竟比马更快的不是马，比 TNT 更爆裂的也不是炸药。那么，比 React, Webpack 更好的，是什么呢？

主播：

AnnatarHe: https://web.okjike.com/u/20965c29-1f92-4df8-9107-45043db29278

Tinko: https://space.bilibili.com/290664

Sleaf

Timeline:

00:00 开场

01:03 前端工程化的前世今生

05:05 现代工程化 - 开发（分支管理与 Git Flow）

12:36 当前部署流程 CI/CD

14:32 下一代构建/部署展望

23:10 下一代的 CSS 样式要怎么写？

31:55 我们需要更高压缩率的图片格式吗？

38:07 关于测试的讨论

46:25 下一代运维是什么样，Serverless？

52:28 上线之后我们要做什么？

56:37 畅想重构 web 开发流程

ref:

Backbone.js https://backbonejs.org/

各种 git 工作流 https://www.ruanyifeng.com/blog/2015/12/git-workflow.html

Git-flow 已经过时 https://nvie.com/posts/a-successful-git-branching-model/

Google 不再兼容 IE https://9to5google.com/2021/10/01/google-search-internet-explorer-11/

常见图片格式 https://juejin.cn/post/6844903625731358727

E2E 测试工具 Cypress https://www.cypress.io/

自动文档生成工具 https://typedoc.org/

TDD(Test Driven Development) https://en.wikipedia.org/wiki/Test-driven_development

Sentry https://sentry.io/

NewRelic https://newrelic.com/

Uptrace https://uptrace.dev/

Prisma https://www.prisma.io/

Rome https://rome.tools/

更多资料:

软件开发的工作流: https://blog.forecho.com/software-development-workflow.html

LeanCloud 开放资源 - 文案风格指南: https://open.leancloud.cn/copywriting-style-guide/

How We Build Code at Netflix: https://netflixtechblog.com/how-we-build-code-at-netflix-c5d9bd727f15

不需要追求 100% 的测试覆盖率 https://medium.com/@joshuakgoldberg/in-defense-of-100-unit-test-coverage-7fd1a9873ca4

联系方式：[email protected]

---

BGM by Otologic