Develop, Debug, Learn?

on YouTube ↗19m

" summary

Argues that web development loses users and maintainers by hiding platform details and piling abstractions and shows concrete fixes: use lightweight online environments like CodePen JSBin StackBlitz and Codesandbox to develop debug and learn together, run a headless browser preview inside the editor, surface lint rules that warn about missing alt text or button type, avoid a 150 megabyte install to fix a typo, and auto-complete from the top 3000 GitHub projects to speed safe coding.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 1:58A logical order...
3. 4:22Caught in the rush...
4. 6:04developers === people
5. 6:38Demand overload!
6. 14:33Browser (Developer Tools)

" related talks

• 43mThe Dangers of Being a Web DeveloperJens Oliver Meiert · Beyond Tellerrand Düsseldorf 2018
• 51mProgramming is DebuggingYoz Grahame · Open Source Bridge 2013
• 47mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!Mike Herchel · Frontend United 2018
• 33mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · You Gotta Love Frontend 2019
• 29mEssential JavaScript debugging tools for the modern detectiveRebecca Hill · JSConf Budapest 2019
• 39mClean, Concise, Collaborative CodeChristopher Miller, Liz Kaufman · Conf42 JavaScript 2022
• 43mLessons Learned Live Coding in PublicGary Hockin · phpday 2022
• 37mAll tooled up and nowhere to go?Christian Heilmann · HalfStack Online May 2020