Debugging JavaScript in Chrome DevTools | STOP using console log

Опубликовано: 30 Март 2023
на канале: xplodivity
60,520
1.2k

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 proje...  

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