Javascript Debugging Crash Course

Let's get familiar with basic debugging concepts and the tools that we use form performing them.

Breakpoints halt our executing code so we can peer into our application state.

Call Stack Views and related additonal views give us the insight we need to find bugs.

Logging allows us to customize output that helps us understand what our code is doing as it runs.

When we've got pre-processed code, we need source maps to debug it.

Use of the console is an important part of the debugging process.  Let's learn to leverage it.

We can go through the process of debugging with our own code and expand on what we've learned already.

With our own code, let's go through the debugging process, practice our skills, and learn some more.

Let's learn to make our Breakpoints even more powerful.

The console can do a lot more than we'd expect.  Here we'll discover some interesting tricks and tips.

We need to be proactive in our debugging processes in certain areas, including general performance, network performance, and memory management.  We can be effectively proactive with the proper tooling.

When we write code that doesn't perform as expected, we need to know how to fix it with the proper tools and techniques

With such a wide array of network conditions to be aware of, we need know how to test our code in simulated environments 

JavScript memory management can be difficult without the right tools.  Let's learn to use some great ones.

Let's review what we've learned and discuss how we can continue to improve our debugging skills