Asynchronous JavaScript in ~10 Minutes - Callbacks, Promises, and Async/Await

The asynchronous nature of JavaScript to understanding the language. You'll find the use of callbacks, promises, and async/await in code that you write every day as a JavaScript developer. In this JavaScript tutorial, you'll learn about all three in about 10 minutes.
00:00 - Intro
01:15 - Callbacks
03:20 - Error First Callback
05:00 - Promises
10:00 - Async/Await
____________________________________________
Newsletter 🗞
Interested in exclusive content and discounts? 🤯 Sign up for the newsletter!
www.jamesqquick.com
_____________________________________________
Connect with me 😀
Live streams on Twitch - / jamesqquick
Follow me on Twitter - / jamesqquick
Join the 💬 Discord Server 💬 - / discord
_____________________________________________
COURSES 💻
Learn how to build Fullstack apps with React and Serverless Functions - www.jamesqquick.com/courses/r...
Learn everything you need to know about Visual Studio Code - www.udemy.com/learn-visual-st...
Build a Quiz App - www.udemy.com/build-a-quiz-ap...

[@TheYusuf10]

I am not a native English speaker but ur accent is most suitable for me! Thank you for ur content

[@JamesQQuick]

Glad to hear that!

[@joshhoffer]

Hes got that standard American dialect. Not too Boston not too Texas

[@rajanchawla1285]

@@JamesQQuick y

[@rajanchawla1285]

55ttttttmtattu tattu tattu mm mm mmm mm mmm mm mmm mm mmm mm mmm mm@@JamesQQuickm mmmmmmm mm ttttttt mmmtmmit?mtmtttm

[@rajanchawla1285]

@@JamesQQuick mntmmmmmmmm

[@jonibs90]

My teacher taught us Asynchronous JavaScript at the end of a class in 15 minutes and I got 0% of it. Thank you for this video

[@cameronthompson1275]

Promises are still a struggle for me. This has helped a ton. Thanks, James!

[@JamesQQuick]

So glad to hear that. Yes they are very tricky

[@_rachid]

Just keep repeating using them, after a while you'll find them so easy to grasp.

[@sazaraki]

@@operationskunkworks5914 That's a very interesting point: the difference between creating and consuming a promise. Of all the tutorials I've seen on the subject, nobody has talked about that.

[@ZhouJi]

@@sazaraki not just interesting, but very fundamental. many tutorials talk about the the syntax difference between callback, promise, and async/await, but neglect the more important question about which part of your code is intended to be async (going to background in parallel) and which part is intended to block

[@marcom6370]

@@sazaraki I found this video about the difference between consuming and writing a promise kzbin.info/www/bejne/iKe8inZ9qJlogpY

[@goodwish1543]

Best one on Async/Await I've seen so far. Excellent!

[@jazy3091]

Thaaaaaaaaank you! This is such a beautifully simple explanation of the whole thing, starting from callbacks to async! Please keep on doing great job.

[@nikolaoskonstantinidis3505]

I understood these concepts better in your 10 min video than in many others 20+ min videos. Thank you.

[@andredejesus7427]

Watched this as a refresher and it went better than I expected! Thank you for this

[@hedwigseidel1934]

One of the best explanations I have come across. Thanks a lot!

[@MichaelWhyte01]

Great video…Loved your explanation of this…You made the topic very simple and easy to understand…Thanks for taking the time to make this informative video...

[@elaizaespanola9652]

You explain this so quickly and so easily. Thank you for your videos. Subscribed already!

[@NicoHeinrich]

Thank you, this video really helped! You did a great job at explaining everything 👍

[@ChikereEzeh]

Best tutorial on async I have come across. I am 'new' to JS and will jump straight into async/await.

[@anandakumarthangaraju3438]

One of the best clear cut explanation.👍❤️

[@divababy2974]

Thank you so much for this video! Finally somebody put them all together!

[@alibaba888]

I watched a couple of videos but only this one worked for me. Thank you for the amazing explanation.

[@Balaji_Devadoss]

thats how you explain programming.. with examples ... great :)

[@Diegps]

This video finally helped me to understand how async works. Thank you so much!

[@joecolas]

thank you James for letting me understand better the JS Callbacks and Promises

[@oliviaseymour3237]

Hey! I watched a lot of videos, read a lot of articles, but only YOU explained these topics in a clear way! thank you!

[@JamesQQuick]

Yesssss! Glad to hear it :)

[@pouyajavadi1751]

Well described..i will have this as a reference to implement and practice on my projects. Thank you

[@nemanjastankovic941]

This is one of the best programming tutorials I've seen for quite some time. Awesome 🤓

[@bazileus123]

Srbija do tokija

[@karennason6593]

This was so helpful! Thanks James, you demystified this topic for me.

[@DmitriGoncharov]

You, sir, are a gentleman and a scholar! Thanks for posting!

[@hamzahmd_]

What a comprehensive explanation of asyn javascript. Great!

[@artabramov2254]

the best explanation of asynchronous abstractions ever. Thank you!

[@theresasecore9372]

Thank you so much for this explanation - I had a lightbulb moment while watching this video and I finally get it - Thank you!

[@rsdbolso8003]

Async / Await all the way! Amazing video, very well explained!

[@CodyCleggMusic]

Personal favorite video on the subject. Thank you!

[@enterflux]

This was super helpful. All these asynchronous functions are so confusing and this was a great quick guide.

[@rogermarksese3048]

Thank you!!!! I now understand the concept of what you've discussed.

[@ammarhassan_]

Recently came across your channel via Twitter, Love ur videos.,It took me 2 yrs to understand callbacks (give and back) but it was worth it, I can now know it is working and how to create HOF.

[@NivBarchechet]

the best explanation i found. thanks alot, had been struggling with this for a while..

[@abderahmaneaoufi]

Thanks this is was simple and comprehensive thank you so much i'm going to love async and await just like you ..

[@everay1846]

I'm so glad to hear that asynch js is not only for me difficult to learn, because it's just not sinking in, yet. I'm grateful to learn from your videos, you can explain complex things simple.

[@ramyattalla7168]

its not SYNCING in yet* lmao i'll see myself out- I promise...

[@tigana]

@@ramyattalla7168 Lol

[@kinstar]

you really have to get lost in it a few times before something asynchronously clicks in your head

[@im2godly750]

Hi, I am new to JS but out of all the syntaxes I have learned from traditional to es6 and above, await async seems like easiest one to manage. In terms of updating the code and maintenance, async await is the way to go. It is more concise which makes it less prone to human error … You are a great teacher, the only thing I wasn’t familiar with in your video was the fs read only stuff… I get the gist of it, but I would like to learn more details. If you already made a vid on it I will find it your library. I am one of your newest subscribers. Thanks for the content❤

[@hrzh6721]

Very straightforward. Thanks A LOT ~~~~

[@Noone-bb5qh]

Thank you my man. This is going to help me a lot for my interview prep.

[@shonendumm]

This was a very clear explanation, I finally understand it now after 5 years. Thank you! I wish to learn require and import next. :)

[@kkbox1125]

Very concise and informative! Love it

[@pranavmahajan4190]

This helped my all doubts. thanks a ton.

[@heyyyyyworld]

Great explanation! Thank you!

[@mattmjlg5053]

I have to subscribe your content is invaluable. This is like the 5th video I’ve watched from you this week

[@antonk2157]

This seems like a good syntax and concept introduction, what it lacks is actual explanation on how exactly these calls are executed, in what queue, order over time etc.

[@hakanus1]

Hi James, this is one of the best concise video I have ever seen on some of the most difficult concepts in JS. Thank you very much for this.

[@JamesQQuick]

So glad you enjoyed it!

[@RobbyNeale]

Fantastic video. Well prepared. Succinct. Everything I could have asked for.

[@user-kj7bn8ls3b]

Hi! James, thank you for these video. I appreciate you describe with good examples there.

[@baay81]

Great summary. Thanks a lot!! The last version is more readable for me too. I will adopt that.

[@debhasish]

Thank you for the video, This is much much better than the 2h video on youtube about Callbacks, Promises, and Async/Await.

[@MrStefanica]

Bravo! Super explanation ! Thanks !

[@soniablanche5672]

If you're using the fetch api I recommand checking the value of "response.ok" because code 404 (or whatever code error the pokemon api sends back) is not an error for the fetch api because the server successfully sent back a response.

[@paulokehie4792]

hello sonia. do you have the link to the fetch api?

[@YamilGonzales]

good suggestion, thank you. I just read about it, it makes sense

[@EddieOlivas]

If you have this issue and it's a node or react project, try axios

[@alang.2054]

@@paulokehie4792 You can just literally google it

[@snoopysatangore]

Great video, clear to the cut explanation!

[@bencooper2753]

Wow, very well put together. Very helpful.

[@JohnDoe-kw3qu]

very straight forward, thank you!

[@derickmoncado]

Great content man. Loved this!

[@user-mo8de5hl9g]

Information is given in super comprehensible way. Really like tutorials like this🖥

[@guymross]

Brilliant and concise thanks!

[@luxs3]

What I love about your video is that you don't just explain the code based on the syntax, but you give conrete examples in which it can actually be used. This also results in a very natural example for chaining promises (getting json from a response), which makes this super easy to grasp. Thank you very much for making this! Maybe you could take a look at using async await for concurrent callbacks as well?

[@Flayer.14]

I agree, the chaining promises example was top notch, loved it

[@Remiisola]

Gold mine for me. Thanks for making it easy to understand, thanks to all other videos that prepared my understanding to some level too .

[@michaelreynoso2289]

Great explanation, thanks man!

[@ashbjorn]

First time viewer, and very interesting topics as these cover the bigger struggles I have transitioning between C# and JS whenever a project calls for it. One thing I am curious about is the combination of events and promises/async? I often find myself wanting to subscribe to an event, and then executing code from the calling page, once that event has finished. Is there a video/information that could lead me to better understand that scenario? Loving the content so far, you got yourself a sub :)

[@multihrab]

Great video, really helped me undertand asynchronous js.

[@phoenix888media9]

You are the best teacher so far me! very easy to understand and very good examples and explanation.

[@AmaroAmaral]

You are the BEST! Thank you!

[@jonathanhammond5563]

I just finished a homework that imports inquire object then latches a prompt and a then(). I wanted to learn about async await and am going to use this video to try and rewrite the code (am learning node so may try to write parts of the code into modules as well). Thank you!

[@toufexisk]

Excellent explanation! Thank you! : ' )

[@nonesomeone5357]

I really like your videos James, so keep doing what you're doing. Thanks for your time and effort.⌨🖥💻

[@hsiang-yehhwang2625]

Nice!! Thanks for sharing!!

[@oleksandrploskovytskyy1520]

Big big thanks to you James! Awesome channel!

[@iiWolff]

What a vídeo! Well done mate.

[@digitalmastery3736]

This is amazing. Thankyou

[@lukebennellick4315]

Great video - nice and clear, thank you.

[@alexkaufmann2923]

This video was phenomenal

[@Sammorris207]

Thanks for the content it's really helpful.

[@jingli9232]

extremely clear, thx so much

[@miroslavmijatov547]

Great explanation! Thanks!

[@Allysson635]

Great video as always! I keep wondering what it the Theme that you are using haha

[@anishjoshi1999]

Thank you so much. You have no idea what this means to me.

[@FromRootsToRadicals]

Senior dev here and browsing around. Good clean clear vids.

[@fad9981]

Best video on JavaScript I’ve ever watched ❤

[@jennacorre8084]

Thanks for this!!

[@boyanich]

Nice and easy to understand, thx man!

[@ANDREPEIXOTO1]

Subscribed! Great content 👏👏

[@kuldeeps1ngh]

Excellent explaination of async await. Thanks

[@davidolaboye5549]

1M likes for this video. I love the way you implement the code using different approaches. Thanks @James.

[@DesignfulDev]

Asynchronous Javascript was definetly the most challenging topic for me to wrap my head around. Wish I had that explanation when I was learning!

[@JamesQQuick]

Maybe we can make it easier for the future generations lol

[@chris94kennedy]

@@JamesQQuick For me it's OOP. I use instructive or functional programming and shy away from class based oop. Async JS is ok if you watch a few good explanations of the event loop

[@ikryper]

Great job explaining

[@ethaneisenhard]

Great video and examples James! Thanks for sharing 🥳

[@JamesQQuick]

Thanks for watching. Glad you enjoyed it :)

[@Hyuts]

Second most confusing to Neural Nets to me. Thank you so much for the succinct explanation!

[@amroabdulvahit9517]

Thanks a lot, it helped me understand very well though I still have some struggle with promises

[@davidtillery6250]

Thank you! wery helpful:)

[@Riyaz__]

This is the best explanation about the topic. Every other video only post setTimeout example. So i always wondered "what about other scenarios?". Now i understand this concept. Thank you very much.

[@JamesQQuick]

That's amazing to hear!!

[@nemtomism]

Good job! Thank you from Hungary!

[@sokoyaadedolapo5321]

I also like using async and await, when I first started it was promises then I started working with this developer who told me to always use async and await since then have been hooked if am writing any JS async and await will surely appear

[@fredguth1315]

I like to watch your videos even when I already know the subject. I differ on you on the fact that I use callbacks a lot and I am always worried that by using await I am making my code slower, but the truth is that code readability is for most of the time much more important than a few imperceptible milliseconds here and there.

[@andreroydev]

I can see clearly now!!! 🎶 Thanks a LOT James! 😉

[@JamesQQuick]

Hahah now I’ve got that song stuck in my head!

[@andreroydev]

@@JamesQQuick Gotcha! 🤣

[@Dadaadad268]

Thanks, that helped a lot!

[@backtoGodhead0]

Nice video James, a clarification - await keyword do the functionality of .then we use in resolve and reject way of handling a promise but rather it gives us access to the incoming response.

[@jsonchicas]

Thanks for the good content :), I just have a question, in your opinion what is the benefit to use Async await instead of promises? is it just readability? Thanks again :)

[@ranjanrnj6864]

Good video JQQ, can you please make a video separately for nested promises alone, that'll be really a thankful one

[@abo1428]

When it comes to performance and optimization, try-catch blocks require more resources than simple "if x==null" blocks. It also makes the code more readable if you check for null first, and in this case you exit directly from the method.