Devtools Pro: The Basics of Chrome Developer Tools

• Navigate around in the DevTools and make live changes to HTML / CSS and Javascript.
• Use awesome built-in tools like the colorpicker and text shadow editor!
• Write simple Javascript commands and learn the basics of how to debug your code.
• Understand how to simulate Mobile Devices.
• Get info to improve page load times with Audits
• Write larger blocks of test code in the Snippets panel

This course is a simple introduction to the Google Chrome Developer Tools. In this course we'll cover the basics ofdevtoolswhich are absolutely essential to productive web development.

And pssst... Thecourse has a humourous twist--your instructor will teach you about amazing colors like blanchedalmond and cornflowerblue!

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

• Use the elements panel to modify and update live webpages with tools like the colorpicker and text shadow editor.
• Type simpleJavascript commands in theconsole.
• 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 improvingpage load time.

This is a free course meant to cover the absolute basics. After completing this, you'll have to tools and knowhow to become a DevTools wizard with my followup class, DevTools 2017:Beginner to Expert with Google Chrome Developer tools.