Day 16: MASTER JavaScript Debugging With DevTools & VS Code 🪲

👋 “Hey everyone! Welcome back to Day 16 of the "40 Days of JavaScript.". Today, we’re diving into debugging. This video has everything to master JavaScript code debugging using DevTools and VS Code Editor. Debugging is an ART, let us master it.

Let's GO 🚀. Do not miss it out.

I have worked hard to provide you with the highest-quality content. Please SUBSCRIBE to the channel to show your support. Also, could you LIKE/COMMENT/SHARE this video so that it reaches others?

Thanks! 🫶

✅ Start 40 Days of JavaScript

## Join tapaScript Discord

## Download the 40 Days of JavaScript Tracker Template:

## Source Code on GitHub

Timecodes
0:00 - Developers and Debugging
02:19 - What Will We Learn?
04:31 - What is Debugging?
06:17 - The Application
13:13 - The DevTools Overview
16:38 - The Source Panel
18:46 - Breakpoints
22:46 - The Debugging Steps
32:49 - Disable Debugging
33:45 - Conditional Breakpoint
36:43 - Event Listener Breakpoints
38:20 - The DOM Breakpoints
42:24 - Debug the Issue and Fix
47:24 - Debugging Scope
49:03 - Debugging Call Stack
50:27 - Watch
53:01 - The debugger Keyword
54:53 - Workspace
59:22 - Debugging in VS Code
01:05:09 - 7 Top Debugging Tips

## 👋 Like my work? Thank You. You can support & sponsor me:

## 🤝 My Links:

## About Me:
Tapas Adhikary is an Educator at tapaScript, a Tech enthusiast, Writer, YouTuber, and maintainer/contributor of open-source projects. He is a full-stack developer with vast experience building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.

#javascript
#debugging
#debuggingtips
#learnjavascript
#nodejs
#ecmascript
#javascriptmodules
#40daysofjavascript

[mahinulislam]

What a class about Dev Tools. Learned a lot of new things from this session. Want 10 days dev tool.

[karthiksai-pl]

never seen in youtube who can teach likes you and no one taught this topics which will helps in real world, thank for the video sir, 😃😃

[richardcoldman]

I'm speechless, no words left to define how grateful I am to you. Please, Sir, come up with 10 days with Dev-tools

[watchout-ovcz]

lot of new things learned from this session sir

[brainheap]

Currently i need to debug my last month's project, and this master piece came in my home feed

[Hosanna_great]

Much love from a prospective Backend Engineer.

This fundamentals are necessary.

[MunBiswas-nw]

Sir, this one was so amazing, I only expect this kinda depth knowledge from you. This is the best JS playlist I've ever watched.. happy to be a part of this Javascript journey ❤. Waiting for 10s day of debugging in depth. Thank you Sir

[S.M.Saim_Hossain]

Sir, If there were more mentors like you, so many people, especially those who can't afford courses, would have the chance to learn and grow. I genuinely appreciate you from the bottom of my heart❤

[subrataacharjee]

Bow down before you sir 🙇🏻 Whenever I see your video. I get excited from in and out🤩🤩.

Let's crush the bugs 😁

[devXdevansh]

dada please dont stop uploading your wonderful and beautiful lectures i am on day 7 i'll be reaching soon

[dev_nayan_biswas]

Sir I Learned a lot from this one, waiting for the 10 days of debugging series..

[HassanOsman-fo]

I would like to teach us every thing we need as devs, we appreciate you for that .

[sabbirahamedmaruf]

Really amazing and helpful. And i wish to know more related to network, performance etc tabs on devtools.

[aadiank]

Sir, in your previous video, I requested you to comment out the rest code whenever you move on to a new topic. This will help keep the console clean and make it easier to understand... 🙏

[karthiksai-pl]

one more thing sir where i can practice debugging from beginner, like to start with easy level.... and to upto intermediate level

[regilearn]

please, I would like to request promises/async real world application video,