Debugging JavaScript in Chrome DevTools | STOP using console log

Published: 30 March 2023
on channel: xplodivity
119,486
2.1k

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

Chrome devtools official documentation - https://developer.chrome.com/docs/dev...

#javascript #debugging #devtools #chrome

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

Get it now- https://xplodivity.graphy.com/courses...

Full Video Preview of each project from the course-    • Build 16 Medium/Hard JavaScript projects f...  

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


On this page of the site you can watch the video online Debugging JavaScript in Chrome DevTools | STOP using console log with a duration of hours minute second in good quality, which was uploaded by the user xplodivity 30 March 2023, share the link with friends and acquaintances, this video has already been watched 119,486 times on youtube and it was liked by 2.1 thousand viewers. Enjoy your viewing!