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.