JavaScript Promises -- Tutorial for Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ม.ค. 2025

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

  • @ColorCode-io
    @ColorCode-io  2 ปีที่แล้ว +54

    🎉👨🏻‍💻 JavaScript Promises and all their glory! This is episode 12 of a 10 part series I’m calling 10 things Javascript Developers Should Know But Probably Don't. Enjoy!

    • @onlineaid
      @onlineaid 2 ปีที่แล้ว

      Amazing series :)

    • @DanielNetSet
      @DanielNetSet 2 ปีที่แล้ว +6

      12 out of 10?
      thats a out of bounds/stack overflow

    • @davidhusted817
      @davidhusted817 ปีที่แล้ว +1

      You promise 10 episodes but now in 12 😂😂

    • @extreme8879
      @extreme8879 ปีที่แล้ว

      Promises

    • @kiranrega10
      @kiranrega10 8 หลายเดือนก่อน

      Which js compiler are you using?

  • @amanueletana
    @amanueletana ปีที่แล้ว +53

    This is not only coding tutorial rather its an ART!

  • @IntrinsicFlake
    @IntrinsicFlake ปีที่แล้ว +116

    I’ve been watching videos for years trying to make sense of Promises, and while I got through it, I’ve always wanted to come back and really understand them. Your video turned the light bulb on for me. Wow! I had to tip you for the help!
    I appreciate it so much! Definitely subscribing!

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว +7

      That’s so great to hear. Thanks for sharing.

    • @deveren
      @deveren ปีที่แล้ว

      @@doublewhopper67 ure da g

  • @Saliha_Abid
    @Saliha_Abid ปีที่แล้ว +28

    I am a 15 year old learning front-end development and struggling with promises. After 3 days of exhaustion I found ur video and finally got the whole concept. Thank you for this masterpiece 😍😍

  • @AJD...
    @AJD... 2 ปีที่แล้ว +52

    Been watching your shorts for a while, decided to hop into your channel and this is the first video I watched. Holy hell the quality of your videos is mind blowing. You put so much effort into edits and your explanation is very planned, with a set preordained path which makes the most sense.
    You've got a new sub.

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว +2

      Thanks AJD. Very nice of you.

  • @Javier_Corado
    @Javier_Corado หลายเดือนก่อน +2

    I come from a C/C++ and Python background, because of my current job I've been struggling with JS concepts, definitely these videos have helped me a lot, thanks for putting quality content available for everyone!

    • @ColorCode-io
      @ColorCode-io  หลายเดือนก่อน

      That's great to hear. Thanks Javier.

  • @Gargantuan_Inferno
    @Gargantuan_Inferno 3 หลายเดือนก่อน +4

    Why does youtube algorithm hide such gems from the millions who would have subscribed had they been recommended such videos❤
    Would handsomely pay for such quality

  • @AriKhuu
    @AriKhuu ปีที่แล้ว +10

    I'm so happy to be finding your channel I want to cry. Impeccable production. Clear examples. Perfect pacing - not too fast, not too sluggish. Detailed yet very follow-able explanation. Funny host. thank you thank you thank you.

  • @abahiduh3246
    @abahiduh3246 2 ปีที่แล้ว +5

    I have watched the best vidoes of Kyle Simpson, Tyler McGinnis, Tony Alicea, colt Steele, Jim cooper, Aksay, Ania, Maximilian, Sasha, I can go on and on.... I spent A LOT of Money just to understand. I have watched ALL YOUR VIDEOS.
    I can assure you that this explanation got.YOUR EXPLANATION of SIMPLIFYING THE CODE before refactoring in simply the Best.
    Your tutorial is AMONGST THE BEST THREE for me. THANK YOU, THANK YOU, THANK YOU.

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว

      Thank you so much. This is very encouraging to hear.

  • @kimashiidan
    @kimashiidan 6 หลายเดือนก่อน +4

    Cannot believe I'm watching this for free, you are the goat

  • @神キラー
    @神キラー 2 ปีที่แล้ว +22

    i can tell you put a lot of passion and effort into your work bro its inspiring

  • @aleksazlatkovic4663
    @aleksazlatkovic4663 ปีที่แล้ว +3

    What a charismatic person you are. Good Lord.
    I started the video knowing nothing about Promises and I am finishing it as an absolute pro.
    Thank you for going into detail.

  • @lemonbubble1243
    @lemonbubble1243 ปีที่แล้ว +23

    3 days ago I wanted to watch just this video but the title made me look for the whole series, and I knew that to understand better I needed to watch the previous episodes, and OMG I'M GLAD I DID. I feel I have like a super knowledge now, EVERYTHING MAKES SENSE NOW!! I don't know how to express how grateful I am!! I'm so excited because you cleared all my doubts about promises and not just promises, now I understand Objects() way better! THANKS!! Waiting for your master class!!

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว +2

      Glad to hear it! Full course coming soon.

    • @RaviCreative3-ge4ne
      @RaviCreative3-ge4ne ปีที่แล้ว

      eagerly waiting man @@ColorCode-io

  • @MatthewWilliams-1212
    @MatthewWilliams-1212 หลายเดือนก่อน +1

    As a lead engineer I have to say, these are by far the best tutorials for javascript on youtube. Fantastic for mentoring junior devs. It baffles me how this channel doesn't have more views!

    • @ColorCode-io
      @ColorCode-io  หลายเดือนก่อน +1

      That's ok! Numbers go up with time :)

  • @AnastasiiaSnihur
    @AnastasiiaSnihur หลายเดือนก่อน +2

    Now I know why I enjoy your videos so much! It's not just because of youre sense of humour and vibe, but also because of the bg with the Sade album cover😍It's a perfect match for my preferences!

    • @ColorCode-io
      @ColorCode-io  หลายเดือนก่อน

      Great catch! 👀♥️

  • @xClown55
    @xClown55 2 ปีที่แล้ว +3

    There aren't many video's that are 30+ minutes worth rewatching, but this one certainly is. Nice video

  • @johnnya246
    @johnnya246 2 ปีที่แล้ว +5

    A very underrated channel. I like your style of teaching! Thank you for the content! Keep up the good work!

  • @vighneshs416
    @vighneshs416 ปีที่แล้ว +3

    I stumbled upon your channel from a random TH-cam shorts. I am very certain that soon you are going to be a lot of people's go-to channel for Javascript (Or anything that you make content on). The effort you put in to make the concepts intuitive is just top-notch. And I guess it is very evident from the other comments as well. Thanks for the effort you are putting in man

    • @blaqhakym
      @blaqhakym ปีที่แล้ว +1

      Exactly the same for me. Looks like I will be here for a while. I'm hitting sub right away

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว +2

      Thank you both! Welcome aboard.

  • @whathuh6965
    @whathuh6965 3 หลายเดือนก่อน +1

    I must tell you; that was exceptional! I've been learning JavaScript for 4 days and I'm already up to Async and this helped a lot.

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน

      Glad it helped!

  • @nikolanovakovic4150
    @nikolanovakovic4150 ปีที่แล้ว +3

    Brooooooooooooo 🎆🎇❤🧡💛💚💙💜 first of alll, love your humor, second of all amazing content struturing it is so well organized an succinct and i will do what all the other people in the comment section did compliment how good your videos are. much love !

  • @strangelight159
    @strangelight159 ปีที่แล้ว +1

    5 minutes into the video and I can already tell that you are criminally underrated. Subbed

  • @erickchavez4551
    @erickchavez4551 ปีที่แล้ว +4

    I really like how your examples lead to real life situations and at the end it doesn't seem that complicated. Thanks!

  • @mashmixture5662
    @mashmixture5662 2 ปีที่แล้ว +3

    Learn alot from ColorCode in just one month.
    Such an amazing content.
    The way you explain things is very very very interesting and funny.
    *Best JS channel* on TH-cam.
    Thanks for such a premium content.
    Please deliver more.

  • @renzodiaz5996
    @renzodiaz5996 11 หลายเดือนก่อน +1

    30:21 I can't believe Sina missed doing a "finally" pun when he literally was about to explain the "finally()" method.
    PD: Awesome video man! You teach us, you entertain us, you are a rockstar!

    • @ColorCode-io
      @ColorCode-io  11 หลายเดือนก่อน

      You're right. What a missed opportunity.

  • @BitWizCoder
    @BitWizCoder ปีที่แล้ว

    This is the first time I'm seeing this guy, 30 seconds into the video, and I had to subscribe. Thanks for the video and the fun!

  • @rokesby
    @rokesby 7 หลายเดือนก่อน +1

    Thanks for this explanation. I appreciated you typing up the code 'by hand'. This 'slowing down' enhances my learning and lets me type along with you. Well done!

    • @ColorCode-io
      @ColorCode-io  6 หลายเดือนก่อน

      Glad it was helpful!

  • @rjerez
    @rjerez 2 ปีที่แล้ว +6

    Great work Sina, this is a subject that a lot of people seem to get wrong on interviews. Now I can refer them to this video. 👍🏽

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว

      Thank you Ronald for your support, always!

  • @Mr_Pack
    @Mr_Pack ปีที่แล้ว +1

    you're the best of 7 videos about promises I've seen

  • @BrianMurithi-k7t
    @BrianMurithi-k7t ปีที่แล้ว +1

    Lot's of gratitude from me here Js Master, this series is really impacting me...

  • @guy_roh
    @guy_roh 2 ปีที่แล้ว +6

    Thank you so much for making an actually apprehensive video that normal people can understand, explaining the why's and how's in a much better detail than a lot of other videos I've watched! Subscribed and added this to my favorites in case I should I need it in the future! 👍

  • @msunrl8577
    @msunrl8577 2 ปีที่แล้ว +1

    24:28 u so right about repeating and coding from scratch again and again, this so important to memorize and practice some hands on
    great tutorial, thanks

  • @theshtig4218
    @theshtig4218 ปีที่แล้ว +1

    GOATED video. This will be the last promise video I ever watch. Thank you!

  • @HarshitGautam-bj3lc
    @HarshitGautam-bj3lc 7 หลายเดือนก่อน

    Believe Me you are the best on the TH-cam, I have watched tons of videos on Promises but finally i gain much more insight now, thanks a lot one more things please increase the number of videos and no. of frequency you make and upload those videos that would be much more appreciated.
    Again Thanks a lot.
    KEEP POSTING DAILY (if possible).

    • @ColorCode-io
      @ColorCode-io  6 หลายเดือนก่อน

      Happy to hear that! Thank you

  • @saikumar8186
    @saikumar8186 6 หลายเดือนก่อน

    Until now, I have been hearing about promises but the way you explained has cleared the concept and become confident to proceed with JS coding. Looking forward for a Javsascript course from you.

    • @ColorCode-io
      @ColorCode-io  6 หลายเดือนก่อน

      Glad to hear that

  • @theartofreality
    @theartofreality ปีที่แล้ว

    Man your content is so insightful and relaxed at the same time! Loving it.

  • @chaoticthundergod3368
    @chaoticthundergod3368 ปีที่แล้ว +1

    Thank you for this video. Leaned a lot. I was learning about promises a year ago, didn't understand much so skimmed through it. But now i can explain to others what a promise is.

  • @Walid-Sahab
    @Walid-Sahab 2 ปีที่แล้ว +1

    How much effort you put for a single video other TH-camrs don't even put to build their whole channel.

  • @mrayaan8377
    @mrayaan8377 8 หลายเดือนก่อน +1

    You nailed it man.. best explanation on whole youtube. i was frustrated. but now i know the whole concept of promises. SUBSCRIBED🌞❤

    • @ColorCode-io
      @ColorCode-io  8 หลายเดือนก่อน

      Glad it helped!

  • @mansoormohmand5852
    @mansoormohmand5852 2 ปีที่แล้ว +1

    I have seen lots of videos and tutorials but never use this topic of promises in my coding because of the bad and hard explanation, but now I am pretty sure I can use and refer to this great explanation ever, thanks a lot

  • @proudmoroccan8164
    @proudmoroccan8164 ปีที่แล้ว +1

    Thank you for sharing. Immensely appreciated. The best JavaScript promise tutorial as far as I am concerned. Best wishes for the new year.

  • @CW-pd5fq
    @CW-pd5fq 7 หลายเดือนก่อน +1

    Your teaching style is amazing, please continue your work 🙂

  • @breemudi
    @breemudi ปีที่แล้ว +1

    My first time ever watching you, and I'm intrigued by your tutoring style.
    Instant subscriber... Thank you

  • @Epikht
    @Epikht 2 ปีที่แล้ว +2

    i'm gonna comment fort the third time, that is the best video about Promise all over this app
    I spend 2 days on it, messing around with my own things
    Thanks a lot Color Code

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว

      That’s awesome. Glad to hear it.

  • @ade_aprianto
    @ade_aprianto 2 หลายเดือนก่อน +1

    Perfect explanation of promise, you just got new subscriber! 👍

    • @ColorCode-io
      @ColorCode-io  หลายเดือนก่อน

      Welcome to the channel!

  • @ashaymotiwala96
    @ashaymotiwala96 ปีที่แล้ว +1

    Best Javascript tutorials on YT!

  • @sunraiii
    @sunraiii ปีที่แล้ว +1

    Tell me you play the bass without telling me you play the bass :D
    Thanks for this video series on JS. Great production quality, easy to understand and even entertaining at times!

  • @m.hakania2251
    @m.hakania2251 ปีที่แล้ว +1

    You probably know and probably that's the reason you're making your videos this way, I love the way you constructed your videos!! (from a bro to bro comment)

  • @mira10045
    @mira10045 2 ปีที่แล้ว +4

    Please keep this JS series. I like your explanation!

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว +2

      It's going to continue :)

    • @hao12654
      @hao12654 ปีที่แล้ว +1

      @@ColorCode-io really nice video, please do continue!

  • @sujith.m.s4041
    @sujith.m.s4041 ปีที่แล้ว +1

    I got stuck in promise and call back for like 2 days, this reslly helped a lot

  • @azamcangame5253
    @azamcangame5253 4 หลายเดือนก่อน +1

    Best Promise video ever made!

  • @m47h4r
    @m47h4r ปีที่แล้ว +1

    29:10 A usecase for passing in onError in the .then() is to provide fallback data. For example, if fun1 rejects and then if the onError returns some data, then having fun1().then(fun2, onError).then(onSuccess) means that the onSuccess function will always receive some data, either fun1 resolves successfully and it's all good and well, or onError happens and that provides a fallback value so that onSuccess can always assume it has some data.

  • @matickovac
    @matickovac 2 ปีที่แล้ว +2

    This is by far the best explanation on the topic I have been able to find, and I must say I love your other videos as well. Love the production quality too, what is the recording software you're using, looks really slick?

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว

      The animations are all done by hand. The screen recording is just basic QuickTime.

  • @mikeyim9597
    @mikeyim9597 2 ปีที่แล้ว +2

    Glad I found your channel. It's the best explanation of the Promise and Async Await. Can you please do a series on the same topic for database CRUD? Thank you.

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว +1

      I'm considering doing one on CRUD operations with Firebase.

  • @oilybrakes
    @oilybrakes ปีที่แล้ว +1

    You explain stuff really well.
    I will watch lecture 11 and 12 again before going to 13 and take notes of stuff that I understand so I can call it back to memory with clues my brain considers the most helpful.
    But even now, there were moments of enlightenment along the way... But I already forgot😅😂

  • @toohee8561
    @toohee8561 ปีที่แล้ว

    This will be the one video that gets me understand the basics concepts of promises. very good video outline and content.

  • @ahmedAltariqi
    @ahmedAltariqi ปีที่แล้ว +1

    That was pretty well explained, and FUN to watch ! Thank you, Weather Man!

  • @blu3tan
    @blu3tan ปีที่แล้ว

    nice setup, nice host, nice code, nice music, nice edit, nice english

  • @chetanchaudhary1017
    @chetanchaudhary1017 8 หลายเดือนก่อน

    Best video on Promise I have ever watched.

  • @nitishgupta9585
    @nitishgupta9585 ปีที่แล้ว +1

    Bro your explanation of concepts is top notch. Keep the good work up!!

  • @philliam111
    @philliam111 ปีที่แล้ว +1

    very underrated channel! glad i found you

  • @saeed.da1994
    @saeed.da1994 ปีที่แล้ว +1

    you are amazing!
    Your act is awesome!
    I see you as Iron Man in Marvel (Robert Downey Jr.) :)))
    In my opinion, your videos in Promise and Fetch API are the best video that I've ever seen in the internet!
    It's funny how you suddenly mention Gholi in your video :)))
    who is hi? :)
    are you from Iran? :))

  • @TimJohnson-h7l
    @TimJohnson-h7l 6 หลายเดือนก่อน

    Came here for the promise video and noticed that Sade poster in the back - good taste brother!

  • @rishayshandilya1817
    @rishayshandilya1817 ปีที่แล้ว +1

    the best explanation of promises I promise :)

  • @onais__
    @onais__ ปีที่แล้ว

    UUFFFFF The Chaining explanation was 🔥🔥🔥

  • @EducationSimplified
    @EducationSimplified ปีที่แล้ว +1

    Awesome explanation, I thought it was a difficult thing but you made it way tooo simple. Thank you for your time and efforts. God may bless you a lot.❤❤

  • @mashmixture5662
    @mashmixture5662 2 ปีที่แล้ว +1

    I decided to give more watch time and subscribers as I can to such an underrated channel .

  • @sourikray2291
    @sourikray2291 2 ปีที่แล้ว +3

    You are a wonderful teacher. Thank you for creating these videos🙏

  • @ariseawake3437
    @ariseawake3437 2 ปีที่แล้ว +3

    I am giving a Promise that i will do practice and learn with this video ....Thank you

  • @jw200
    @jw200 ปีที่แล้ว +2

    No Promises that I learned to Promise.
    Excellent tuts and explanations. Liked and subbed! Love your energy🙂

  • @RandyHawkinsMD
    @RandyHawkinsMD ปีที่แล้ว +1

    Thanks!

  • @carsten1223
    @carsten1223 ปีที่แล้ว

    I just came across your channel. You have a really great way of explaining things and giving them some context. Thumbs up 👍and I'm looking forward to hopefully many more videos like this!

  • @EddyonJS
    @EddyonJS 6 วันที่ผ่านมา

    💛❤️great teaching style all my concepts got clear. your keyboard sound gives asmr vibes can i know which one? 😅🤣

  • @mubinahmed3993
    @mubinahmed3993 27 วันที่ผ่านมา +1

    All my doubts about Promises vanished in a snap. Subbed to your channel. BTW which browser is he using?

    • @ColorCode-io
      @ColorCode-io  26 วันที่ผ่านมา

      Awesome to hear. This is the tool I'm using: runjs.app/ColorCode

  • @ImHansana123
    @ImHansana123 หลายเดือนก่อน +1

    Bros ability to flex with words is incredible!

  • @gaganbaghel1377
    @gaganbaghel1377 2 ปีที่แล้ว

    THE BEST JS CHANNEL

  • @xenocampanoli815
    @xenocampanoli815 ปีที่แล้ว +1

    BTW your "do it yourself" admonition reminds me of the advice at the beginning of all the old Charles Berlitz language tapes where he said: Read it, Hear it, Speak it. He may have also said "Write it" sometimes, but his point was memory reinforcement that is as functional as possible.

  • @LizyAd
    @LizyAd 6 หลายเดือนก่อน +1

    Thank you for making this video! I love the way you teach!

    • @ColorCode-io
      @ColorCode-io  6 หลายเดือนก่อน

      Thanks for watching!

  • @RoockYou
    @RoockYou ปีที่แล้ว +1

    Your explanation is so funny and so helpful at the same time, Hope you keep doing videos this way

  • @ciprianparaschiv7591
    @ciprianparaschiv7591 ปีที่แล้ว +1

    Thanks for being so important in my JS journey. :)
    Btw, is that Quokka for JS that is displaying your code 'preview'?

  • @avigarg7859
    @avigarg7859 ปีที่แล้ว +1

    You teach so creatively

  • @ferreven2558
    @ferreven2558 ปีที่แล้ว +1

    Thank you so much for this video! Finally someone who can explain promises well.

  • @ajayrathod7438
    @ajayrathod7438 ปีที่แล้ว +1

    I loved your video like every other specially your sence of humor. Can you make one video on Promise.All if possible.

  • @mohamedabdulmueen2115
    @mohamedabdulmueen2115 ปีที่แล้ว +1

    I loved everything in this video man, keep it up !

  • @TsipporahtheExplorer
    @TsipporahtheExplorer ปีที่แล้ว

    "im sick and tired of your broken promises, promises" -3LW Thanks for always upholding your end of the promise Sina!

  • @jeffersonr.l2864
    @jeffersonr.l2864 ปีที่แล้ว +1

    This content is simply amazing! Thanks for your effort in creating quality content, I learn a lot thanks to it.

  • @sars8374
    @sars8374 2 ปีที่แล้ว

    Amazing explanation! I have been enjoying your series quite a lot. Looking forward to other videos. Btw, there is a small error in the video, fetch by default returns a Promise, we don't need to create it ourselves :)
    Have a nice day/night!

  • @proghead00
    @proghead00 2 ปีที่แล้ว +2

    Have been watching your videos for a while. The production value is so good. Just wondering, what's this code editor that you're using here?

  • @sameershende7770
    @sameershende7770 ปีที่แล้ว +1

    Thank you so much. I was really confused on this topic but now I am confident with it.
    I PROMISE 😅😂.

  • @2difficult2do
    @2difficult2do ปีที่แล้ว

    Thus is the best explanation of Promise! Thank you so much!

  • @alanouri9965
    @alanouri9965 2 ปีที่แล้ว +1

    Very smooth,keep up the good work bro

  • @tanjimulislamsabbir2264
    @tanjimulislamsabbir2264 9 หลายเดือนก่อน +1

    Wow. That's a great one about promises. 💚

  • @pandorofortes9309
    @pandorofortes9309 ปีที่แล้ว +2

    Thank you for the knowledge😁😁😁
    Your channel is🔥🔥🔥🔥🔥

  • @sarkorbekabdullaev9581
    @sarkorbekabdullaev9581 2 ปีที่แล้ว +1

    Thank you bro, can't wait for Episode 13 Async/Await

  • @aminramazanifar9743
    @aminramazanifar9743 ปีที่แล้ว

    Great contents.
    one request. When you code or show slides, please make it full screen. Many people watch on mobile devices and it is very hard to read lines when displayed in half of the video.
    Thanks for the humors.

  • @theultimategamer7202
    @theultimategamer7202 2 ปีที่แล้ว +2

    Great content as usual. Please upload video consistently

  • @Talel_kraiem
    @Talel_kraiem 2 ปีที่แล้ว +1

    Amazing content, the vibe caught me before watching 😅😃

  • @BigSmoke-r9w
    @BigSmoke-r9w 10 หลายเดือนก่อน +1

    Thank you so much for this!! ❤❤❤❤

  • @khalidsaifullahfuad
    @khalidsaifullahfuad 2 ปีที่แล้ว +1

    Loved the intro 🔥.

  • @johnforeverrules
    @johnforeverrules ปีที่แล้ว +1

    thank you so much Mr Sina. Promises confused me a lot. God bless

  • @bakenbard
    @bakenbard ปีที่แล้ว

    That was really helpful, I'm finally got the basics of it. THANK YOU!