Lessons:15Length:1.5 hours
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.Introduction
1.1Introduction02:45
1.1
Introduction
02:45
2.Development Workflow
2.1Elements10:58
2.1
Elements
10:58
2.2Sources and CSS06:25
2.2
Sources and CSS
06:25
2.3Sources and JavaScript07:54
2.3
Sources and JavaScript
07:54
2.4Console06:12
2.4
Console
06:12
3.Performance
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 Mobile
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 Panel
5.1Resources02:31
5.1
Resources
02:31
6.Conclusion
6.1Extensions and Conclusion05:57
6.1
Extensions and Conclusion
05:57
