Elements Tab

Call Stack

Patch code on runtime

Copying CSS Path

Inspecting a node

Special variable

Snippets

Setup

Manipulate styles

Hello DevTools

Throttling

Next steps

Copy request payload

Prerequisites for the course

Filters

Operations with a node

Console 101

Breakpoints

Exploring Networks Tab

Columns in Network Tab

Introduction

Color Picker

Debugger

Event based debugger

Networks Tab

Networks tab overview

Setting up debugger

Sources tab 101

Trying out different consoles

One more way to setup debugger

Stepping in debugger

Elements tab overview

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

Samuel Emmanuel

sai sathish

It gave me different ways to debug my web pages. Increasing my productivity.

Praneeth

Tristan de Bruin

Abhishek Singh

Certificate Details

Chrome DevTools Course

Course Goals

Mehul Mohan