illustration for Chrome DevTools tips & tricks
pro

Chrome DevTools tips & tricks

Instructor

Tomasz Łakomy
12m closed-captioning
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.3
196
people completed
Published 3 years ago
|
Updated a year ago

Chrome DevTools are incredibly useful for a frontend developer, sometimes we spend more time using them than our text editor of choice.

That's why it's so important to understand this tool better - those quick lessons will teach you things that will help you to become a more effective developer.

You will learn how to:

  • Use (experimental) CSS Overview to learn all about CSS used on a page in a minute
  • Style console.log messages with CSS - a crucial skill for any senior developer (j/k)
  • Debug your code (on production and local environment) with logpoints
  • Run a Lighthouse audit of your site
  • Choose accessible colors for your website that have an AAA contrast ratio rating
  • Force a DOM element state in Chrome DevTools
  • Use Console utilities to make debugging easier
  • Copy a network request as fetch or cURL with Chrome DevTools

Have fun!

Learner Reviews

  • Ghanshyam Patel
    10 months ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Good short videos. Thankas Tomasz

  • Samuel Pitoňák
    a year ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    This is another course from Tomasz the represents well-spent 10 minutes of valuable time.

Course Content

12m • 8 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers
    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout
    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use
    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.