Debug JavaScript in Chrome with DevTool Sources

This course examines the Sources panel in the Chrome DevTools, which allows you to see what files are responsible for the various things on the screen. Bundled into this panel, though, is the single most useful tool for any JavaScript developer - the JavaScript Debugger. We’ll use the Debugger to inspect JavaScript as it runs, allowing you to watch (and even interact with) the state of your application as it runs in ways that’ll blow your mind if you’ve mostly used console.log to debug your applications to this point.

• Examine a Running App with the Chrome Debugger
• Examine a Page's Source Resources with Chrome DevTools
• Unbundle your JavaScript with Source Maps in Chrome DevTools
• Use Snippets to Store Behaviors in Chrome DevTools
• Set Breakpoints for the Chrome Debugger