Course info
Jun 12, 2020
1h 46m
Your 10-day individual free trial includes:

Expert-led courses

Keep up with the pace of change with thousands of expert-led, in-depth courses.

Debugging client-side web applications can be difficult because they involve a complex mix of HTML, CSS, and JavaScript while also storing data on the client and constantly communicating with a web server. In this course, Debugging Sites Using Chrome DevTools, you'll learn how to use the powerful set of tools included with Chrome to quickly diagnose and fix problems in your client-side applications. First, you'll learn how to examine and edit both the structure and style of a site to make sure your designs are being implemented correctly. Next, you'll discover how to fully harness the power of the browser console to log output, execute JavaScript, and troubleshoot problems. Finally, you'll explore how to step through and debug JavaScript code right in the browser and save fixes back to your development environment. When you're finished with this course, you'll have the skills needed to confidently and efficiently debug modern client-side web applications.

About the author
About the author

Brice has been a professional developer for over 20 years and loves to experiment with new tools and technologies. Web development and native iOS apps currently occupy most of his time.

More from the author
Angular Services
2h 17m
Jul 16, 2021
Angular HTTP Communication
2h 33m
Jul 8, 2021
Creating and Using Generics in TypeScript
Jun 9, 2021
More courses by Brice Wilson
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hey, everybody. My name is Bryce Wilson, and welcome to my course, Debugging Sites Using Chrome DevTools. I'm a server and client‑side web developer. Google Chrome ships with a powerful set of tools to help developers debug web sites. There's no more appropriate place to debug your client‑side web apps than right in the application where they run. I'll show you how to take advantage of the sophisticated functionality available in Chrome DevTools to help you find and fix bugs faster. Some of the major topics we'll cover include examining and editing the DOM, using the browser console, debugging JavaScript, and viewing network communication. By the end of the course, you'll have a solid understanding of the most useful DevTools features and how to use them to start debugging your own sites. Before beginning this course, you should be familiar with the basics of HTML, CSS, and JavaScript, but you certainly don't need to be an expert. I hope you'll join me on this journey to find and fix bugs faster with the debugging site using Chrome DevTools course at Pluralsight.