Debugging JavaScript in Chrome DevTools | STOP using console log

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ก.ค. 2024
  • 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 - developer.chrome.com/docs/dev...
    #javascript #debugging #devtools #chrome
    Build 16 Medium/Hard JavaScript projects for live coding Interview rounds
    Get it now- xplodivity.graphy.com/courses...
    Full Video Preview of each project from the course- • Build 16 Medium/Hard J...
    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

ความคิดเห็น • 24