Devtools Pro: The Basics of Chrome Developer Tools

This course is a simple introduction to the Google Chrome Developer Tools. In this course, we’ll cover the basics of dev tools which are essential to productive web development.

And pssst… The course has a humourous twist–your instructor will teach you about amazing colors like blanched almond and cornflower blue!

When you’re finished you’ll be able to:

• Use the elements panel to modify and update live webpages with tools like the color picker and text-shadow editor.
• Type simple Javascript commands in the console.
• Write and test larger blocks of code with the snippets panel.
• Understand how to stop and step through code with breakpoints and basic debugging.
• Learn how to simulate mobile devices for responsive development.
• Use the audits panel to get useful information about improving page load time.

This is a free course meant to cover the absolute basics. After completing this, you’ll have to tools and know-how to become a DevTools wizard with my follow-up class, DevTools 2017: Beginner to Expert with Google Chrome Developer tools.