Fundamentals of Front End Ops
summary
Front end ops focuses on three speeds: push-to-server, render-in-browser, and feedback-to-devs. It prescribes concrete tools and gates: ESLint CSSLint editorconfig, pre-commit hooks and fast branch builds feeding CI, then predictable automated deployment with continuous deployment or continuous delivery. CDN caching, origin placement and HTTP/2 over TLS reduce latency; expect cache busting headaches and avoid surprises like when gzip broke at Lonely Planet and asset sizes spiked. Monitor JS errors with TrackJS and Sentry, collect real user timings and run simple A/B performance tests.
AI-written summary · about
chapters (13)
- 0:00Intro
- 0:58Key Concepts
- 3:34Safe Code Delivery
- 4:28Save & Pre-Commit
- 6:56Code Review
- 8:12Continuous Integration
- 9:16Deployment
- 12:01Enabling a fast UX
- 13:59Application Level
- 15:22Load Balancer or Proxy
- 18:06Browser
- 20:27Collect Metrics
- 24:25Use the Feedback
related talks
58mDevOps for Frontend Engineers
42mDevOps for Frontend
29mLean Frontend Development
31mThe Future of Front-End Performance
42mFront-End Performance
30mOld Gods & New: A Vision of Backend & Frontend
48mBecome a Frontend Developer Ninja using HTML5, JS and CSS3
19mDevOps for Frontend: beyond Desktop Browsers