- Overview
- Transcript
1.1 Introduction
Welcome to this course on Chrome Developer Tools. To start out, we’ll take a brief look through each panel in the DevTools. Many cutting-edge features we’ll be covering can be found in Chrome Canary which contains the latest and greatest. If following along with this course, be sure to enable the relevant features in the Experiments panel.
Related Links1.Introduction1 lesson, 02:45
1 lesson, 02:45
1.1Introduction02:45
1.1
Introduction
02:45
2.Development Workflow4 lessons, 31:31
4 lessons, 31:31
2.1Elements10:58
2.1
Elements
10:58
2.2Sources and CSS06:26
2.2
Sources and CSS
06:26
2.3Sources and JavaScript07:55
2.3
Sources and JavaScript
07:55
2.4Console06:12
2.4
Console
06:12
3.Performance5 lessons, 32:34
5 lessons, 32:34
3.1Network06:28
3.1
Network
06:28
3.2Timeline07:13
3.2
Timeline
07:13
3.3Profiles04:38
3.3
Profiles
04:38
3.4Layers and Rendering10:08
3.4
Layers and Rendering
10:08
3.5Audits04:07
3.5
Audits
04:07
4.DevTools and Mobile3 lessons, 15:25
3 lessons, 15:25
4.1Emulation03:23
4.1
Emulation
03:23
4.2Remote Debugging06:41
4.2
Remote Debugging
06:41
4.3Responsive Design05:21
4.3
Responsive Design
05:21
5.The Resources Panel1 lesson, 02:31
1 lesson, 02:31
5.1Resources02:31
5.1
Resources
02:31
6.Conclusion1 lesson, 05:57
1 lesson, 05:57
6.1Extensions and Conclusion05:57
6.1
Extensions and Conclusion
05:57
Umar is a front-end web developer based in London who has a focus on writing tips, tutorials and documentation for the web platform. Using tooling such as the browser DevTools for an improved development workflow but also for debugging performance issues is an area which he plans to explore further and share information about to the community.