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!

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

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

[@matickovac]

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

[@ColorCodeio]

🙏

[@MohamedAhmed-tt2nz]

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

[@ColorCodeio]

Ok 100

[@ShantanuSingh-nu7kv]

@@ColorCodeio yes yes yes dear sir yes

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

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

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

[@AlisaHaman]

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

[@taeyangyoo1941]

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

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

[@jpsingh1187]

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

[@ColorCodeio]

Thank you

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

[@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.

[@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?

[@vasudev16180]

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

[@ColorCodeio]

More to come!

[@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

[@jatilyadav4000]

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

[@UnifiedFriends]

Long awaited, finally allSettled && fulfilled.

[@mickeymacke1780]

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

[@ColorCodeio]

Thanks Mickey

[@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?

[@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 🤘

[@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.

[@chetansingh575]

Please continue this series is dope.

[@ColorCodeio]

For sure

[@kmisdone]

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

[@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?

[@bmehder]

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

[@ColorCodeio]

F*ckin Craig

[@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.

[@poonamkhatri2782]

Keep coming with these videos...😍

[@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 🙂

[@saferforenvironment5850]

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

[@IkeVictor]

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

[@ritikaphirani7753]

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

[@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! 🙏

[@nagendradevara1]

Please keep us this phase of decluttering JavaScript concepts.

[@abdohatemeldosoky]

Congratulations on +30k subscribers ❤

[@ColorCodeio]

Thank you

[@zahrabt6705]

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

[@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 😀

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

[@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?

[@msunrl8577]

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

[@ColorCodeio]

Awesome, thank you!

[@puyakhalili]

Incredible video. Thank you

[@ColorCodeio]

Thank you!

[@oneaboveall7489]

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

[@codie12]

Nice explanation!!!

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

[@lloydchan9606]

underrated channel really, thanks for the goods

[@ColorCodeio]

🙏

[@arthurbulat9532]

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

[@ColorCodeio]

Thank you. More to come soon.

[@faizadnan4029]

Great Lesson

[@ColorCodeio]

Ty!

[@sarthakgiri4596]

This video deserves huge views and channel deserves million subscribers

[@ColorCodeio]

Soon

[@amarayassmine]

you are legend man you helped me

[@ColorCodeio]

Glad to hear it!

[@decentrob8126]

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

[@ColorCodeio]

Welcome aboard!

[@meryemk.4884]

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

[@AberrahimCoder]

your way of teaching are top tier furthermore impressive

[@mg-sp5ou]

Thank you so much for your valuable lessons

[@ColorCodeio]

You're welcome!

[@damianaruj3846]

Dude ur awesome!! Thanks for sharing ur knowledge

[@ColorCodeio]

👍

[@steelmantv]

Love your channel! Thanks 👹

[@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

[@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?

[@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]

👍

[@namankeshari7332]

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

[@ColorCodeio]

Thanks!

[@hao12654]

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

[@ColorCodeio]

Thanks!

[@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.

[@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.

[@user-kt5id2vq7g]

you are a great guy🙏🙏

[@TheCinematicTola]

Love you explanation

[@ColorCodeio]

I’m glad

[@pullrequest1481]

HELL YEAH!!! 💪🏽💪🏽💪🏽

[@user-nl8wi2cg9x]

Superb Content, you are Awesome.

[@awaismohsin345]

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

[@ColorCodeio]

🤝

[@techbro3085]

Finally completed the series. waiting for new video.

[@user-mw5bm2xh9x]

thanks for the tips.

[@ColorCodeio]

You’re welcome

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

[@iambrijeshtoo]

Thank you ❤

[@catherinelization]

Always support🎉useful channel!

[@ColorCodeio]

🙏

[@lostone390]

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

[@jasminelucas2842]

Thank you dear, you are the best.😘

[@ColorCodeio]

You're welcome

[@sagarbharati1438]

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

[@FarazBeg]

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

[@ColorCodeio]

🍝

[@JeetKRamnani]

You are amazing men ❤️

[@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

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

[@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?

[@papsotos]

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

[@ColorCodeio]

Nice catch! Good ear 😉

[@bilalbeny4172]

thank yo so much, your are the best

[@ColorCodeio]

🙏🙏

[@frontenddeveloper9173]

Great videos 👍

[@user-sw3oz1hr8q]

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

[@lakshithamadhu]

Great Work ♥♥♥♥

[@ColorCodeio]

Thanks 🔥

[@nikolanovakovic4150]

thank you senpai ^^

[@maenam4520]

عشت ياكبير

[@mashmixture5662]

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

[@ColorCodeio]

♥️

[@mashmixture5662]

What about React

[@rocialcala]

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

[@scalaptia]

Sina doing god's work fr

[@ColorCodeio]

🙏🙏

[@copytopgrade6458]

Underated chanel 😩 hope this thumb up break KZbin algorithm 😂

[@ColorCodeio]

Haha appreciate that

[@enjoy_programming]

خیلی خوشحالم که توی طبقه 16 با شما اشنا شدم و شمارو شناختم🤩دیدن یک ایرانی که توی نیویورک هستش و برای شرکت بزرگی مثل ادوبی کار میکنه واقعااا به آدم انگیزه زیادی میده💫امیدوارم همیشه موفق باشید و اگه امکانشو داشتید ممنون میشم از مسیری که طی کردید هم توی ویدیویی یا ..... بگید تا مسیر برای برنامه نویس های جونیور داخل ایران که رویای کار توی شرکت های بزرگ رو دارن روشن تر بشه🔥به امید دیدار از نزدیک توی نیویورک ;)

[@ColorCodeio]

Merci

[@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😭😭😭😭😭😭😭😭 )

[@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

[@nirmalasharma5061]

Hey !! Please make more videos we need to learn more specially me and i thought you Stopped making them please upload as soon as you can .Hope you are well . Thanks for great content like always

[@ColorCodeio]

Episode 14 coming next week

[@dineshreddy8915]

Its Perfect every thing is perfect

[@ColorCodeio]

🤘

[@skillzdboss]

This post was resourceful thanks, but how do I make async in a promise func,