Video icon 64
Learn to Code. Start your free trial today.

Chrome Developer Tools

with

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× speed

Free Preview: Chrome Developer Tools

Introduction

02:45

1.Introduction
1 lesson, 02:45

Free Preview
1.1
Introduction
02:45

2.Development Workflow
4 lessons, 31:29

Free Preview
2.1
Elements
10:58

2.2
Sources and CSS
06:25

2.3
Sources and JavaScript
07:54

2.4
Console
06:12

3.Performance
5 lessons, 32:34

3.1
Network
06:28

3.2
Timeline
07:13

3.3
Profiles
04:38

3.4
Layers and Rendering
10:08

3.5
Audits
04:07

4.DevTools and Mobile
3 lessons, 15:25

4.1
Emulation
03:23

4.2
Remote Debugging
06:41

4.3
Responsive Design
05:21

5.The Resources Panel
1 lesson, 02:31

5.1
Resources
02:31

6.Conclusion
1 lesson, 05:57

6.1
Extensions and Conclusion
05:57


Preview for Chrome Developer Tools
Lessons:
15
Length:
1.5 hours
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.
+ Expand Bio- Collapse Bio