Debugging the Web
summary
Uses console.log to split a quadratic into steps and finds a misplaced bracket that makes Math.sqrt apply only to b*2 producing intermediate outputs 14 12 2 and final 6 instead of the expected 1, shows console.time timing a loop at ~100 ms, demonstrates the VS Code debugger orange JavaScript debug terminal with breakpoints, step into/over/out controls and variable panes and shows a Jest test hitting a breakpoint, and uses Chrome DevTools* Sources to trigger a click‑driven breakpoint and inspect state (toggle true).
AI-written summary · about
chapters (15)
- 0:00Start
- 0:08Introduction
- 3:48Debugging
- 6:59Console Functions
- 7:55Console Time
- 8:24Debugging with Vs Code
- 8:55Debug Terminal
- 9:46Add a Breakpoint
- 10:14Breakpoint
- 15:35Chrome Tools
- 16:34Add Breakpoints
- 18:53Pros
- 19:54Cons
- 20:56Conclusion
- 22:09Resources
related talks
33mEssential JavaScript debugging tools for the modern detective
47mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!
29mEssential JavaScript debugging tools for the modern detective
05mDebugging, a step away from the console
53mBeyond console.log
15mBeyond console.log: Supercharge Your Debugging Skills!
53mFuture of JavaScript Debugging: Dbux and Dynamic Program Analysis
35mDebugging JS and React