Browser Developer Tools – Using for everything | Udemy

Every modern web browser includes a powerful suite of developer tools. These tools do a range of things, from inspecting currently-loaded HTML, CSS and JavaScript to showing which assets the page has requested and how long they took to load.

By the end of this course, you will gain a new perspective on the Browser Developer Tools, and develop a comprehensive understanding of practical application in day-to-day development and its usage on web applications.

What exactly are you going to learn then?

• The overview of the most used tabs of the browser developer tools
  • Elements
  • Console
  • Sources
  • Network
  • Application
  • Performance, Memory, Lighthouse & and more tools
• How you can use the browser developer tools
  • To customise any app/website for your own benefit
  • To avoid repeating yourself while developing with hot-reload mode activated.
  • To save time while developing hybrid apps.
  • To still be able to contribute with your team or product even when not on your development machine
  • To learn new HTML/CSS techniques and implementations.
  • To increase implementation success of your app/website suggestions or improvements
  • To gain control over any app/website behaviour through storage manipulation.
  • To be aware and learn from the network activity of any app/website desired.
  • To discover new technologies used by any app/website out there.