Help make Code School better
We are hoping that you could take a minute to let us know what you thought about Discover DevTools.
Course Overview
-
Level 1 Free Level 2 Videos | 12 ChallengesElementsDig into the elements panel, learn how to make changes to the DOM and update styles.
-
Level 2 Free Level 1 Video | 6 ChallengesSourcesNew workflows to speed up your development time.
-
Level 3 Free Level 3 Videos | 14 ChallengesConsoleReview the DevTools console and learn how to examine exceptions and use timesaving shortcuts.
-
Level 4 Free Level 3 Videos | 13 ChallengesDebuggingGreat workflows for debugging problems in your JavaScript.
-
Level 5 Free Level 4 Videos | 15 ChallengesNetworkSpeed up your network interactions using the network tab and the page speed extension.
-
Level 6 Free Level 2 Videos | 13 ChallengesProfilesGet familar with your applications rendering performance and learn how to use CPU profiling to identity performance problems.
-
Level 7 Free Level 2 Videos | 11 ChallengesMemoryLearn how to find and identify memory leaks in your application.
Complete these levels to unlock
Course Completion Badge
Learn how Chrome DevTools can sharpen your dev process and discover the tools that can optimize your workflow and make life easier.
Supplemental Learning
Additional Resources
- The Breakpoint EpisodesA show dedicated to developer tools and time-saving techniques.
- Developer Tools Documentation
About The Professor
Gregg is passionate about taking complex topics and teaching them efficiently. He's helped build Envy Labs, Starter Studio, and Code School. He also furthers education through BarCamp in Orlando, the Orlando Ruby Users Group, and the Orlando Tech Events newsletter.
View Full CreditsCourse Notes
- Estimated Course Length: 4 - 5 hours