Asynchronous JavaScript in ~10 Minutes - Callbacks, Promises, and Async/Await
ฝัง
- เผยแพร่เมื่อ 9 มิ.ย. 2024
- 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...
Promises are still a struggle for me. This has helped a ton. Thanks, James!
So glad to hear that. Yes they are very tricky
Just keep repeating using them, after a while you'll find them so easy to grasp.
@@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.
@@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
@@sazaraki I found this video about the difference between consuming and writing a promise th-cam.com/video/RvYYCGs45L4/w-d-xo.html
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
I am not a native English speaker but ur accent is most suitable for me! Thank you for ur content
Glad to hear that!
Hes got that standard American dialect. Not too Boston not too Texas
@@JamesQQuick y
55ttttttmtattu tattu tattu mm mm mmm mm mmm mm mmm mm mmm mm mmm mm@@JamesQQuickm mmmmmmm mm ttttttt mmmtmmit?mtmtttm
@@JamesQQuick mntmmmmmmmm
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.
its not SYNCING in yet* lmao i'll see myself out- I promise...
@@ramyattalla7168 Lol
you really have to get lost in it a few times before something asynchronously clicks in your head
I understood these concepts better in your 10 min video than in many others 20+ min videos. Thank you.
Thaaaaaaaaank you! This is such a beautifully simple explanation of the whole thing, starting from callbacks to async! Please keep on doing great job.
Hey! I watched a lot of videos, read a lot of articles, but only YOU explained these topics in a clear way! thank you!
Yesssss! Glad to hear it :)
Best one on Async/Await I've seen so far. Excellent!
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.
hello sonia. do you have the link to the fetch api?
good suggestion, thank you. I just read about it, it makes sense
If you have this issue and it's a node or react project, try axios
@@paulokehie4792 You can just literally google it
This is one of the best programming tutorials I've seen for quite some time. Awesome 🤓
Srbija do tokija
One of the best explanations I have come across. Thanks a lot!
Best tutorial on async I have come across. I am 'new' to JS and will jump straight into async/await.
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?
I agree, the chaining promises example was top notch, loved it
You explain this so quickly and so easily. Thank you for your videos. Subscribed already!
Watched this as a refresher and it went better than I expected! Thank you for this
I have to subscribe your content is invaluable. This is like the 5th video I’ve watched from you this week
One of the best clear cut explanation.👍❤️
This helped my all doubts. thanks a ton.
You, sir, are a gentleman and a scholar! Thanks for posting!
the best explanation i found. thanks alot, had been struggling with this for a while..
Very concise and informative! Love it
thats how you explain programming.. with examples ... great :)
Thank you for the video, This is much much better than the 2h video on youtube about Callbacks, Promises, and Async/Await.
very straight forward, thank you!
Thank you, this video really helped! You did a great job at explaining everything 👍
thank you James for letting me understand better the JS Callbacks and Promises
This was so helpful! Thanks James, you demystified this topic for me.
You are the best teacher so far me! very easy to understand and very good examples and explanation.
Thank you my man. This is going to help me a lot for my interview prep.
What a comprehensive explanation of asyn javascript. Great!
Great explanation! Thanks!
Brilliant and concise thanks!
Thank you so much for this video! Finally somebody put them all together!
Fantastic video. Well prepared. Succinct. Everything I could have asked for.
Senior dev here and browsing around. Good clean clear vids.
I watched a couple of videos but only this one worked for me. Thank you for the amazing explanation.
the best explanation of asynchronous abstractions ever. Thank you!
This video was phenomenal
Gold mine for me.
Thanks for making it easy to understand, thanks to all other videos that prepared my understanding to some level too .
This video finally helped me to understand how async works. Thank you so much!
Very straightforward. Thanks A LOT ~~~~
Great explanation! Thank you!
You are the BEST! Thank you!
This was super helpful. All these asynchronous functions are so confusing and this was a great quick guide.
Big big thanks to you James! Awesome channel!
Thank you!!!! I now understand the concept of what you've discussed.
Best video on JavaScript I’ve ever watched ❤
Great video, clear to the cut explanation!
Great explanation, thanks man!
Personal favorite video on the subject. Thank you!
Wow, very well put together. Very helpful.
Thank you so much for this explanation - I had a lightbulb moment while watching this video and I finally get it - Thank you!
Good job! Thank you from Hungary!
What a vídeo! Well done mate.
extremely clear, thx so much
Well described..i will have this as a reference to implement and practice on my projects. Thank you
Bravo! Super explanation ! Thanks !
Subscribed! Great content 👏👏
Nice!! Thanks for sharing!!
Async / Await all the way!
Amazing video, very well explained!
Great video - nice and clear, thank you.
Great job explaining
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.
So glad you enjoyed it!
Great content man. Loved this!
This was a very clear explanation, I finally understand it now after 5 years. Thank you!
I wish to learn require and import next. :)
Hi! James, thank you for these video. I appreciate you describe with good examples there.
Excellent explaination of async await. Thanks
This is amazing. Thankyou
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.
Great summary. Thanks a lot!! The last version is more readable for me too. I will adopt that.
Thanks, that helped a lot!
Very Helpful!
Thanks for this!!
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.
LOVE THIS!
Nice and easy to understand, thx man!
Information is given in super comprehensible way. Really like tutorials like this🖥
Thank you so much. You have no idea what this means to me.
Awesome, thanks!
Thank you! wery helpful:)
I really like your videos James, so keep doing what you're doing. Thanks for your time and effort.⌨🖥💻
Excellent explanation!
Thank you! : ' )
examples were practical, easy to understand tutorial
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❤
Great video, really helped me undertand asynchronous js.
thanks, super clear
It was awesome! Thanks
best explanation thank you so much
Thanks for the content it's really helpful.
Thanks this is was simple and comprehensive thank you so much i'm going to love async and await just like you ..
Awesome video!
Great video dude.
Very useful!
That was amazing and simple
Man the web has changed so much since I started in '02. It's all so so much better now!
Second most confusing to Neural Nets to me. Thank you so much for the succinct explanation!
1M likes for this video. I love the way you implement the code using different approaches. Thanks @James.
Spent 3 hours trying to figure these topics out. This explained it perfectly. Thanks James!
YAYYY! So glad :)
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
Great video and examples James! Thanks for sharing 🥳
Thanks for watching. Glad you enjoyed it :)