Everyone needs to know how to use web browsers' developer tools. Yes, EVERYONE! (Workshop)

HosseinRashno
Adam Gefen

I have about nine years of experience in software development. Surprisingly, I find out the majority of developers use just basic features of developer tools. They have no idea how much they can make their life easier by mastering developer tools!

The title of this workshop says "everyone" needs to learn how to use developer tools, and it's true!

- If you're a backend dev, you need to understand how to monitor the network calls, check the security of your web app, check the performance of the app, and understand the concepts of JS debugging to be able to communicate better with frontend developers regarding possible issues in the app.

- If you're a frontend dev, you need to use this tool every day therefore you need to master it! There are many things that you can do with the developer console that not everyone knows about it! Like how to set DOM breakpoints, checking the attached event listeners on elements, understanding the performance tab so you can make a decision to make your bundles smaller and faster, etc...

- If you're a frontend designer and don't care about anything other than styling, you still need to learn more about developer tools than just knowing how to check the styles in the Elements tab! For example, sometimes there are some style issues that happen in a fraction of a second. You need to learn how to pause the app at that exact moment to be able to check the issue and fix it.

- If you don't fit in the categories above, you still need to know how to use the developer tools! Imagine you want to sign up on a website but after filling all the fields, the form says "Please fix the errors and try again!" but there is no error in the form! Of course, you can contact them and ask them to fix the issue, but what if I tell you, you probably can find the issue by yourself and continue the signup process!

In this workshop, I'm going to cover many features of the developer tools and show you many hidden features of it. I promise it'll make your life much easier :)

Track

makers & builders

Tags

development
front-end development
javascript
workshop

When & Where

Time: 
Wednesday, 6 October, 2021 - 13:00 to 13:45
Room: 
Hopin - Room 7