Chrome DevTools Course
Learn about the most underrated tool in frontend web development
1 hours+ of total content
4.5
3 ratings
255 developers learning
Course Creator: Mehul Mohan
Hang on...
Goals
- Different tabs and their use in devtools
- Pausing JS execution, breakpoints and debuggers
- Analyzing network requests and throttling them
- Patching JS on runtime, creating snippets, and more!
Description
I feel Chrome DevTools is one of the most underrated tools in the frontend industry because it can help you so much, yet, very few people take out time to actually understand it.
This course is exactly for that. We will explore in depth about Chrome DevTools and you will hopefully come to know about a lot of new features and things you can do. Let us learn in depth about these features and how they can help you speed up and improve your developer experience.
Course Structure
32 lectures • 01:53:36 total duration
Console Tab
(2 lectures • 13 minutes) Console 101 (Preview)
04:02
Trying out different consoles
09:18
Sources Tab
(10 lectures • 44 minutes) Sources tab 101
03:58
Setting up debugger
07:03
One more way to setup debugger
02:29
Event based debugger
05:11
Stepping in debugger
04:38
Breakpoints
04:13
Debugger
01:28
Call Stack
03:35
Patch code on runtime
06:05
Snippets
05:33
Networks Tab
(7 lectures • 24 minutes) Networks Tab
00:41
Networks tab overview
03:32
Exploring Networks Tab
06:27
Filters
04:24
Columns in Network Tab
02:09
Throttling
04:29
Copy request payload
02:29
Elements Tab
(9 lectures • 25 minutes) Elements Tab
00:44
Elements tab overview
03:14
Inspecting a node
03:13
Operations with a node
03:05
Special variable
02:03
Manipulate styles
05:11
Copying CSS Path
02:20
Color Picker
04:19
Next steps
01:38
Last 5 Reviews
hh
hip hop
Mar 24, 2021
nicevideos
MM
Marlon Mitchell
Mar 12, 2021
great course
A
ASWIN
Dec 21, 2020
Awesome Content !!!
Your Instructor
Mehul Mohan
Full-stack developer and security researcher
I'm a full-stack developer working with JavaScript and its associated runtimes for the past 7 years. I love to play with code and make something useful out of it! You can find me on social media, I'm quite active there :)
We ♥ quality. And we would love to see your growth. Hence, codedamn comes with a pro plan for advanced and accelerated learning!
Free
- HD video content
- Certificate of completion
- Mentorship from codedamn staff
- Support over WhatsApp
- Learning Path support
- Unlimited hands-on practice
Pro
- HD video content
- Certificate of completion
- Mentorship from codedamn staff
- Support over WhatsApp
- Learning Path support
- Unlimited hands-on practice