How to Debug JavaScript with Chrome Developer Tools - A JavaScript Debugging Tutorial
Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.com
In this tutorial, we give a brief introduction to the debugging features built into Google Chrome's Dev Tools and show how to use them to debug JavaScript. We focus heavily on the Sources panel, covering breakpoints, the execution control buttons, watches and the call stack. Learning these tools helps to ease the pain and suffering often associated with debugging.
Watch this video to learn:
- What is a breakpoint and how to create one
- What the execution control buttons do
- How to use the call stack