Full Stack Web Development

VSW07 An Introduction to Browser DevTools


2:00pm - 3:15pm

Level: Intermediate

Robert Boedigheimer

Principal Systems Developer

Schwan's Home Delivery

Web developers use a large variety of tools to help develop and troubleshoot issues with web sites, but often overlook the DevTools in modern browsers. Learn how to use DevTools to diagnose hard to locate CSS problems, debug JavaScript, monitor network usage, and many other common tasks. Apply best practices from Lighthouse audits of performance, accessibility, and SEO. It's great that these powerful tools are now built directly into web browsers, discover how to use them develop better quality web sites more quickly.

You will learn:

  • How to troubleshoot broken web sites
  • Utilize audits of performance, best practices, and more including detailed recommended fixes
  • Discover how to use local overrides of files and how to save changes directly to original source code