- When you start using a debugger, there are some important concepts and some important jargon that we need to go over to help you understand things better. The first is Breakpoint. Now, if you've had some exposure to responsive web design, this term may already have some meaning for you, but in the context of a debugger, a Breakpoint is a place where you tell the debugger to stop execution of your code and do something. Usually, for our purposes, that's just going to be stopping execution, suspending it so it doesn't go any further so you can look around at what's happening. Once you've stopped, you can start stepping through your code, and there are several ways you can step.
The first is to Step Over, this means to execute the line that you're on and step to the next one in the file that you're browsing, regardless of how complicated that line you're looking at might be. If it has a ton of function calls, all on one single line, you'll just execute it and step to the next one. Next, there is Step Into, and just like it says, this will take you into the next function call on the line you're executing. Likewise, there is Step Out, which will take you from wherever you are and step you out of the function that you're currently executing.
And, this will all make sense when we're looking at an actual debugger. Next up is a Watch, now this does not refer to a time piece, but rather to taking a look at a particular variable or an expression, so you can watch it over time and have it in a specific place that you can always look at. Next up is the Call Stack, this is the series of functions that were called to get to the place where we have stopped and are actually looking around. A Call Stack is made up of frames; that's just an entry in the Call Stack.
It's usually a function call. And then, finally there is IDE. That stands for integrated development environment, which is a piece of software that collects important things that you need when working as a programmer. This usually includes a powerful text editor and a debugger, among other features. We'll be looking at 1 example of a good IDE later in this course. So that's a look at some of the important jargon and concepts that we'll be looking at later just so you have some idea of what we're going to see coming up next.
- Getting the browsers and plugins
- Leveraging the Console API
- Using breakpoints
- Using step functions
- Watching variables
- Debugging jQuery, WordPress, mobile sites, and more