Advanced Chrome DevTools

Let's cover all sorts of tips and tricks offered by Chrome's DevTools to make our jobs easier!

We'll start with a nice overview of each tab (Elements, Console, Sources, etc ). Then we'll talk about DevTools experiments and how to stay on top of the latest tools.

Next, we'll start learning the tools and how they can be used to edit websites. We'll cover:

  • Tweaking HTML & CSS
  • Finding all styles for an element
  • Controlling the viewport
  • How to persist changes to disk

After that we'll start covering tools that can be used for debugging existing applications. We'll deep dive into the JavaScript step through debugger.

We can take a broken application and use only the DevTools to figure out what's wrong and fix it. Say goodbye to console.log!

Last, we'll make our way through all the great profiling tools. We'll talk about:

  • The most common performance problems
  • Finding and fixing memory leaks
  • Identifying page jank
  • Improving JavaScript performance.

Who is this for?

This is for developers looking to get better at debugging web applications! We won't assume any DevTools knowledge to get started. We'll go from the basics all the way to advanced profiling.


Some JavaScript experience is necessary as we'll be looking at code a fair amount. Other than that, basic web knowledge will be helpful but not required!

General Description

Most people are aware that DevTools exist. Maybe you even use them for tweaking CSS or the interactive console. But there is so much more! Let's look at everything the tools have to offer and how they can make your job a lot easier!

Your Instructor

Jon Kuperman
Jon Kuperman

I'm Jon Kuperman, a web developer at Twitter. I'm passionate about JavaScript, web performance and accessibility. In my free time I speak at conferences, blog at Code Planet and run The Web Behind podcast.

Frequently Asked Questions

When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!