Mastering Chrome Developer Tools
Join us for an Awesome Workshop on:

Mastering Chrome Developer Tools

May 27, 2016 - 9:30am to 5:30pm Central Daylight Time

This workshop has already been published as a course!

Mastering Chrome Developer Tools

Some Key Takeaways!

By participating along with us in the workshop, you'll learn:

  • Step through each tab of the developer tools and learn all the great things they can do
  • Learn how to use Chrome DevTools as your primary editor and persist your changes to disk
  • Learn how to diagnose slow websites and improve performance
  • Learn how to add breakpoints and step through debug JavaScript applications
  • Learn how to find and fix memory leaks
  • Learn how to control JavaScript performance and screen painting to reduce screen jank

Your (Awesome) Instructor

Jon Kuperman

Jon Kuperman

Currently a developer advocate working on Cloudflare’s Workers and Pages. Jon is passionate about Open Source Software and the open web. He spends his free time learning, reading, blogging, and teaching.

Spend a Full Day Immersed With a Leading Chrome Developer Tools Master

Workshop Details

Most people are aware that DevTools exist. Maybe you even use them for tweaking CSS or the interactive console. But there is so much more! Let's look at everything the tools have to offer and how they can make your job a lot easier! Come join Jon Kuperman and learn how to edit, debug and profile web applications with Chrome DevTools!

Daily Schedule

We've already held over 50 workshops holding thousands attendees in-person and online. In this time we've discovered ways to schedule the day so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day. - Tweaking HTML & CSS - Finding all styles for an element - Controlling the viewport - How to persist changes to disk - After that we'll start covering tools that can be used for debugging existing applications. - We'll deep dive into the JavaScript step through debugger

  • 8:30AM
    Tech Check and Hello
  • 9:00AM
    Introduction and what each DevTool tab can do
  • 10:00AM
  • 11:00AM
  • 12:00PM
    Lunch and Hacking
  • 1:00PM
  • 2:00PM
    Putting it all together
  • 3:00PM
    Hack on learnings
  • 4:00PM
    Further reading and wrap-up

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?


This workshop is for developers looking to get better at debugging web applications! We won't assume any DevTools knowledge to get started. We'll go from the basics all the way to advanced profiling.

Any Prerequisites?

  • Some JavaScript experience is necessary as we'll be looking at code a fair amount.
  • Other than that, basic web knowledge will be helpful but not required!

Event Details


One Full Day Workshop Session

Replay Videos (available immediately)


May 27, 2016 - 9:30am to 5:30pm Central Daylight Time


Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN