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

Рет қаралды 296,470

Күн бұрын

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

Пікірлер: 396

@TheYusuf10 3 жыл бұрын

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

@JamesQQuick 3 жыл бұрын

Glad to hear that!

@joshhoffer 2 жыл бұрын

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 3 жыл бұрын

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

@JamesQQuick 3 жыл бұрын

So glad to hear that. Yes they are very tricky

@_rachid 3 жыл бұрын

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

@sazaraki 2 жыл бұрын

@@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 2 жыл бұрын

@@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 2 жыл бұрын

@@sazaraki I found this video about the difference between consuming and writing a promise kzfaq.info/get/bejne/iNyJjKZ42JqZfGg.html

@nikolaoskonstantinidis3505 Жыл бұрын

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

@jazy3091 2 жыл бұрын

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

@ChikereEzeh Жыл бұрын

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

@goodwish1543 3 жыл бұрын

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

@jonibs90 3 жыл бұрын

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

@andredejesus7427 2 жыл бұрын

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

@ammarhassan_ 3 жыл бұрын

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.

@oliviaseymour3237 2 жыл бұрын

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 2 жыл бұрын

Yesssss! Glad to hear it :)

@hedwigseidel1934 3 жыл бұрын

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

@theresasecore9372 2 жыл бұрын

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

@joecolas 3 жыл бұрын

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

@Diegps 3 жыл бұрын

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

@alibaba888 2 жыл бұрын

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

@divababy2974 2 жыл бұрын

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

@rogermarksese3048 3 жыл бұрын

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

@everay1846 3 жыл бұрын

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 2 жыл бұрын

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

@NicoHeinrich 2 жыл бұрын

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

@pouyajavadi1751 3 жыл бұрын

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

@elaizaespanola9652 2 жыл бұрын

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

@debhasish Жыл бұрын

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

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

@anandakumarthangaraju3438 3 жыл бұрын

One of the best clear cut explanation.👍❤️

@hamzahmd_ 3 жыл бұрын

What a comprehensive explanation of asyn javascript. Great!

@artabramov2254 2 жыл бұрын

the best explanation of asynchronous abstractions ever. Thank you!

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

@enterflux Жыл бұрын

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

@NivBarchechet Жыл бұрын

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

@rsdbolso8003 Жыл бұрын

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

@DmitriGoncharov 3 жыл бұрын

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

@Remiisola 7 ай бұрын

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

@karennason6593 Жыл бұрын

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

@nemanjastankovic941 3 жыл бұрын

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

@bazileus123 2 жыл бұрын

Srbija do tokija

@phoenix888media9 11 ай бұрын

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

@Balaji_Devadoss 3 жыл бұрын

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

@RobbyNeale 3 жыл бұрын

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

@Noone-bb5qh 2 ай бұрын

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

@baay81 Жыл бұрын

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

@kkbox1125 3 жыл бұрын

Very concise and informative! Love it

@CodyCleggMusic 3 жыл бұрын

Personal favorite video on the subject. Thank you!

@abderahmaneaoufi 3 жыл бұрын

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

@luxs3 11 ай бұрын

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 10 ай бұрын

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

@hrzh6721 3 жыл бұрын

Very straightforward. Thanks A LOT ~~~~

@antonk2157 2 жыл бұрын

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.

@oleksandrploskovytskyy1520 3 жыл бұрын

Big big thanks to you James! Awesome channel!

@innocentniyonzima8278 Жыл бұрын

in just few minutes I got inspired! , the way you confidently explain things is super. like you🤩my sub is added already. keep helping us sir

@jonathanhammond5563 3 жыл бұрын

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!

@soniablanche5672 3 жыл бұрын

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 2 жыл бұрын

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

@YamilGonzales 2 жыл бұрын

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

@EddieOlivas 2 жыл бұрын

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

@alang.2054 Жыл бұрын

@@paulokehie4792 You can just literally google it

@guymross 3 жыл бұрын

Brilliant and concise thanks!

@pranavmahajan4190 2 жыл бұрын

This helped my all doubts. thanks a ton.

@snoopysatangore 2 жыл бұрын

Great video, clear to the cut explanation!

@multihrab 2 жыл бұрын

Great video, really helped me undertand asynchronous js.

@user-kj7bn8ls3b 2 жыл бұрын

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

@hakanus1 2 жыл бұрын

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 2 жыл бұрын

So glad you enjoyed it!

@heyyyyyworld 3 жыл бұрын

Great explanation! Thank you!

@user-mo8de5hl9g 2 жыл бұрын

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

@mattmjlg5053 2 жыл бұрын

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

@JohnDoe-kw3qu 2 жыл бұрын

very straight forward, thank you!

@derickmoncado 3 жыл бұрын

Great content man. Loved this!

@bencooper2753 3 жыл бұрын

Wow, very well put together. Very helpful.

@nonesomeone5357 2 жыл бұрын

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

@lukebennellick4315 2 жыл бұрын

Great video - nice and clear, thank you.

@kuldeeps1ngh 3 жыл бұрын

Excellent explaination of async await. Thanks

@MrStefanica 3 жыл бұрын

Bravo! Super explanation ! Thanks !

@rembautimes8808 2 жыл бұрын

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

@anishjoshi1999 2 жыл бұрын

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

@yangwilliam3137 11 ай бұрын

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

@JamesQQuick 10 ай бұрын

YAYYY! So glad :)

@alexkaufmann2923 Жыл бұрын

This video was phenomenal

@jingli9232 2 жыл бұрын

extremely clear, thx so much

@boyanich 3 жыл бұрын

Nice and easy to understand, thx man!

@davidolaboye5549 2 жыл бұрын

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

@AmaroAmaral Жыл бұрын

You are the BEST! Thank you!

@Hyuts 2 жыл бұрын

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

@iiWolff 2 жыл бұрын

What a vídeo! Well done mate.

@Sammorris207 3 жыл бұрын

Thanks for the content it's really helpful.

@miroslavmijatov547 2 жыл бұрын

Great explanation! Thanks!

@SumoCumLoudly 3 жыл бұрын

Good video, like the pace as someone who doesnt use JavaScript but knows programming. Its basically just like threads.

@FromRootsToRadicals Жыл бұрын

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

@toufexisk 2 жыл бұрын

Excellent explanation! Thank you! : ' )

@Dadaadad268 Жыл бұрын

Thanks, that helped a lot!

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

@Riyaz__ 10 ай бұрын

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 10 ай бұрын

That's amazing to hear!!

@alimbolar609 Жыл бұрын

After many many many manyyyyyy attempts promises finally became clear.. thanks the video!..:-)..

@fad9981 Жыл бұрын

Best video on JavaScript I’ve ever watched ❤

@cmanna285 2 жыл бұрын

LOVE THIS!

@shahzadahmad-vg2ou 6 ай бұрын

I have been struggling with this concept while learning, This has helped, Thanks James😊

@JamesQQuick 6 ай бұрын

YAS! Love to hear it!

@michaelreynoso2289 2 жыл бұрын

Great explanation, thanks man!

@jennacorre8084 11 ай бұрын

Thanks for this!!

@ethaneisenhard 3 жыл бұрын

Great video and examples James! Thanks for sharing 🥳

@JamesQQuick 3 жыл бұрын

Thanks for watching. Glad you enjoyed it :)

@backtoGodhead0 3 жыл бұрын

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.

@tortingseloc1810 3 жыл бұрын

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

@digitalmastery3736 2 жыл бұрын

This is amazing. Thankyou

@headlights-go-up 2 жыл бұрын

You explained this so well, even has a noob I was able to follow along and understand. If you could just take all of your knowledge and put it inside of my brain via osmosis, that would be great.