JavaScript Promises -- Tutorial for Beginners

Рет қаралды 105,431

Күн бұрын

JavaScript Promises and all their glory! This is episode 12 in a 10 part series I’m calling 10 things Javascript Developers Should Know But Probably Don't.
JavaScript Promises
Different phases of a Promise
Chaining Promises
Handling errors using Promises
Benefits over callbacks and callback hell
What do they all mean and why do you need them?
Full playlist here: • 20 Things JavaScript D...
JavaScript Promises from the series "10 Things JS Developers Should Know"
by ColorCode.io, Sina Jazayeri
** Announcement **
Full JavaScript Mastery course is coming! Details at the end of the video. Sign up for Early Access here:
www.colorcode.io/js-mastery
0:00:00 Intro
0:01:48 Async vs. Sync
0:03:29 The problem with Async
0:07:00 Convert to Callback
0:08:00 Convert to Promises
0:10:32 Different phases of a Promise
0:11:47 How to use a Promise
0:14:47 Why do we like Promises?
0:16:30 Chaining
0:20:59 Benefits of Promises over Callbacks
0:22:50 Error handling, REJECT and .catch()
0:30:23 .finally()
0:31:50 Real world example with fetch()
0:34:30 Summary
0:35:13 Next...

Пікірлер: 433

@ColorCodeio Жыл бұрын

🎉👨🏻‍💻 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 Жыл бұрын

Amazing series :)

@DanielNetSet Жыл бұрын

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

@davidhusted817 Жыл бұрын

You promise 10 episodes but now in 12 😂😂

@extreme8879 8 ай бұрын

Promises

@kiranrega10 22 күн бұрын

Which js compiler are you using?

@Saliha_Abid Жыл бұрын

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 😍😍

@amanueletana Жыл бұрын

This is not only coding tutorial rather its an ART!

@ColorCodeio Жыл бұрын

♥️🙏

@user-gi3oc1kv5m Жыл бұрын

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!

@ColorCodeio Жыл бұрын

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

@deveren 4 ай бұрын

@@doublewhopper67 ure da g

@lemonbubble1243 7 ай бұрын

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!!

@ColorCodeio 6 ай бұрын

Glad to hear it! Full course coming soon.

@RaviCreative3-ge4ne 6 ай бұрын

eagerly waiting man @@ColorCodeio

@AJD... Жыл бұрын

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.

@ColorCodeio Жыл бұрын

Thanks AJD. Very nice of you.

@stephenkettley 4 ай бұрын

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

@AriKhuu Жыл бұрын

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.

@ColorCodeio Жыл бұрын

Let’s cry together

@xClown55 Жыл бұрын

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

@user-eq9gs7bl2e Жыл бұрын

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

@carsten1223 9 ай бұрын

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!

@BitWizCoder 9 ай бұрын

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!

@erickchavez4551 10 ай бұрын

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

@ColorCodeio 10 ай бұрын

Thanks!

@guy_roh Жыл бұрын

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! 👍

@ColorCodeio Жыл бұрын

Thanks Guy!

@toohee8561 Жыл бұрын

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

@vighneshs416 7 ай бұрын

I stumbled upon your channel from a random KZfaq 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 7 ай бұрын

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

@ColorCodeio 7 ай бұрын

Thank you both! Welcome aboard.

@chaoticthundergod3368 8 ай бұрын

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.

@ColorCodeio 8 ай бұрын

Wonderful!

@proudmoroccan8164 4 ай бұрын

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

@ColorCodeio 4 ай бұрын

You are welcome!

@johnnya246 Жыл бұрын

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

@ColorCodeio Жыл бұрын

Thank you

@chetanchaudhary1017 5 күн бұрын

Best video on Promise I have ever watched.

@jasonblewis 18 күн бұрын

Excellent tutorial, thank you

@bakenbard 4 ай бұрын

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

@user-hs6jw1wm7i Жыл бұрын

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

@ColorCodeio Жыл бұрын

Glad to hear that ♥️

@strangelight159 Жыл бұрын

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

@ColorCodeio Жыл бұрын

Hah thank you

@abahiduh3246 Жыл бұрын

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.

@ColorCodeio Жыл бұрын

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

@mrayaan8377 18 күн бұрын

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

@ColorCodeio 18 күн бұрын

Glad it helped!

@msunrl8577 Жыл бұрын

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

@ColorCodeio Жыл бұрын

🙏

@sourikray2291 Жыл бұрын

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

@ColorCodeio Жыл бұрын

Thank you!

@breemudi 10 ай бұрын

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

@ColorCodeio 10 ай бұрын

Awesome, thank you!

@bendustin7609 2 ай бұрын

Thank you for putting out such high quality videos!

@sergeysviridenko9603 11 ай бұрын

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

@ColorCodeio 10 ай бұрын

✋✌️

@jeffersonr.l2864 Жыл бұрын

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

@ColorCodeio Жыл бұрын

Awesome!

@ahmedAltariqi Жыл бұрын

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

@ColorCodeio Жыл бұрын

Very welcome

@nitishgupta9585 Жыл бұрын

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

@ColorCodeio Жыл бұрын

Thanks Nitish

@ferreven2558 Жыл бұрын

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

@ColorCodeio 11 ай бұрын

Glad it was helpful!

@mansoormohmand5852 Жыл бұрын

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

@ColorCodeio Жыл бұрын

👍

@rjerez Жыл бұрын

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. 👍🏽

@ColorCodeio Жыл бұрын

Thank you Ronald for your support, always!

@m47h4r 7 ай бұрын

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.

@halitturanarican3434 3 күн бұрын

Thank you very much. This cleared the concept for me :)

@adnantariq3346 Жыл бұрын

2:44 "a-sync-funk you up, a-sync-funk you up!" HA! keep um coming. That's what .js tutorials need, humor!

@ColorCodeio 11 ай бұрын

More coming soon.

@jw200 10 ай бұрын

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

@ColorCodeio 10 ай бұрын

Awesome! Thank you!

@mashmixture5662 Жыл бұрын

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 KZfaq. Thanks for such a premium content. Please deliver more.

@ColorCodeio Жыл бұрын

Thanks a lot

@onais__ Жыл бұрын

UUFFFFF The Chaining explanation was 🔥🔥🔥

@blu3tan 4 ай бұрын

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

@aleksazlatkovic4663 Жыл бұрын

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.

@ColorCodeio Жыл бұрын

Thank you. Made my day.

@nikolanovakovic4150 7 ай бұрын

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 !

@ColorCodeio 6 ай бұрын

Thank you so much

@matickovac Жыл бұрын

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?

@ColorCodeio Жыл бұрын

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

@rishayshandilya1817 10 ай бұрын

the best explanation of promises I promise :)

@imtanuki4106 Жыл бұрын

Not sure if this is covered in another video, but a discussion of the event loop and micro/macro tasks might help put promises in context. Otherwise, great video!

@mikeyim9597 Жыл бұрын

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.

@ColorCodeio Жыл бұрын

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

@2difficult2do Жыл бұрын

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

@ColorCodeio Жыл бұрын

You're very welcome!

@theshtig4218 10 ай бұрын

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

@ColorCodeio 10 ай бұрын

Appreciate it

@Gwgitu77 4 ай бұрын

Thanks for the clear explanation sir

@sars8374 Жыл бұрын

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!

@Epikht Жыл бұрын

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

@ColorCodeio Жыл бұрын

That’s awesome. Glad to hear it.

@skyfall5288 20 күн бұрын

ممنونم بابت توضیحات عالیتون. واقعاً به این ویدئو نیاز داشتم... :)) ❤

@EducationSimplified 5 ай бұрын

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

@ColorCodeio 5 ай бұрын

Thank you!

@mohamedabdulmueen2115 Жыл бұрын

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

@web3withbeny 3 ай бұрын

Like the way that you teach, wonderful!

@nethunter1018 Жыл бұрын

Love the way you explain everything.❤❤ Can you make a video on hoisting in javascript and stuff like javascript execution context.

@RoockYou 8 ай бұрын

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

@ColorCodeio 8 ай бұрын

Ty!

@sarkorbekabdullaev9581 Жыл бұрын

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

@ColorCodeio Жыл бұрын

Coming soon

@xenocampanoli815 7 ай бұрын

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.

@ColorCodeio 5 ай бұрын

🙏♥️

@richardradcliffe6178 Жыл бұрын

Thank you. Looking forward to your video on async awaits!

@ColorCodeio Жыл бұрын

Thanks Richard. Coming soon.

@avigarg7859 11 ай бұрын

You teach so creatively

@ColorCodeio 10 ай бұрын

Thanks

@akasharthanur3057 Жыл бұрын

You are just awesome, keep up your work... Learnt a lot!! Thanks for this... I love JavaScript!!

@user-kn4oi9oh4i 2 ай бұрын

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

@tanjimulislamsabbir2264 Ай бұрын

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

@ColorCodeio Ай бұрын

🙏

@eumm11 Жыл бұрын

always great, you never disappoint!

@ColorCodeio Жыл бұрын

🙏

@krypton_dev 4 ай бұрын

another GREAT video. Thanks a lot SINA

@mira10045 Жыл бұрын

Please keep this JS series. I like your explanation!

@ColorCodeio Жыл бұрын

It's going to continue :)

@hao12654 Жыл бұрын

@@ColorCodeio really nice video, please do continue!

@Walid-Sahab Жыл бұрын

جانی بہترین ہوگیا 🔥 🤍

@sujith.m.s4041 7 ай бұрын

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

@ColorCodeio 5 ай бұрын

Nice

@renzodiaz5996 3 ай бұрын

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!

@ColorCodeio 3 ай бұрын

You're right. What a missed opportunity.

@godnonamesleft Жыл бұрын

This is so well made. Thank you.

@ColorCodeio Жыл бұрын

🙏

@sh9vch9nk0 4 ай бұрын

Great video, clear and detailed!) Thank you a lot 😊🙏

@nucleareggdevar Жыл бұрын

Phenomenal. Beyond phenomenal.

@ColorCodeio Жыл бұрын

@ashaymotiwala96 Жыл бұрын

Best Javascript tutorials on YT!

@ColorCodeio Жыл бұрын

Ty!

@johnforeverrules Жыл бұрын

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

@ColorCodeio Жыл бұрын

Glad to hear that

@oilybrakes 5 ай бұрын

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😅😂

@ColorCodeio 4 ай бұрын

Glad to hear it!

@ajayrathod7438 4 ай бұрын

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

@ColorCodeio 4 ай бұрын

👍

@Mashael_96 Жыл бұрын

Great explanation.. thank you 👏

@GusGabriel 3 ай бұрын

Thank you so much for your lessons, and have some fun coding also 😊😊

@ColorCodeio 3 ай бұрын

That's the goal!

@pandorofortes9309 9 ай бұрын

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

@ColorCodeio 9 ай бұрын

I appreciate that!

@alanouri9965 Жыл бұрын

Very smooth,keep up the good work bro

@ColorCodeio Жыл бұрын

Always

@cjplabs Ай бұрын

I know this video is old, but i’ve been coming back to this “10 things you should know…” series every time one of these topics comes up in the Odin Project and they always just make everything click

@m.hakania2251 Жыл бұрын

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)

@ColorCodeio Жыл бұрын

I appreciate that bro!

@TsipporahtheExplorer 11 ай бұрын

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

@sameershende7770 5 ай бұрын

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

@ColorCodeio 5 ай бұрын

Glad it helped

@khalidsaifullahfuad Жыл бұрын

Loved the intro 🔥.

@ColorCodeio Жыл бұрын

Thanks 🔥

@yiroyi2894 Жыл бұрын

Your videos are amazing, very clear, it helped me a lot to finally understand the Promise concept

@ColorCodeio Жыл бұрын

Amazing

@16NaruSasuke Жыл бұрын

Thank you very much. Your videos are awesome, it is very clear what you are saying.

@ColorCodeio Жыл бұрын

Awesome! 🤘🏼

@theultimategamer7202 Жыл бұрын

Great content as usual. Please upload video consistently

@ColorCodeio Жыл бұрын

👍

@redwansikder3847 Ай бұрын

Great explanation. 🙂

@ColorCodeio Ай бұрын

🙏

@sunraiii 7 ай бұрын

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!

@ColorCodeio 5 ай бұрын

Thanks