Past Meetup

Digging into your Developer Tools

This Meetup is past

35 people went

Location image of event venue

Details

Chrome's Developer Tools (DevTools) provide us with a vast set of tools to dive deep into the internals of the browser and a web application. We spend much of our time as developers tracking down issues and determining why something isn't working and where it's going wrong. Whether bugs or new development, we consistently are faced with understanding where issues are occurring. As new features continually get added and updated in DevTools, we can sometimes miss out on new and interesting ways to track down issues and prototype in the browser.

During the time we have together, there will be something for everyone and you'll hopefully walk away with a few new tools in your toolbox. Along with a high-level look at several panels and what's going on in them, we'll also get into debugging HTML, CSS, and JavaScript. We'll look at solving issues from a variety of angles: DOM updates, events, network requests, and more standard approaches. Plus, there's a hidden area in DevTools you'll find that you need a keyboard shortcut for that you'll get to show off to all your friends!

Here are several things that you can look forward to!

* High-level overview of DevTools and some helpful tips
* Tips for Debugging HTML & CSS such as inspecting animations and DOM breakpoints
* How to use event and network breakpoints to debug JavaScript bugs
* Tracking down a JavaScript issue using standard breakpoints
* How to declutter your call stacks and a hidden area in DevTools!