- Introduction

1. Welcome
2. What you should know before watching this course
3. Using the exercise files

- Understanding the Need for a Debugger

1. Introducing our friend the debugger
2. Important jargon and concepts
3. Getting the browsers and plugins
4. Finding out what's good about IDEs and editors
5. Why debugging AJAX can be tricky

- First Contact: Debugger Basics

1. Debugging without a debugger
2. Leveraging more of the console API
3. Stopping and looking around with simple breakpoints
4. Breaking under different conditions
5. Stepping into, over, and out of functions
6. Finding out where you are using the call stack
7. Watching variables more easily with watches
8. Using source maps to debug minified files

- Debugging in Practice

1. Debugging the use of a jQuery plugin in Firefox
2. Finding and fixing an issue in a jQuery plugin
3. Setting up the WordPress example
4. Debugging a WordPress theme in Firefox/Firebug
5. Debugging a mobile site in the Safari and iOS inspector
6. Debugging a mobile site in Firefox and Android
7. Debugging an AngularJS application in Chrome
8. Setting up WebStorm for debugging
9. Debugging an AngularJS application in WebStorm
10. Debugging a live site as a learning tool

- Next Steps

1. Exploring test-driven development
2. More reading, courses to watch, and thanks!