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

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

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

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

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

[@goodwish1543]

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

[@andredejesus7427]

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

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

[@ChikereEzeh]

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

[@hedwigseidel1934]

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

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

[@joecolas]

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

[@anandakumarthangaraju3438]

One of the best clear cut explanation.👍❤️

[@alibaba888]

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

[@Diegps]

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

[@elaizaespanola9652]

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

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

[@divababy2974]

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

[@DmitriGoncharov]

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

[@NicoHeinrich]

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

[@hamzahmd_]

What a comprehensive explanation of asyn javascript. Great!

[@artabramov2254]

the best explanation of asynchronous abstractions ever. Thank you!

[@NivBarchechet]

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

[@Balaji_Devadoss]

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

[@karennason6593]

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

[@enterflux]

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

[@rsdbolso8003]

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

[@theresasecore9372]

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

[@CodyCleggMusic]

Personal favorite video on the subject. Thank you!

[@Noone-bb5qh]

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

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

[@pranavmahajan4190]

This helped my all doubts. thanks a ton.

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

[@debhasish]

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

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

[@mattmjlg5053]

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

[@rogermarksese3048]

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

[@FromRootsToRadicals]

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

[@kkbox1125]

Very concise and informative! Love it

[@RobbyNeale]

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

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

[@hrzh6721]

Very straightforward. Thanks A LOT ~~~~

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

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

[@iiWolff]

What a vídeo! Well done mate.

[@JohnDoe-kw3qu]

very straight forward, thank you!

[@phoenix888media9]

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

[@snoopysatangore]

Great video, clear to the cut explanation!

[@heyyyyyworld]

Great explanation! Thank you!

[@baay81]

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

[@bencooper2753]

Wow, very well put together. Very helpful.

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

[@michaelreynoso2289]

Great explanation, thanks man!

[@alexkaufmann2923]

This video was phenomenal

[@abderahmaneaoufi]

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

[@guymross]

Brilliant and concise thanks!

[@MrStefanica]

Bravo! Super explanation ! Thanks !

[@user-kj7bn8ls3b]

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

[@AmaroAmaral]

You are the BEST! Thank you!

[@user-mo8de5hl9g]

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

[@oleksandrploskovytskyy1520]

Big big thanks to you James! Awesome channel!

[@derickmoncado]

Great content man. Loved this!

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

[@fad9981]

Best video on JavaScript I’ve ever watched ❤

[@multihrab]

Great video, really helped me undertand asynchronous js.

[@hsiang-yehhwang2625]

Nice!! Thanks for sharing!!

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

[@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.⌨🖥💻

[@nemtomism]

Good job! Thank you from Hungary!

[@lukebennellick4315]

Great video - nice and clear, thank you.

[@miroslavmijatov547]

Great explanation! Thanks!

[@ANDREPEIXOTO1]

Subscribed! Great content 👏👏

[@kuldeeps1ngh]

Excellent explaination of async await. Thanks

[@boyanich]

Nice and easy to understand, thx man!

[@davidolaboye5549]

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

[@jingli9232]

extremely clear, thx so much

[@anishjoshi1999]

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

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

[@digitalmastery3736]

This is amazing. Thankyou

[@Hyuts]

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

[@yangwilliam3137]

Spent 3 hours trying to figure these topics out. This explained it perfectly. Thanks James!

[@JamesQQuick]

YAYYY! So glad :)

[@Sammorris207]

Thanks for the content it's really helpful.

[@ikryper]

Great job explaining

[@rembautimes8808]

Great video series, as a Pythonist, I'm watching this while painfully debugging a block of Typescript code.

[@jennacorre8084]

Thanks for this!!

[@varswe]

examples were practical, easy to understand tutorial

[@Allysson635]

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

[@davidtillery6250]

Thank you! wery helpful:)

[@cmanna285]

LOVE THIS!

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

[@tortingseloc1810]

It was difficult to understand but with this video I get it! thanks

[@Dadaadad268]

Thanks, that helped a lot!

[@khankaka7632]

best explanation thank you so much

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

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

[@ethaneisenhard]

Great video and examples James! Thanks for sharing 🥳

[@JamesQQuick]

Thanks for watching. Glad you enjoyed it :)

[@Yunyopern]

Great video dude.