How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Debug the DOM in Chrome with the Devtools Elements Panel

via egghead.io

Go to class Write review
GetSmarter Ad

MIT Sloan AI Adoption: Build a Playbook That Drives Real Business ROI

Learn More → Scrimba Ad

Get 20% off all career paths from fullstack to AI

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
In this course we’ll take a deep look at the Elements panel in the chrome devtools. We’ll step through each button and tab on this panel and discuss how to use them to interact with your web application as it runs.

Syllabus

  • Chrome Devtools: Elements - Inspect Elements vs View Source
  • Chrome Devtools: Elements - Make Changes in Your Browser
  • Chrome Devtools: Elements - Debug with Style!
  • Chrome Devtools: Elements - Console Integration
  • Understand the Event Listeners Panel
  • Use the Device Toolbar to Emulate Different Screens
  • Use DOM Break Points

Taught by

mykola bilokonsky

Reviews

Start your review of Debug the DOM in Chrome with the Devtools Elements Panel

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.