Learning JavaScript Debugging

Author

Released

5/31/2018

Whether you're new to coding or an experienced developer, bugs are an inevitable part of web development. Debuggers can make the task of finding and fixing those bugs much easier. In this course, learn how to work with a debugger to efficiently locate and resolve issues in your JavaScript projects. Instructor Joe Chellman provides a language-centered guide to dealing with the complexities involved in creating for the largest distributed platform out there: the web. He covers why we need debuggers, goes over notable jargon and concepts, and steps through the basics of using a debugger. He then takes a look at debugging in practice, sharing how to debug a React application in Chrome, how to debug on iOS using Simulator, how to debug a WordPress theme in Visual Studio Code, and more.

Topics include:

Understanding the need for a debugger

Debuggers in web browsers

Basic debugger concepts

Debugging the use of a jQuery plugin

Remote debugging on an Android device

Debugging a node application in WebStorm

Using a debugger as a learning tool on a live site

Skill Level Intermediate

2h 6m

Duration

30,492

Views

Show MoreShow Less

- [Joe] Hi, I'm Joe Chellman,and welcome to Learning JavaScript Debugging.As developers, our main job is to find waysto turn ideas into working products,apps, websites, art pieces, whatever.Knowing how to write code is a beautiful thing,with a computer doing exactly what we tell them to,or so we hope.But trouble can arise when the things we've writtendon't produce the results we're looking for.As cool a job description as we have,the actual work is often just trying to track downand fix problems in the code we've writtenor heaven forbid what someone else wrote.

It can be really frustrating tracking down bugs,so every tool we can bring to bearis good for our physical and mental well-being,causing fewer face-shaped dents in our desks.In this course, we're going to go in depthon how to use a debugger to better understand your code,so you can find and fix issues more easily.Fortunately, these tools are pretty easy to useonce you understand how they work, so it won't take long.We'll start by going over the basics,what software you need,what terminology you need to understand,and how each main feature of a debugger works.Next, we'll work through a series of examples.

Like all software on the web,debuggers are constantly being refined to work betterwith the sites and projects all of us are building everyday.So, we'll look at how JavaScript debugging worksin the context of jQuery, a React project,mobile websites, Node.js, and a WordPress theme.We'll also take a look at usingan integrated development environment, an IDE,in a JavaScript project and what a difference that can makein terms of your productivity.Using a debugger is not the only wayto better understand how your JavaScript works,but it is essential.