Chrome DevTools Complete Course - Learn to debug your frontend code

Published: 16 December 2020
on channel: Mehul Mohan

147,958

3.3k

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

On this page of the site you can watch the video online Chrome DevTools Complete Course - Learn to debug your frontend code with a duration of hours minute second in good quality, which was uploaded by the user Mehul Mohan 16 December 2020, share the link with friends and acquaintances, this video has already been watched 147,958 times on youtube and it was liked by 3.3 thousand viewers. Enjoy your viewing!

2,433