Lessons:15Length:1.5 hours
This course will show you how to use and incorporate the Google Chrome Developer Tools into your web development workflow. Web developer Umar Hansa will walk you through each of the Chrome DevTools panels and teach you a variety of techniques to accomplish DOM inspection, JavaScript and performance debugging, page styling, workflows and more.
1.Introduction
1.1Introduction02:45
1.1
Introduction
02:45
2.Development Workflow
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.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
