2015
Lynda
Joe Chellman
2:12
English
Using a debugger provides deeper insights into your code, telling you not just when things don't work but also why. Best of all, the tools are easy to learn and often built right into your web browser. In this course, Joe Chellman looks at how to find and fix issues in JavaScript projects using a debugger, the tool of the trade. He reviews the different software available and introduces core debugging techniques, such as inspecting variables and stepping through functions. In the last half of the course, Joe debugs four types of real-world JavaScript scenarios (a jQuery plugin, WordPress theme, mobile site, and AngularJS project) and touches on how incorporating test-driven development practices into your debugging process can increase your productivity and the strength of your code.
Introduction
Welcome
What you should know before watching this course
Using the exercise files
1. Understanding the Need for a Debugger
Introducing our friend the debugger
Important jargon and concepts
Getting the browsers and plugins
Finding out what's good about IDEs and editors
Why debugging AJAX can be tricky
2. First Contact: Debugger Basics
Debugging without a debugger
Leveraging more of the console API
Stopping and looking around with simple breakpoints
Breaking under different conditions
Stepping into, over, and out of functions
Finding out where you are using the call stack
Watching variables more easily with watches
Using source maps to debug minified files
3. Debugging in Practice
Debugging the use of a jQuery plugin in Firefox
Finding and fixing an issue in a jQuery plugin
Setting up the WordPress example
Debugging a WordPress theme in Firefox/Firebug
Debugging a mobile site in the Safari and iOS inspector
Debugging a mobile site in Firefox and Android
Debugging an AngularJS application in Chrome
Setting up WebStorm for debugging
Debugging an AngularJS application in WebStorm
Debugging a live site as a learning tool
4. Next Steps
Exploring test-driven development
More reading, courses to watch, and thanks!
Download File Size:461.79 MB