Knowing how to use your browser’s developer tools is an indispensable skill for a web developer. They allow you to easily and quickly track down the cause of issues and bugs, like problems with layout or other CSS hiccups. What might have taken an hour or even a few hours to track down and fix without the use of these tools often takes a matter of minutes or even seconds with the help of developer tools.
As you will come to see in the assignments, much, much more can be done with developer tools other than debugging CSS issues. They provide you with an incredibly powerful assortment of useful tools that will save you a lot of frustration and time as you develop your own websites.
Although they offer you so many useful capabilities, learning how to use the developer tools isn’t that difficult. It can feel clunky the first few times you use them, but with a little practice, you will soon find yourself comfortably using them to experiment and fix bugs with ease on your web pages.
Make sure you can do each of the following once you have finished the assignments:
This section contains helpful links to other content. It isn’t required, so consider it supplemental for if you need to dive deeper into something.