Async Await vs. Promises - JavaScript Tutorial for beginners

JavaScript Async Await, how to use them with Promises, and more importantly why?! This is episode 13 of 20 things Javascript Developers Should Know But Probably Don't.
00:00:00 Intro
00:01:04 How Promises work
00:02:18 Await!
00:04:00 Async!
00:05:55 Async/Await vs. then block
00:07:12 Real example with fetch()
00:10:58 6 important points about Async/Await
00:14:20 Error Handling with try/catch
00:20:49 Final thoughts on Async/Await
00:21:22 20,000!
00:21:45 ColorCode Podcast
00:22:22 ColorCode Merchandise Store 👕
00:22:38 New website
00:22:59 KZbin Shorts
00:23:12 Update on JS Mastery Course
Links mentioned in the video:
ColorCode Etsy Merchandise store:
www.etsy.com/shop/ColorCodeSt...
Episode 11: Asynchronous JavaScript:
• Async JavaScript & Cal...
Episode 12: JavaScript Promises:
• JavaScript Promises -...
JavaScript Promises in 1 Minute:
• JavaScript Promises 👨🏻...
Using Await without Async in JS Modules (MDN):
developer.mozilla.org/en-US/d...
Full playlist here: • 20 Things JavaScript D...
JavaScript Promises from the series "20 Things JS Developers Should Know but Probably Don't"
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

[@ColorCodeio]

Async Await 🧑🏻‍💻 Episode 13 of 20 Things JavaScript Developers Should Know but Probably Don't

[@rishavmehra9437]

go for it

[@Justnadeem]

WHICH IDE DO YOU USE

[@rishavmehra9437]

@@Justnadeem bhai guitar sikkha da 😅

[@c3cris2]

What tool are you using for isntant console feedback ?

[@jl_117]

this video saved me in an interview. I was asked to explain async/await code and remembered what this video taught me

[@ColorCodeio]

Love it!

[@fengzheng7344]

I would suggest that you release "Javascript Mastery" course NOW! As a student, I don't need to go over your entire "Javascript Mastery" course. I just need to watch some of the videos on topics that I am struggling with, so just show us what you have, and charge us, students, on a subscription basis.

[@user-kn4oi9oh4i]

I am so afraid of this topic, but after you taught it, I finally got how it works. Thanks good sir! By the way, that coffee is the cherry on top of this video ❤

[@ColorCodeio]

Excellent!

[@thibaultdeverge7601]

I know is a bad practice but didn't even bother put a catch block on your video, i'm 100% sure the promised of good content will be fullfilled even before watching it :D ! Thank you for your work for the community !

[@serapheogen]

I thought Brad Traversy was my favorite instructor on KZbin, and I do love his work but I can't wait for your JS course. You don't miss a single step/detail out and that's invaluable. No need to jump around video to video to find a crucial missing piece of information that was missed from a video which got me 80% the way there but not 100%.

[@ColorCodeio]

Glad to hear it! 🙏

[@serapheogen]

@@ColorCodeio Do you have an idea yet of when it’s scheduled to release?

[@abdullah-ayyash]

This is by far the best Javascript tutorial in my opinion. I did watch JS tutorials on over 100 different channels and couldn't find any explanation that can compete with your explanation so thank you for the great content. You deserve millions of subscribers.

[@ColorCodeio]

Thank you!

[@taeyangyoo1941]

Thank you for sharing this tutorial! I got this concept of Javascript more clearly! Hope you keep going this work!! 🌞

[@VaradNarvekar]

I cant be more thankful to you for providing such quality content !! I have never come across any person before who can explain things in sucha smooth wayyyy !! 2023 gonna be a wonderful year !!

[@ColorCodeio]

Thank you!

[@IkeVictor]

love the quality content....keep it up!

[@kmisdone]

My favorite place to learn about coding. Thanks for these amazing videos.

[@matickovac]

Amazing explanation. Thanks so much! Can't wait for the next episode - would love to see tutorials even.

[@ColorCodeio]

🙏

[@youngfinancejourney]

Your delivery is a masterpiece, you make learning so fun. Thank you so much

[@ColorCodeio]

Thank you Kevin!

[@SuPern0vA72]

Love your teaching style, thank you for providing high quality lessons/content 🙏🏻

[@ColorCodeio]

My pleasure!

[@jatilyadav4000]

Absolute genius....Your way of explaining is just the best on Yt

[@MohamedAhmed-tt2nz]

20 episodes might not be enough, great work again !!

[@ColorCodeio]

Ok 100

[@ShantanuSingh-nu7kv]

@@ColorCodeio yes yes yes dear sir yes

[@bmehder]

Glad to see more videos in this series. It's been a while. I blame Craig.

[@ColorCodeio]

F*ckin Craig

[@tetianazhuchenko2182]

That is the perfect study materials that you're doing. I've never seen something better. Thanks a lot for your job!

[@ColorCodeio]

Glad you enjoy it!

[@poonamkhatri2782]

Keep coming with these videos...😍

[@mickeymacke1780]

nearly at 22k a few days into the New Year. Congrats and THANK YOU for such great content.

[@ColorCodeio]

Thanks Mickey

[@UnifiedFriends]

Long awaited, finally allSettled && fulfilled.

[@user-jd6te1ss7u]

Thank you very much for a detailed and visually engaging explaination in terms of the animated code on the screen, the montage, and the way you're explaining the topic yourself. I am watching your js async related videos currently and making notes and actually comprehending this not so easy to grasp topic thanks to the way you present your explaination. This is quite a work to put all these pieces together that would result in such a high-quality content. Admire your work and time you put into it, thank you 🙂

[@vasudev16180]

I can't wait for more content brother. Keep going.👍

[@ColorCodeio]

More to come!

[@jpsingh1187]

Really liked the way you make others understand the concepts,repetition is the key.

[@ColorCodeio]

Thank you

[@JoshIbbotson]

Honestly i've been learning for just over a year now and I come to your videos when i'm confused with a concept and need to sit down and understand it. I genuinely appreciate your videos and I hope you keep going long into my future career.

[@ColorCodeio]

Thanks Josh

[@simonshurety3870]

Joshy lad, fancy seeing you here! Did I share ColorCode with you or did you share it with me?

[@chetansingh575]

Please continue this series is dope.

[@ColorCodeio]

For sure

[@RadoslavPhanVan]

Your way of explaining is something else (in a good way). I couldn't wrap my head around this topic but after watching this video it's piece of cake. Thank you

[@ColorCodeio]

Glad it helped!

[@oneaboveall7489]

Thank You Very Much For giving smooth explanation for holy content.... awesome video.

[@saferforenvironment5850]

Thankyou for this detailed yet follow along video Long live from Nepal 🇳🇵

[@steelmantv]

Love your channel! Thanks 👹

[@orrodrigez5051]

thank you for quality content. watching this 2 month later your subscribers almost doubled itself! for a good reason! you gonna have to continue this to a 30 parts series :D

[@ColorCodeio]

haha maybe, thanks for the sub 🤘

[@nagendradevara1]

Please keep us this phase of decluttering JavaScript concepts.

[@codie12]

Nice explanation!!!

[@user-oz3xy9th3u]

the way you explain things in such an easy and well- structured way is honestly admirable, i was a bit lost and you helped clarify all the ambiguities i had

[@ColorCodeio]

Thank you!

[@ritikaphirani7753]

Much awaited video. Can you please make projects too on js and nodejs?

[@puyakhalili]

Incredible video. Thank you

[@ColorCodeio]

Thank you!

[@abdohatemeldosoky]

Congratulations on +30k subscribers ❤

[@ColorCodeio]

Thank you

[@Leesdjo]

One thing special about this 20 video series is that you helped most of us in advanced for what we will soon encounter as we move on to take the software developer role in the future. Thank you. Your effort means a lot to me.

[@ColorCodeio]

Glad to hear that

[@msunrl8577]

just found your channel, very nice and clear tutorials! thanks

[@ColorCodeio]

Awesome, thank you!

[@sfspmusic]

Amasing content! Really, thank you, sir, for making this world better with your videos! BTW, how about some Angular videos if it's possible?

[@iambrijeshtoo]

Thank you ❤

[@amarayassmine]

you are legend man you helped me

[@ColorCodeio]

Glad to hear it!

[@steelmantv]

Hey man, just discovered your channel while cramming for a job interview next week. Thanks for the succinct explanations and dope style. Keep it up.

[@ColorCodeio]

How did your interview go?

[@arthurbulat9532]

dude, you are doing amazing stuff! thank you and keep going please)

[@ColorCodeio]

Thank you. More to come soon.

[@zahrabt6705]

when is the podcast ready? can't wait for that! you're an excellent teacher btw keep going

[@mg-sp5ou]

Thank you so much for your valuable lessons

[@ColorCodeio]

You're welcome!

[@faizadnan4029]

Great Lesson

[@ColorCodeio]

Ty!

[@decentrob8126]

Just subbed, watched some of your videos and your are really good att explaining!

[@ColorCodeio]

Welcome aboard!

[@AlisaHaman]

So good you might as well make it a 30 part series 😉

[@jeevachaithanyansivanandan]

Apart from all the technical side, I love the positive vibe this video delivers! Coding should be fun and enjoyable, very informative video and subscribed. I shall wait for your JS full course as well.

[@ColorCodeio]

Much appreciated! 🙏

[@prateekkukreja6576]

Hey Sina! I just wanted to give you a shoutout and let you know how much I've been enjoying your JavaScript tutorial videos on KZbin! Seriously, you make learning JavaScript so much more fun and less intimidating than it would be otherwise. I've struggled to wrap my head around some of these concepts before, but you explain everything in a way that's easy to understand and not at all boring. Plus, you inject some personality and humor into your videos, which makes them even more enjoyable to watch. Keep up the fantastic work, and looking forward to seeing more awesome videos from you! Cheers.

[@ColorCodeio]

Thanks for taking the time to write. Glad to hear all of the above. More videos coming soon.

[@PatrikRasch]

I know these must take a ton of time, but please never stop 😂. These are super helpful and genuinely deserve a lot more views. I'm going through The Odin Project to get into webdev and your videos are both entertaining and educational.

[@ColorCodeio]

Thanks Patrik. Good to see you here.

[@damianaruj3846]

Dude ur awesome!! Thanks for sharing ur knowledge

[@ColorCodeio]

👍

[@user-nl8wi2cg9x]

Superb Content, you are Awesome.

[@Salah-YT]

glad to see u again bro and Happy New Year 2023 so keep it up good work with JavaScript thx

[@ColorCodeio]

Thanks dude!

[@user-kt5id2vq7g]

you are a great guy🙏🙏

[@AberrahimCoder]

your way of teaching are top tier furthermore impressive

[@pullrequest1481]

HELL YEAH!!! 💪🏽💪🏽💪🏽

[@ishankatoch7245]

Really appreciate you putting these videos . These are really the best tutorial and is helping alot also can you please mention the actual date of the course you gonna launch?

[@user-mw5bm2xh9x]

thanks for the tips.

[@ColorCodeio]

You’re welcome

[@nikolanovakovic4150]

thank you senpai ^^

[@frontenddeveloper9173]

Great videos 👍

[@TheCinematicTola]

Love you explanation

[@ColorCodeio]

I’m glad

[@sashaikevich]

Great tuts!

[@ColorCodeio]

🙏

[@sashaikevich]

@@ColorCodeio for a bit more feedback, I particularly found it useful how you made the connection of between the next, catch functions and the resolve reject. Also, didn't know that I could have an error as the second parameter in next. Really thorough deep-dives, thank you!

[@JeetKRamnani]

You are amazing men ❤️

[@lloydchan9606]

underrated channel really, thanks for the goods

[@ColorCodeio]

🙏

[@user-sw3oz1hr8q]

Audio Code... best name ever for your pod cast

[@12345678uygfcxdrtghn]

Nice video! Although I have to mention something. As per ES22, they introduced Top-Level Await, so you can use Await outside an Async function. Please correct me if I am wrong!

[@meryemk.4884]

Hearing Qoli's name kept taking my by surprise and made me smile a few times ahahah Great lesson!

[@darshanpandya1087]

your presentation of the topic so nice that i don't have to write it down and go to another site for clarifications and i liked it very much. Thank You > 3 : )

[@ColorCodeio]

👍

[@jasminelucas2842]

Thank you dear, you are the best.😘

[@ColorCodeio]

You're welcome

[@alirezsoltaan]

Sina dadash damet Garm. First time I heard about asynchronous JavaScript coding was about 4 years ago and I did never completely understood how to use async, await, promise and then blocks until I watched your videos. Good F**** Job.

[@ColorCodeio]

Merci

[@bilalbeny4172]

thank yo so much, your are the best

[@ColorCodeio]

🙏🙏

[@kyleh1623]

tbh, this series deserves millions of views for all the devs out there who want to sort such js concepts out

[@hao12654]

I would say it's 13 out of 10 for this video. great content. look forward to next episode.

[@ColorCodeio]

Thanks!

[@lakshithamadhu]

Great Work ♥♥♥♥

[@ColorCodeio]

Thanks 🔥

[@techbro3085]

Finally completed the series. waiting for new video.

[@sarthakgiri4596]

This video deserves huge views and channel deserves million subscribers

[@ColorCodeio]

Soon

[@ashishkumarsahoo6966]

This is highest level quality content u are creating I have seen in KZbin much respect love from India please make more videos on JS absolutely loving it it's more interesting even I have skipped my fab webseries to watch these masterpiece ❤

[@ColorCodeio]

Thank you so much 😀

[@sagarbharati1438]

Billion subscribers will be here one day. What a quality ❤️

[@maenam4520]

عشت ياكبير

[@lostone390]

Спасибо за ролики. отличная подача и все понятно 😀

[@catherinelization]

Always support🎉useful channel!

[@ColorCodeio]

🙏

[@LoneDWispOfficial]

Will be interesting a discussion about namespaces, in general, not just the namespace of typescript or Javascript. I didn't find any common dominant opinion in the community, and is being hard to find topics talking about it, if it's a bad practice, or a good one, if you can abuse or not, etc. In my opinion i love to put functions inside namespaces on my personal projects.

[@struggler4448]

thanks man

[@namankeshari7332]

Crazyyy! This guy is super sleek and cool. Feel like I'm watching Netflix while watching your videos sir! Super cool!!

[@ColorCodeio]

Thanks!

[@nordicnomad5473]

Thanks a lot for the detailed information about async/await. I was struggling for a week to understand using fetch inside a loop. Now I know how to use the async/await .. if it is possible, please create a short video about using async/await inside a loop , Thanks and subscribed !

[@ColorCodeio]

Good idea. I'll make it.

[@papsotos]

Woah, was there a Tool reference in this 46 & 2 part? Great video!

[@ColorCodeio]

Nice catch! Good ear 😉

[@rocialcala]

Pleasee error handling will be so helpfull!!!!!!!!!

[@oleksandrfomin326]

Very quality content! It'd great if you could show how async/await works under the hood

[@alex_blue5802]

I'm curious about this as well. How does resolve get set? When an async function returns a promise, how does the caller handle that?

[@awaismohsin345]

First Comment 👍👍👍 I was waiting for a long time, Thank You Boss,

[@ColorCodeio]

🤝

[@FarazBeg]

I didn't know Stanley Tucci knew JS so well... thanks for the content..

[@ColorCodeio]

🍝

[@user-op3co9di8i]

Your videos are amazing. I'm watching 3d in a row. Now async code is not a mess for me. Huge thank you. Also throughout all these videos I was wondering what ide are you using?

[@ColorCodeio]

Chrome DevTools and RunJS: runjs.app/colorcode

[@matthewmaloneydev]

hi there, new to coding, and your videos have been tremendously helpful!! Quick question for you, what code editor are you using and how are you able to have the live javascript running on the right of it? that seems super helpful!

[@ColorCodeio]

RunJS: runjs.app/?via=colorcode

[@moryaffe7595]

46&2 ״just ahead of me” ☺️

[@ColorCodeio]

🤘🏼

[@mashmixture5662]

Very Very very quality content here. You are my love siiiina

[@ColorCodeio]

♥️

[@mashmixture5662]

What about React

[@andrewfurnevel7726]

Love your tutorials. What are javascript editor / REPL are you using for your videos. It's very cool.

[@ColorCodeio]

runjs.app/colorcode

[@andrewfurnevel7726]

@@ColorCodeio Thanks. Very much appreciated.

[@dineshreddy8915]

Its Perfect every thing is perfect

[@ColorCodeio]

🤘

[@tusharacharekar2727]

⭐⭐⭐⭐⭐ for Quality, Explanation, Presentation.

[@medmolay8627]

maaan , i know i'am a bit late ,but i fuckin love you man , this playlist is the best thing that ever happened to me. it was realy helpful . (plus the qoli thing is really funny😭😭😭😭😭😭😭😭 )