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

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

[@nikolaoskonstantinidis3505]

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

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

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

[@A-Karim2003]

@@kinstar how to do i have await before its syncs in?

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

[@yangwilliam3137]

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

[@JamesQQuick]

YAYYY! So glad :)

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

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

[@nikivyu]

For the first time, I came across a helpful and well-organized tutorial on Asynchronous. Thank you, James!

[@ChikereEzeh]

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

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

[@FromRootsToRadicals_INTP]

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

[@nemanjastankovic941]

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

[@bazileus123]

Srbija do tokija

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

[@mattmjlg5053]

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

[@Balaji_Devadoss]

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

[@debhasish]

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

[@goodwish1543]

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

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

[@eldon9012]

12:53 what is the shortcut to move the lines into the brackets? that is so cool!!

[@Musikur]

Alt+Up/Down arrows. If you press shift+alt+up/down arrow it will duplicate the line, and if you press ctrl+alt+up/down arrow it will extend the cursor onto multiple lines allowing you to write something several times at once

[@moeinsamani1467]

The best video I have ever seen. You know what , I have found students need to know all the basics and fundamentals in programming, then they will be prepared for digesting more complex concept. the problem is the jump right into hell and it caused them to get burn out and give up. anyway, your video was fabulous.

[@JamesQQuick]

Wow thank you!

[@phoenix888media9]

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

[@anandakumarthangaraju3438]

One of the best clear cut explanation.👍❤️

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

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

[@fad9981]

Best video on JavaScript I’ve ever watched ❤

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

[@Hyuts]

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

[@alibaba888]

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

[@enterflux]

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

[@uchihamadara2865]

11:45 why not just use .then() and .catch() that u talked about before ?

[@uchihamadara2865]

really curios

[@amventures1]

I watched 5+ videos on the same topic, didn't understand the idea till I watched yours. Thank you!!!

[@JamesQQuick]

Love to hear this!

[@Noone-bb5qh]

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

[@NivBarchechet]

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

[@shahzadahmad-vg2ou]

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

[@JamesQQuick]

YAS! Love to hear it!

[@pranavmahajan4190]

This helped my all doubts. thanks a ton.

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

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

[@theresasecore9372]

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

[@FacundoTroitero]

Thanks, I understand Asynchronous JavaScript better after watching your vid for a 2nd time (you go very fast so I didn't get much on the firs watch) 11:43 "it should safely handle this response". What is the point of the error handling in all the examples? Aren't the errors always logged in the console anyway? 12:20 why would you await res.json? what happens if you take the await keyword out in line 78?

[@DmitriGoncharov]

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

[@artabramov2254]

the best explanation of asynchronous abstractions ever. Thank you!

[@alimbolar609]

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

[@andredejesus7427]

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

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

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

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

[@To-mos]

Man the web has changed so much since I started in '02. It's all so so much better now!

[@nemtomism]

Good job! Thank you from Hungary!

[@hamzahmd_]

What a comprehensive explanation of asyn javascript. Great!

[@Diegps]

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

[@RobbyNeale]

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

[@baay81]

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

[@rsdbolso]

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

[@karennason6593]

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

[@alexkaufmann2923]

This video was phenomenal

[@aaqib_aj]

Arguably the toughest concept of JS, explained so well!

[@JamesQQuick]

So glad to hear that!!

[@swapnildarge1609]

Thank you. I finally understood it. Subscribed

[@elaizaespanola9652]

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

[@joebazooks]

`async` `await` is by far the most intuitive. i have struggled with async JS in the past. prolly the hardest part of JS for me too. i wish you wouldve went more in depth on async/await

[@methujeraya]

It doesn't make sense. I get the promise part, but itdoesn't say why it waits for a result or if it does at all? Then it jumps to an async function that calls a prebuilt promise thing?

[@iiWolff]

What a vídeo! Well done mate.

[@SumoCumLoudly]

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

[@tortingseloc1810]

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

[@VishalJangid1]

Loved the video! As a java developer, even I prefer async await way!

[@davidolaboye5549]

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

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

[@Varuns36]

examples were practical, easy to understand tutorial

[@ANDREPEIXOTO1]

Subscribed! Great content 👏👏

[@divababy2974]

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

[@rembautimes8808]

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

[@CodyCleggMusic]

Personal favorite video on the subject. Thank you!

[@headlights-go-up]

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.

[@adalba.mp4]

Another great video! Wich font do you use to code? I enjoyed a lot

[@Toolie-u9w]

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

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

[@amroabdulvahit9517]

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

[@Allysson635]

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

[@joelinman6455]

Thank you for this. Helped me to properly understand promises and asynchronous functions …I’ve been able to refactor a bunch methods in my project today too 😂

[@JamesQQuick]

So glad to hear that!

[@heyyyyyworld]

Great explanation! Thank you!

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

[@joecolas]

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

[@casualSimRacer3312]

Which IDE are you using? I love the way the cursor blinks.

[@apresthus87]

Maybe I'm just weird, but I tend to prefer Promises over async await. I personally find it more readable and intuitive, but both of them are much better than regular callbacks :) Great video!

[@JamesQQuick]

Nothing wrong with having a preference!

[@yashpawar9585]

Hey I’m new to JavaScript and I saw the use of async await and later came to know about the legacy callbacks and promises methods which kinda confused me. Your video really helped me understanding the concept well. Thankyou and keep doing the great work!🙌🏻✨

[@vinayr6232]

Hey Yash!! Glad you found the video interesting.....would you be interested in opportunities in web development?

[@SuperSamsosa]

At around 6:50 min why do you call line 47 a call back function. To me it looks like an ordinary function that console logs when promise reject function is triggered. Thank you in advance for answers and infos

[@derickmoncado]

Great content man. Loved this!

[@srilekayadav8421]

It's is very good and informative session, tq so much james

[@bencooper2753]

Wow, very well put together. Very helpful.

[@ploskovytskyy]

Big big thanks to you James! Awesome channel!

[@onee]

How do you get the three horizontal lines when you type "==="?

[@ЄвгенійБабенко]

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

[@benjamin-lieb]

Great video. One suggestion: It would be very useful to talk about return values from async/await. They are not obvious.

[@JamesQQuick]

Great suggestion. Thanks so much for the feedback!

[@michaelreynoso2289]

Great explanation, thanks man!

[@anishjoshi1999]

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

[@nonesomeone5357]

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

[@TheCodingOdyssey]

Asynchronous behaviour was the hardest to understand for me as well. This is a very good explanation.

[@JamesQQuick]

So glad it helped!

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

[@JohnDoe-kw3qu]

very straight forward, thank you!