Chrome DevTools Complete Course - Learn to debug your frontend code

This is a basic/intermediate course on Chrome DevTools which will help you become a better developer over time. If you liked the course, you can start browsing more courses or get a streamlined frontend web developer learning path on codedamn: https://bit.ly/fullstack-codedamn

Timestamps
00:00 Intro
01:20 Setup
02:43 Pre-reqs
03:36 Hello DevTools
06:05 Console 101
10:07 Trying Out Different Consoles
19:25 Sources Tab 101
23:23 Setting Up Debugger
30:26 One More Way
32:55 Event-Based Debugger
38:06 Stepping On Functions
42:44 Breakpoints
46:57 Debugger
48:25 Call Stack
52:00 Patch Code
58:05 Snippets
01:03:38 Networks Tab
01:04:18 Networks Tab 101
01:07:50 Exploring Networks Tab
01:14:17 Filters
01:18:41 Columns in Network Tab
01:20:50 Throttling Network
01:25:19 Copying Requests
01:27:48 Elements Tab
01:28:31 Elements 101
01:31:45 Inspecting Node
01:34:58 Operations With Elements
01:38:03 Special Variable
01:40:06 Styles Manipulation
01:45:17 Copying CSS/JS Path
01:47:37 Color Picker
01:51:56 Outro

Don't forget to subscribe and like the video if you enjoyed :)
Want to become a programmer? Learn and solve challenges on codedamn: https://codedamn.com
My Instagram:   / mehulmpt  
My Twitter:   / mehulmpt  
My LinkedIn:   / mehulmpt