Agile Engineering for Web

on YouTube ↗41m

" summary

Compares concrete practices for front-end agility: demonstrates test-driven JavaScript and CSS by live-coding a toggle widget, shows refactor from floats to Flexbox, and proves each change with unit tests. Uses Jake for builds, karma to run tests across browsers, and Quixote for CSS assertions. Shows surprising cross‑browser failures — works on Chrome but breaks on IE10 and Mobile Safari 8 — and argues CI for browsers is often manual.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 0:58Simple Design
3. 4:35Cross Browser Testing
4. 8:16Toggle Behavior
5. 8:46Test Driven Development
6. 16:45Refactorings
7. 17:51The Cliq Behavior
8. 27:02Detail Oriented Test Driven Development Cycle
9. 36:26Test-Driven Development
10. 36:50Adaptive Planning

" related talks

• 37mFront-end Testing for SkepticsLuke Francl · RailsConf 2013
• 38mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · Voxxed Days Frontend Bucharest 2019
• 26mModern Testing Practices in Frontend ApplicationsDan Neciu · JSworld Conference 2023
• 36mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · TestCon Vilnius 2018
• 53mModern Web Testing: Going Beyond SeleniumDmitry Vinnik · GeeCON 2019
• 08mFront-End Engineering - You Are Holding It Wrong!Boris Litvinski · You Gotta Love Frontend 2017
• 42mAutomated CSS TestingJakob Mattsson · JSConf.Asia 2013
• 31mA Modern Front-End WorkflowUmar Hansa · Render Conference 2017