Debugging JavaScript in Chrome DevTools | STOP using console log

Are you stuck using the console log all the time? Explore how to debug JavaScript code using the chrome dev tools.

#javascript #debugging #devtools #chrome

Build 16 Medium/Hard JavaScript projects for live coding Interview rounds

What you'll get:
- Lifetime access
- Full video explanations of building each project from scratch
- 10+ hours of premium content
- Step-by-step explanations and code walkthroughs
- No bullshit, No time waste
- This project list Should get you ready for any JavaScript live coding interview round.
- Extremely cheap (You'll be surprised)
- Practical tips and strategies for mastering JavaScript
- Confidence in handling technical interviews
- Enhanced JavaScript proficiency

Content list:
1. File Explorer (similar to vs-code)
2. Infinitely Nested comments
3. Advanced Custom Toast notification from scratch
4. Drag & Drop, Swap, Add and delete elements using JavaScript
5. Custom Calendar/Date-picker
6. Multi-Select dropdown with support to add & remove elements
7. Build a Memory game with all rules integrated
8. Build an analog clock with smooth animation
9. Dynamic Progress bar with custom input support
10. Build a Star rating system with dynamic hover effects
11. Build a tic tac toe game with best practices
12. Advanced To-Do List with Local Storage support
13. Accordion with smooth transition effects
14. Countdown timer & days remaining timer
15. Create a custom modal
16. Build an optimised Chessboard

0:00 - Intro
0:15 - Sources panel
01:20 - Breakpoints + code walkthrough
02:56 - Activating debugger
03:58 - Watch dropdown
04:46 - Call Stack
05:39 - Scope
07:54 - Resume button
08:32 - Step button
09:03 - Step over button
09:42 - Step into button
10:43 - Step out button
11:22 - Enable/disable all breakpoints
11:31 - Enable/disable automatic pause in case of an error
11:55 - End

[xplodivity]

Build 16 Medium/Hard JavaScript projects for live coding Interview rounds



What you'll get:
- Lifetime access
- Full video explanations of building each project from scratch
- 10+ hours of premium content
- Step-by-step explanations and code walkthroughs
- No bullshit, No time waste
- This project list Should get you ready for any JavaScript live coding interview round.
- Extremely cheap (You'll be surprised)
- Practical tips and strategies for mastering JavaScript
- Confidence in handling technical interviews
- Enhanced JavaScript proficiency

Content list:
1. File Explorer (similar to vs-code)
2. Infinitely Nested comments
3. Advanced Custom Toast notification from scratch
4. Drag & Drop, Swap, Add and delete elements using JavaScript
5. Custom Calendar/Date-picker
6. Multi-Select dropdown with support to add & remove elements
7. Build a Memory game with all rules integrated
8. Build an analog clock with smooth animation
9. Dynamic Progress bar with custom input support
10. Build a Star rating system with dynamic hover effects
11. Build a tic tac toe game with best practices
12. Advanced To-Do List with Local Storage support
13. Accordion with smooth transition effects
14. Countdown timer & days remaining timer
15. Create a custom modal
16. Build an optimised Chessboard

[memes-spark]

such a mind blowing i scroll lots of video of degubber but this is a goldmine

[developer_]

Hey bro, just want to say thanks... this is actually a really good short and simple introduction to devTool. Thanks for providing such a quality content👍

[krishankumar-rrqn]

First time i understood properly even after watching many videos. Thanks for this video

[gregorriusadolphus]

This is a very concise and clear explanation; this has helped me a lot. Thank you!

[eddmxih]

Very informative, thanks! It would be cool to demonstrate a more complicated example

[cymzfr]

that was what I want, clear simple awesome thank you so much

[mnageh-bomm]

good video overall but it could been better, also the firefox one is better