illustration for Chrome DevTools tips & tricks
pro

Chrome DevTools tips & tricks

Instructor

Tomasz Łakomy

12m closed-captioning
·
8 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.4
254
people completed
Published 5 years ago
|
Updated 3 years 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!

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.