Introduction

Setup

Prerequisites for the course

Hello DevTools

Console 101

Trying out different consoles

Sources tab 101

Setting up debugger

One more way to setup debugger

Event based debugger

Stepping in debugger

Breakpoints

Debugger

Call Stack

Patch code on runtime

Snippets

Networks Tab

Networks tab overview

Exploring Networks Tab

Filters

Columns in Network Tab

Throttling

Copy request payload

Elements Tab

Elements tab overview

Inspecting a node

Operations with a node

Special variable

Manipulate styles

Copying CSS Path

Color Picker

Next steps

Learn about the most underrated tool in frontend web development

Course has a really good structure making it easy to understand the concepts.

Jonathan Alvares

<p>I feel Chrome DevTools is one of the most underrated tools in the frontend industry because it can help you so much, yet, very few people take out time to actually understand it.</p>
<p>This course is exactly for that. We will explore in depth about Chrome DevTools and you will hopefully come to know about a lot of new features and things you can do. Let us learn in depth about these features and how they can help you speed up and improve your developer experience.</p>

Me alongside a team of developers, creators, designers are building the best interactive programming courses here.

Mehul Mohan

Learn the basics of web - Internet fundamentals

Learn HTML and CSS [2024 Ready]

Learn JavaScript Basics

Chrome DevTools Course

The course is awesome. I got to know some interesting features that will help me debug.

Certificate Details

Chrome DevTools Course

Course Goals

Mehul Mohan