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

EP03 工程师的自我修养 - 前端的工程化
Tags:
technical
web
hacker

为了达成 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

联系方式:async.talk@gmail.com

BGM by Otologic