We'll start with a nice overview of each tab (Elements, Console, Sources, etc ). Then we'll talk about DevTools experiments and how to stay on top of the latest tools.
Next, we'll start learning the tools and how they can be used to edit websites. We'll cover:
We can take a broken application and use only the DevTools to figure out what's wrong and fix it. Say goodbye to console.log!
Last, we'll make our way through all the great profiling tools. We'll talk about:
This 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.
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!