JavaScript Async Await

One of the hardest things about writing good JavaScript is dealing with heavily nested asynchronous code. Promises were created to solve the problem with callback hell, but there are still plenty of nested problems related to promises. This is where async/await comes in. JavaScript added async/await to allows developers to write asynchronous code in a way that looks and feels synchronous. This helps to remove many of the problems with nesting that promises have, and as a bonus can make asynchronous code much easier to read and write. In this video I am going to explain what async/await is and how to use async/await to rewrite your existing promise based code.
Learn Promises First:
• JavaScript Promises In...
Async/Await Article:
blog.webdevsimplified.com/202...
Twitter:
/ devsimplified
GitHub:
github.com/WebDevSimplified
CodePen:
codepen.io/WebDevSimplified
#JavaScript #AsyncAwait #Promises

[@muhammadsafiullah8428]

I showed this video to my crush and she's my wife now. I'm grateful, thanks for sharing this video with us.

[@WebDevSimplified]

I didn't realize I had so much power within my videos. I need to show this to my girlfriend :P.

[@the-mush]

@@WebDevSimplified aaaaand, now she's pregnant (o_O)

[@mhshoghi]

@@WebDevSimplified Perfect . :))

[@the-mush]

@@pearlsswine it is black and has ginger curly hair, what does this mean? D:

[@kofuku1344]

Did the same, now I'm single

[@rebelmachine88]

This is definitely one of the best, simplest explanations I've seen of async/await. Thank you!

[@WebDevSimplified]

Thanks! I am really glad you enjoyed it.

[@vinubox]

Sure !

[@mr.prince8701]

@@vinubox It really is. It's short but effective.

[@latinstuff1]

thats what everybody says in every tutorial in youtube lol I trust you and im sure this is an epic and amazing explanation but its funny to see the same comment in every tutorial.

[@rebelmachine88]

@@latinstuff1 lol you're not wrong about that! Ppl tend to absorb information differently, so it makes sense it would be a common comment on tricky subjects.

[@maximofernandez196]

Man, I cannot tell how good you explain. The best part is that you explain the WHY of the things that happen. Really, amazing work

[@woehrle17]

I'm in a web dev bootcamp currently and you're videos are amazingly helpful, thanks so much.

[@TheMr0450]

Dude.. async/await and promises had scared me for years.. uve made me understand them in 17 mins.. much much appreciated...

[@evanoshea9506]

I've been watching all your videos. Nobody else on youtube has coding videos so succinct and efficient to watch. Thank you for valuing the time of your viewers!

[@franciscopena1140]

I like how you go straight to the point. Thanks

[@dougiehawes916]

this is something I have struggled with for ages and just followed what I was told on tutorials without knowing what I was properly doing. I had a vain hope that one day it will fall into place. This video is what I needed.

[@dondxniel]

I've watched videos on this concept and read several articles on it, none explains it as simply as this video. Thank you, and keep up the good work!

[@christianmaoro5900]

Excellent job! A good example to explain all we need to know about it in a few minutes. No gimmicks, no blabla. Please keep going!

[@jeffricks4023]

I've watched a few of your videos as I've come across them over the last few weeks. You consistently do a very good job of explaining things. Thanks!

[@pastorfred2543]

Thanks Sir, I appreciate the way you've made it look it simple. Now my fears are gone.. I will use Promise and Async Await in my projects.

[@WebDevSimplified]

I'm really glad my video was able to help!

[@ranellabjata5170]

From callbacks to promises and then to async and await. Beginners like me often confused with this three. Thanks for making this three more clear. 👏

[@codewithbishal895]

web dev Simplified and dev Ed this 2 guys literally taught me everything

[@IfadArdinx]

I watch your video everytime i'm about to start a section in Codecademy. You give the simple explaination of the concept while the Codecaemy provide the practice. Such a great combo! Thank you!

[@brandoncbh]

How long after starting to learn did it take you to get your first job?

[@natasdabsi1138]

@@brandoncbh 1 year

[@user-kn5yr2vu7k]

Thank you, by far the best and easiest to understand explanation i've found. I also watched your video on promises, very well explained!

[@ashharthegreat]

I just started to watch your videos, you explain very simply in a short amount of time.

[@henrycabral6012]

Your explanations on promises and async await were very well done. This helped a ton! Thank you!

[@groovermctoober4508]

Nearly everyone here on KZbin who tries to explain Javascript promises, async, etc. blabbers on and on, boring the viewer, but you don't waste the viewer's time. You come right to the point and clearly and understandably explain these things without any superfluous nonsense. Bravo! Keep it up.

[@rachelf5466]

This guy about to single-handedly help me pass my web programming class. Super easy to understand

[@adityaghosh6170]

Definitely the best video on the youtube regarding async await. One request, please never stop making these type of videos.

[@OfChaoticReign]

People like you are why I love the JavaScript community. I still hate the language, but I love this community. Thanks for posting this!

[@gabrielaperez42]

hahahaha this comment represents me a lot!

[@todordonev]

I dont usually write comments in youtube but.. damn.. By chaining your videos one after another explaining different concepts I now understand all this javascript spaghetti. Also your videos are very high quality and you are a very good explainer.

[@roymargalit2660]

this is mind boggling. i am overwhelmed by how much easier this is. thanks man!!

[@stromblessed]

Great video, Simple and easy to understand tutorial. Thanks man.

[@WebDevSimplified]

You're welcome

[@techstuff7568]

I was avoiding async/await for so long because I thought it was complicated and I was doing fine without it. Finally looked into it and wow it's simple and clean. Thanks for the great tutorial!

[@bjornarmar2462]

Came here with a knot in my brain for an additional perspective after finishing Brad Traversy's JS course on Udemy. All the gears have finally clicked into place. Subbed!

[@krisashehi5144]

Ive been struggling to grasp async and await for a couple of days. This video made it so easy, thank you!

[@prathameshyadav2001]

I don't comment usually but this video is on another level. Spent hell lot of time understanding promises and async-await and after watching this video I am feeling like how foolish I was not to understand this simple concept 😂

[@rocraz01]

Nice and simple explanation. Thanks for taking the time to produce this (and the other) videos. Congrats!

[@mustaneerhaider515]

Dude you explained Asnyc/Await and Promises both in such an easy and simple way.

[@snowplow8418]

You take a concept, boil it down into its essence and explain it using the most basic and easy to understand example. Incredible videos. By far the best channel on YT for this.

[@williamdevonshire356]

i know right? the other ones end up confusing me with all sorts of seemingly unrelated and complex additions, whereas his vids just say what need to be said and are understandable without and unnecessary and difficult additions

[@justmeldin6062]

Even thou you speak fast, somehow I can completely grasp the topic. The name of the channel is right on point. Keep it up : )

[@WebDevSimplified]

I'm really glad you were able to understand the topic.

[@keremardicli4013]

Fireship and wds channels are meant to be watched on 0.75x playback speed.

[@bhavesh2952]

You are a legend buddy :) Thank you. no intro and all like other KZbinrs.. directly to the point

[@EnatahNE]

I was so confused about promises/asynchronous codes. This SAVED me, thank you!

[@WebDevSimplified]

You are welcome!

[@29rohitkumar01]

One of the best explanation for async await on KZbin.

[@MrTubs987]

Finally a clear, concise, and well produced example. Thank you!

[@WebDevSimplified]

You're welcome

[@MonsterFishKeepersPH]

man I love how you explain things so clearly

[@codeAlongwith]

Your channel is one of the most useful js channels I have found. Thanks.

[@dongwei9907]

I really like the teaching way that transforming from the promise to the async-await format, which is really intuitive and makes a connection between different knowledge. Thanks so much.

[@WebDevSimplified]

You're welcome! I'm really glad the video was easy to follow for you.

[@berakoc8556]

The most clear explanation of Async Await concept. Thanks so much!

[@mabrodoublec8225]

This video ranks among the best, on async and await. I recommend it to anyone wanting to learn the concept of async and await.

[@TomAinsworth94]

Another awesome video thanks a lot Kyle! Just followed along with the Promise video and then this makes complete sense. Very helpful for an upcoming interview!

[@jonayedmohiuddin538]

this is what i was looking for simple elegant explanation.

[@nowleaks8643]

Finally, the only explaination that i understood after watching at least 10 videos on async.

[@fabiorengel]

I am learning JS and React and always works for me seeing your videos after some classes. Thank you. But, if I may say, would be even better if make the code you wrote available throughout some link. That way would be even easier to make some tests based on you examples. Thank you, again.

[@freivincampbell]

32 people still loving PHP .. jaja Thanks so much for your videos, I really love them, you are one of my best favorite channels on youtube. I usually never comment, but this time I had to do it. greetings from Costa Rica

[@relaxwithmusic9036]

This channel is one of the best channels on youtube for web dev

[@duke4279]

Great explanation, very easy to understand in a such short video, thank you Kyle really appreciate your work!

[@blackaio]

You are awesome man, really simple to understand, async can be intimidating to new people, great work!

[@WebDevSimplified]

Thanks! I'm really glad you enjoyed the video.

[@ranjithr9625]

Thanks for explaining it in a very simple way. This is one of the best explanations of Async / Await.

[@amitdev652]

u are one of the few people who actually know the stuff right, never bs sm1 and are good at explaining

[@xiaweiliang5168]

Thank you so much for letting me be clear about how to use the async and await, very straightforward and clear!!!

[@imblind217]

I like your tutorials! :D They are so clean and your voice is so nice to hearing. :)

[@heliodasilvajr.8981]

This is by far the best explanation/example about async/await. Thank you so much. 👍😉

[@PrinceSingh-ym2mq]

Thanks man it really helped me to understand promises and async await which I was trying to understand for the long time. Keep up the good work👍

[@adityabhandari6688]

dude, you explain like 30min worth of content in less than 10min! Great!

[@bens9275]

Didn't help me figure out my user interaction problems, but definitely a bookmark reference for async functions. Love your videos

[@notdaveschannel9843]

Outstanding. No idea why this channel doesn't have 10x as many subscribers.

[@abulkalamazad6022]

I have watched few videos on async/await over KZbin, but couldn't able to understand this concept. Then I have realized that I should make my foundation strong first on promise. Now I can clearly see how it's working under the hood. Anyway, nice explanation Kyle

[@iraqplayer7270]

Perfection! Simple, easy and straight to the point! My God bless you sir!

[@WebDevSimplified]

I'm glad I could help!

[@AJD...]

Thank you so much! I finally understand Promises, Async & Await. Glad I found your video!!!

[@dcmbassi]

Been using this for weeks somewhat correctly, without understanding exactly why it works, and you just cleared that fog in seven minutes. Have a sub, sir.

[@WebDevSimplified]

Thank you so much. I'm really glad I could help.

[@aabedkashwa9125]

Ok, i am lucky to have you in my life. Thanks for simplifying this!

[@WebDevSimplified]

I'm glad I could help!

[@TheLMestre14]

Really enjoyed the video. I already knew how to use async await in javascript, but your video explains it really well and it's much more simpler. Keep it up man ;)

[@WebDevSimplified]

Thanks! I'm really glad you enjoyed the video. There are plenty more like this coming.

[@IAm-zo1bo]

i really need to learn more

[@syedsalman7737]

Best explanation I've found and that too in only 7 minutes! You are amazing!

[@michaelhuskey2608]

Great job man! I’ve only watched two videos but they have helped immensely!

[@simungu]

Best explanation of async/await I have come across

[@potatopower2144]

I feel like I just had a major "aha!" moment and it makes sense now. Thank you for all of the priceless information you continue to share with us

[@timl7728]

Concise, to the point! Well done.

[@mubeen44us]

Thank you for clear instruction +1 for adding try catch in async function. Saved me from a day of headache. Cheers

[@_Potato_Salad]

Thank you Kyle, for always making me feel a lot less dumb.

[@asthayadav4931]

Went through 2-3 different videos but the way you explained async await (and promises in a diff video ) is way too good. Thanks!

[@srushtidesai7678]

The best video of async await i could find online. Pretty much on the point,extremely easy to understand. I hope you upload more videos. Thank you so much.

[@WebDevSimplified]

I'm really glad you enjoyed it. I make two videos a week so I always have new videos being uploaded.

[@PawanKumar-tu6ti]

Thanks a ton for this short content, easily understood and able to write code for it!

[@surjendupal4236]

Thanks for this video. i think this is the most simplest and easily understandable video all over yt on async/await

[@mrdoner3451]

thanks dada! really though, this is the most concise explanation I've seen for async await.

[@bonaventureokoli7988]

This is the best explanation of this topic period.

[@muhammadusamaalvi6910]

Beautifully explained, short and brief.

[@kimmokuisma7562]

Love this channel, the best resource for learning React + JS for me!

[@robertkviberg]

Carl, You are doing a great job! The metafors you use to explan are genius. WDS is my goto chanel when I refresh or need new information. All Best

[@7Chikchan]

Clear and straight to the point. I like you. Thanks

[@cineverseproductions]

Thanks for explaining it in a very simple way, mate. 🙌

[@rahultirkey7950]

I understand the whole thing. Keep making more tutorials like that.

[@bjmaldonado]

Well paced and not convoluted. Thanks!

[@consumeentertainment9310]

Everything you have said sounded very logical to me. Thank you!!

[@ajayvallab]

to the point and super clear. great job man !

[@langgs]

Hello Kyle, i am from a different country and my mother's tongue is not english. however, i can understand you because of your speech manner and clear pronunciation . thank you so much!

[@rodneytapit5636]

Just the right measure of knowledge and example code to pass on the idea, thank you it's a very good tutorial.

[@4rct1c9Ic3m4n]

Talks a mile a minute but a good teacher no less

[@reghuk]

I think this better explains promise than the promise video that you uploaded! Cool!

[@jeffdesouza6667]

Thanks! I leaned heavily on your videos while I was in a bootcamp and now have a good paying job! Thank you so much for your help -- I've been meaning to buy you a beer for some time

[@WebDevSimplified]

Thanks! I am glad to hear you landed a good job.

[@yaolegoleynik]

Incredibly simple and understandable explanation thank you!

[@WebDevSimplified]

You're welcome! I am really glad I could help.

[@prasunkj]

simplest explanation of the complicated logic!! thanks a ton!!

[@rustyrage4197]

one of the best videos on async functions

[@shreyjain3562]

Fantastic Video...I had trouble understanding async await for a long time, best explanation on async and await. Thanks a lot.

[@WebDevSimplified]

I'm really glad I could help.

[@imtiazkabir6115]

I think it is the most simplest async-await tutorial on youtube and definitely the best one I've seen overall. Thank you a lot. May Allah bless you and your family.

[@frankli673]

Truly helped me to understand the topic, thank you!

[@ayoolaoladipe8105]

This is the best async await video on youtube

[@Shdnfncidjen]

Thanks so much! Props to you on your crystal clear way of presenting things