Devtools Pro: Beginner to Expert w/ Chrome Developer Tools
What you will learn
Modify live webpages and test out new ideas quickly
Quickly build and test scripts live without ever refreshing the browser
Diagnose and fix problems with existing code
Optimize loading, memory and performance issues
Course Gallery
Charts
Comidoc Review
Our Verdict
Since its release in 2017, this course has helped countless students learn essential skills for mastering Chrome Developer Tools. Its primary focus on core features makes it an ideal starting point for newcomers interested in front-end development or debugging existing websites. While certain tools and integrations have evolved since the course was last updated, its foundational lessons remain highly relevant today.\n\nThough you may discover more advanced content elsewhere, this 2.5-hour video compilation offers a fantastic overview of DevTools packed with unique tricks and techniques for live editing, debugging, testing scripts, and enhancing web application performance. Incorporating these techniques into your development routine will prove invaluable as you transition from beginner to expert status.\n\nHowever, it's crucial to approach this course with the understanding that some aspects may not align perfectly with today's DevTools versions (e.g., naming conventions or tool locations). Nonetheless, the lessons themselves still deliver an abundance of actionable insights for new and experienced developers alike.\n\nSo if you want a strong foundation in mastering Chrome Developer Tools without investing excessive time diving deep into every rabbit hole, this course is a perfect fit.
What We Liked
- Provides a comprehensive overview of Chrome DevTools with many actionable tips and tricks.
- Helps newbies grasp core DevTools features such as live editing, script testing, code debugging, and performance optimization.
- The instructor's diction is clear, making it easy to follow along even at 1.75x or 2x speed.
- The course has aged well; most of the content remains relevant for today's DevTools version.
Potential Drawbacks
- Some tools and processes were updated since the course was last updated in 2018, so there may be slight discrepancies with the current workflow.
- There is a higher focus on live editing and code debugging, making it less focused on advanced topics like JavaScript Profiler options or using watches in Sources tab.
- While instruction is clear, learners with no coding experience might find some sections challenging due to unexplained coding procedures.
- Video quality could be improved, as text within DevTools may sometimes appear blurred and difficult to read.