Learn to use the Chrome DevTools on Treehouse

Share this article

Debugging JavaScript used to mean printing variable names using the alert() function. Fixing CSS issues could be even more frustrating. Not anymore! The Google Chrome web browser has a built-in set of tools for developers called the Chrome DevTools.

In the Chrome DevTools Basics badge, we’ll go over each panel in the Chrome DevTools and show how each tool can be used to improve your website. You’ll learn how to inspect CSS, profile JavaScript performance, cut down page loading times, and so much more. No matter if you’re a designer or a developer, beginner or advanced, this is essential knowledge that every web professional needs to learn.

Chrome DevTools Basics

Free Workshops

Watch one of our expert, full-length teaching videos. Choose from HTML, CSS or WordPress.

Start Learning

Nick Pettit

Nick is a designer, public speaker, and teacher at Treehouse. He is also a co-host of The Treehouse Show. Twitter: @nickrp


4 comments on “Learn to use the Chrome DevTools on Treehouse

  1. You will be really a superior web site owner. The internet site packing acceleration is definitely amazing. The idea variety of thinks that you’ll be carrying out almost any distinctive strategy. On top of that, The particular subject matter are usually masterwork. you will have completed a fantastic exercise for this make any difference!

  2. Hello there, purely changed to aware about ones blog site by way of Yahoo, and discovered that it’s truly informative. I’m just usually very careful intended for belgium’s capital. I shall be relieved any time you continue this specific later on. Lots of people will probably be reaped the benefit out of your producing. Best wishes!