JavaScript/Web tooling now and tomorrow
summary
Demonstrates concrete tooling and results: webhint runs as an npm/CI checker and surfaces 244 issues in the browser Issues panel, with fixes and links; linting and live squiggles appear in Visual Studio Code problems; an extension Edge DevTools for VS Code embeds a live browser so DOM inspection, CSS edits and source‑map syncing happen without switching apps; shows automation with puppeteer/playwright, grid/flex overlays and DOM breakpoints and reports these features as working and reducing console noise.
AI-written summary · about
chapters (10)
- 0:00Start
- 0:56THE WEB DEBUGGING JOURNEY HAS BEEN ROUGH...
- 3:13WE'RE IN GOOD SHAPE THOUGH
- 4:56WAIT... WHAT IS ALL THIS???
- 10:27THE TRINITY OF WEB DEVELOPMENT
- 11:06AN OPPORTUNITY TO GET BOGGED DOWN IN CUSTOMISATION
- 11:42AN ENDLESS CYCLE OF CONTEXT SWITCHING
- 12:12AND THE FORGOTTEN PART...
- 22:09BREAKPOINTS CONSOLE.LOGO
- 23:34DOM BREAKPOINTS
