Тёмный
No video :(

Debugging JavaScript - Are you doing it wrong? 

freeCodeCamp.org
Подписаться 10 млн
Просмотров 94 тыс.
50% 1

Learn a better way to debug your JavaScript.
Video from WellPaidGeek. Check out his channel: / @wellpaidgeek
--
Learn to code for free and get a developer job: www.freecodeca...
Read hundreds of articles on programming: medium.freecod...

Опубликовано:

 

27 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 52   
@CyberTronXXX
@CyberTronXXX Год назад
Debugging is like being a detective in a crime movie where you're also the murderer.
@spoodermen2530
@spoodermen2530 Год назад
im a baaad man....
@lindascoon4652
@lindascoon4652 Год назад
This video is 4 years old and I've not seen this video . Life could have been so much easier better late than never I guess
@clarinet800149
@clarinet800149 2 месяца назад
That 4 minutes will save me hours of console logging and rebuilding my application in the future. I never understood how debugger worked because no one took the time to walk me through it. Just awesome. Thank you!
@Stauf1186
@Stauf1186 5 лет назад
Wouldn't it be better to just set a breakpoint in the developer tools rather than adding anything into the code to force it? That way you wouldn't have to go back and extract the debugger command later, particularly if you have several of them lying around within the code.
@WellPaidGeek
@WellPaidGeek 5 лет назад
I see what you mean, but at the same time you'd have to navigate to the right place in the sources tab within the developer tools, so it's easier to initially add the first breakpoint within your IDE, since you'll probably already have the offending code open in there. A linter should pick up stray debug statements. But yes, what you're proposing is still a viable alternative.
@replicar66
@replicar66 5 лет назад
I agree with the above. Changing code to do debugging in general is a bad practice. Chrome debugger works relatively well with the source maps and all that jazz without needing this. Slippery slope of weird coding practices. It's a nice trick but we'd have years of slowly replacing leftover console.logs to start replacing leftover these language specific debugging statements.
@HashimWarren
@HashimWarren 5 лет назад
I heard people mention this technique but never saw it demonstrated. Than you! Very clear!
@asyncasync
@asyncasync 5 лет назад
WebStorm has this functionality where you can add the break point by just clicking the appropriate line number. Just like in the dev tools. No need to write that debugger line and remove it later.
@EminoMeneko
@EminoMeneko 2 года назад
I agree. When you're used to classic dev such as Java, C#, C and the like the IDE takes care of it all. But here we work on a browser. The flow is not exactly the same. I knew times I dreamt of such tools.
@jotibayadav1318
@jotibayadav1318 3 месяца назад
Best video on debug in such a short time rather than so many huge videos
@christianlanoire7541
@christianlanoire7541 5 лет назад
That’s the way to explain, right to the point, you deserve to be well paid :)
@obam-992
@obam-992 6 дней назад
i thank you have awoken my third eye now i can recreate the entire universe within a browser
@Dummecook
@Dummecook 5 лет назад
That's all good and can be used in someway, but, i think, breakpoint's in devtools are more usable anyway.
@FredySandoval_123
@FredySandoval_123 Год назад
this is the future of coders, the best debuggers
@AnimeTeikoku
@AnimeTeikoku 9 месяцев назад
This video needs to be on the front cover of any HTML-JS books, lectures and courses, like above the author's name
@MCSMIK
@MCSMIK 5 лет назад
Didn’t know about this. Thank you. Will try it out!
@WellPaidGeek
@WellPaidGeek 5 лет назад
Thanks!
@frankcoding3753
@frankcoding3753 4 года назад
Cool stuff. I was also working a modern review of debugging with console object in JavaScript :)
@SuperWeedPower
@SuperWeedPower 5 лет назад
good to know, I was going crazy with console.logs
@WellPaidGeek
@WellPaidGeek 5 лет назад
I know the feeling!
@dwightmckenzie2019
@dwightmckenzie2019 Год назад
I like how you can reverse back up lines and such. With this technique.
@pupfriend
@pupfriend 5 лет назад
console.log() fan club represent!!
@TV-vu9fg
@TV-vu9fg 5 лет назад
Thanks for teaching this way and I will use console. log
@GameRock06
@GameRock06 3 месяца назад
This is a life changer
@aromal_anil
@aromal_anil 4 года назад
freeCodeCamp has helped me a lot in my way. And now I have got a new piece of knowledge !
@rajashekhar433
@rajashekhar433 5 лет назад
Coverage, performance, animations, sensor in chrome
@zsanettvarga5535
@zsanettvarga5535 Год назад
I wish I knew about it earlier 😐
@Acid31337
@Acid31337 5 лет назад
Logging is good way to find problem
@SD-qt1fs
@SD-qt1fs 5 лет назад
Does this work for Angular Typescript too?
@user-rj1eu6kp3u
@user-rj1eu6kp3u 2 месяца назад
thank you for this :)
@JS-ys2uk
@JS-ys2uk 5 лет назад
Freecode camp reinforces console.log() debugging through their curriculum unfortunately! Should have people using the real debugger from the get-go and should also teach debugging before they get beyond basic javascript!
@LowFrequency
@LowFrequency 4 года назад
What os are you using ?
@Meleeman011
@Meleeman011 5 лет назад
Wonder if this works in node
@WellPaidGeek
@WellPaidGeek 5 лет назад
If you have the browser setup correctly and run the node app with --inspect, then yes!
@johncenasmokie5690
@johncenasmokie5690 5 лет назад
nice video thaks for sharing
@whereismycheese5481
@whereismycheese5481 4 года назад
console.log -> debugger!
@shanibhatti2148
@shanibhatti2148 4 года назад
Thanks♡
@Chaaos2
@Chaaos2 5 лет назад
Very cool
@WellPaidGeek
@WellPaidGeek 5 лет назад
Thanks.
@mehrankurd
@mehrankurd Месяц назад
ok
@KendaBeatMaker
@KendaBeatMaker Год назад
Whatttt!!!! Thank you
@shazkingdom1702
@shazkingdom1702 4 года назад
😜 😂 console prints 😬
@ramsay2113
@ramsay2113 5 месяцев назад
A debugger would never have been needed if the project was using TypeScript
@shabblabbat
@shabblabbat 5 лет назад
Good lord, haven’t ever used a console.log in 15 years, just set a breakpoint. Who’s teaching these codemonkeys these days, philosophy majors?
@muhammadzaakirmungrue3146
@muhammadzaakirmungrue3146 2 года назад
This video makes no sense, how did the App magically load itself into the browser ? Apparently he started teaching before the video started and he did not realise that the video had not yet started !!! LOL How could you give a tutorial and the most important part of the tutorial was completed before the video even started and why is this so popular ? This is not a tutorial this is just you showing a different way to use the the debugger
@hitekboy2507
@hitekboy2507 5 лет назад
Rubishhhhhhhhhhhh
@WellPaidGeek
@WellPaidGeek 5 лет назад
Thanks for your eloquent criticism of my video.
@hitekboy2507
@hitekboy2507 5 лет назад
Mike Anon ChupBeyLavre
@hitekboy2507
@hitekboy2507 5 лет назад
WellPaidGeek VeryNiceVideo I love it
@Ashiq619
@Ashiq619 5 лет назад
Looks like mahira is from pak... If u cant appreciate good work by people dont atleast spoil their videos by ur cheap comments
@hitekboy2507
@hitekboy2507 5 лет назад
abhijeet badale its my personal comment and dont jump into anothers comment dont try to steal someone ideas create ur own. GoodWork always stay far ones cheap/ costly cmnt and makes 0 effect ...SamhjeBeta
Далее
Tips and Tricks for Debugging JavaScript
13:03
Просмотров 409 тыс.
Oh No! My Doll Fell In The Dirt🤧💩
00:17
Просмотров 7 млн
Chrome DevTools - Crash Course
1:14:51
Просмотров 389 тыс.
Are you debugging JavaScript in VSCode? | YOU SHOULD!
7:06
5 JavaScript Concepts You HAVE TO KNOW
9:38
Просмотров 1,4 млн
Only The Best Developers Understand How This Works
18:32
How to Debug Code Like a Pro
11:11
Просмотров 62 тыс.
How To Debug React Apps Like A Senior Developer
21:07
Просмотров 125 тыс.
PROOF JavaScript is a Multi-Threaded language
8:21
Просмотров 275 тыс.
I learned to code from scratch in 1 year. Here's how.
41:55