by Umar Hansa
Lessons:15Length:1.5 hours
Next lesson playing in 5 seconds
Cancel- 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
Free Lesson 1.1Introduction02:45
Free Lesson
1.1
Introduction
02:45
2.Development Workflow4 lessons, 31:31
4 lessons, 31:31
Free Lesson 2.1Elements10:58
Free Lesson
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