Full Course:
Mastering Chrome Developer Tools, v4: https://www.frontendmasters.com/courses/dev-tools-v4/?utm_source=youtube&utm_medium=course_link&utm_campaign=dev-tools-v4
About this Course:
Inspect, debug, and audit web apps faster with professional Chrome DevTools skills! Prototype UIs live in-browser with the DOM inspector. Go beyond console.log() with step-through debugging and track memory performance to identify bottlenecks in your code. Leverage the network panel and run Lighthouse reports to ensure your apps are high-performing and following the latest performance, SEO, and accessibility best practices.
Find Frontend Masters Online:
Twitter: https://twitter.com/FrontendMasters
LinkedIn: https://www.linkedin.com/company/frontend-masters/
Facebook: https://www.facebook.com/FrontendMasters
Instagram: https://instagram.com/FrontendMasters
About Us:
Advance your skills with in-depth, modern front-end engineering courses — our 200+ high-quality courses and 18 curated learning paths will guide you from mid-level to senior developer! Try our courses for free for 7 days: https://www.frontendmasters.com/?utm_source=youtube&utm_medium=home_link&utm_campaign=dev-tools-v4
Sections:
0:00 - Introduction & Course Description
0:38 - Inspecting Elements & Styles
4:33 - Using the Network DevTools
9:26 - Using the Script Debugger