DevTools Video Course: What do you want to see?

[umaar]

Please 'thumbs up' the relevant comment below, or add your own suggestions:

Update: You can now sign up for the course ▶ ModernDevTools.com

[umaar]

Performance (Basic) - Network perf, how to use your build system to output optimised resources etc.

[umaar]

Performance (Advanced) - Rendering perf, using the Timeline Panel to diagnose jank. Understand what layout thrashing is. Using Chrome Tracing Tools. Collecting traces in a CI environment.

[umaar]

DevTools as an IDE - What you need to know in order to keep your development environment within the browser.

[umaar]

Building a DevTools extension - Enhance your dev workflow by building extensions to automate.

[umaar]

Accessibility - Carry out Accessibility audits on your own website and learn how to fix issues.

[umaar]

Chrome DevTools Source Code - Learn to navigate your way around the DevTools source itself (it's all a web application). Become a contributor by landing your own bug fix or feature.

[umaar]

Service Workers - How they work and how to add them to your own site.

[umaar]

Performance Audits of other popular websites - improving the front-end perf of other existing websites.

[umaar]

Security - Explore and discover security exploits of other websites with the aid of DevTools and a few other tools.

[umaar]

Workflows - Modern workflows to adopt in your web development and web debugging journeys.

[umaar]

Animations - Learn how to create, debug and modify animations.

[umaar]

React.js - How to develop and debug a modern React.js webapp.

[umaar]

Vue.js - How to develop and debug a modern Vue.js webapp.