Asynchronous JavaScript Course (Async/Await, Promises, Callbacks)

Learn how to use Async/Await, Promises, and Callbacks in JavaScript.
✏️ Course from Joy Shaheb. Check out his channel: / @joyshaheb
📄 Article version: www.freecodecamp.org/news/jav...
⌨️ (0:00:00) Intro
⌨️ (0:00:37) Asynchronous JS
⌨️ (0:01:48) Sync vs Async
⌨️ (0:04:55) Examples ☝️
⌨️ (0:08:40) setTimeout function
⌨️ (0:13:21) callbacks w/examples
⌨️ (0:18:09) ice cream w/ callbacks
⌨️ (0:42:02) Callback hell
⌨️ (0:43:32) Promises & promise cycle
⌨️ (0:54:22) Promise Chaining
⌨️ (1:03:27) error handling
⌨️ (1:05:37) finally handler
⌨️ (1:07:26) Async/ Await
⌨️ (1:09:42) try catch finally
⌨️ (1:15:46) Await keyword w/ example
⌨️ (1:25:22) ice cream w/ async/await
🎉 Thanks to our Champion and Sponsor supporters:
👾 Wong Voon jinq
👾 hexploitation
👾 Katia Moran
👾 BlckPhantom
👾 Nick Raker
👾 Otis Morgan
👾 DeezMaster
👾 Treehouse
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

[@AdegbengaAgoroCrenet]

I have to say, Joy's teaching style is completely off the charts. I loved the moment you picked up the keyboard to show where the back tick symbol is located. LOL. Best Javasript Callback, Promises and Async tutorial I have ever encountered. Someone give this man a medal

[@sadi2125]

You’re so right. These simple concepts are so hard to grasp when you are starting coding. Joy did a great job keeping them simple. Yeah he is very funny but I like his confidence in the whole time.

[@emmanueleban1096]

agree

[@eliodrallag4806]

Fastest way to locate it on our side and fastest way for him to tell where. Instead of editing the video.

[@saurabhtiwari7821]

Agreed Anyone can tell us where I can connect for others topic learning

[@w4xccino]

Completely agreed with you, I never watched another guy on YT who teaches better than Joy. I learned a lot.

[@earthling6717]

Joy: "we gonna use arrow function" Joy: "what function?" Me: "arrrrow funnnnction"

[@Coma030493]

I'm laughing at this more than I should

[@akunformalitas]

Joy: "I'm gonna write console.log five times." Joy: "How many times?" Me: "five 🖐 times"

[@mikkoolph1441]

I said the same thing! Lol!

[@Abhishek-do8mp]

lmfao

[@arwahsapi]

Pupils in the classroom altogether:

[@tamasve6345]

I watched this tutorial two times. How many times? Two times!

[@Porkupine69]

I laughed at you comment four times. How many times? Four Times!

[@countmein5164]

@@Porkupine69 Replying to this comment after 1 day. How many days? 1 day!

[@saidibra9231]

haha

[@naruto_coolkush110]

You want free content and make fun as well???

[@garryamasia6434]

hahaha...damn funny!!!!

[@frenlyneybur7544]

Honestly, this guy is probably one of the greatest teachers i've watched on KZbin. He explains it like we're children, its awesome . Thanks for getting him on your channel

[@Konslufius]

Let's be honest, we literally are children :D

[@tk0779]

Totally agree 👍

[@teefano2912]

😂

[@daanw6270]

and that's exactly what I need lol 😂

[@thefallenvalley4340]

The more you understand something, the simpler you can explain it. This guy is that guy.

[@hassansyed6087]

Just in the first 13 minutes, I understood more Async than the tutorial I'm watching on Udemy. Good work my dude

[@k.balamugundanbala8981]

🤣🤣🤣

[@Misfittykitty]

He took us so patiently through a full seven levels of callback hell, I don't think I'll ever forget it lol! I love this guy's teaching style...Joy, you are the BEST thank you so much. :) :)

[@SANJAYDAS-zh7fw]

Yes!!

[@alexanderfrost1476]

Such a good teacher. No wonder his name is "Joy" ....he is a real Joy to watch and learn from.

[@gime1945]

The fact you took us through callback hell to point out how mush async/await and promises improved on asynchronous programming is 10/10. Great stuff!

[@lucasferreira8229]

Hey, can you name examples of asyncronous projects?

[@marchanselthomas]

yep that was a genius move. I don't I would've understood this concept at all if I couldn't empathise with the pain of going through callback hell.

[@jonasulrych1911]

I like how lively this teacher is. I didn't get bored a single time throughout the video.

[@nileshsaini5239]

Came here for Async js. Going back with a business idea, going to sell ice cream and buy a Lambo : )

[@JoyShaheb]

Ayyy, partner 😂

[@fawazsullia5620]

So we over the tomatoes now?

[@sauraussaurus]

Ive been studying html, css, and js for about a year now and this was the first video i thought that i could maximine my time with. The hour and a half on this video while doing what he does in code pen solidified the things that I've learned and beyond. Thank for giving us even the slightest hope Joy, you really are one of the best instructors on youtube, I really hope you get the recognition you deserve man.

[@zachinjapan123]

Best teacher on KZbin. No offense to everyone else. This was the first tutorial I have watched where a concept was taught step by step, without copy and pasting, and free of any unnecessary programing concepts or tech. Thank you so much!

[@rdubb77]

Asynchronous programming is the heart and soul of JS programming. You can't do anything non trivial or call an API without it.

[@heskielChess]

If they ask for a person who is funny and serious at the same time, we're all pointing them to Joy.

[@CyberIllusions]

This is by far the best explanation I have seen so far. And I have to say that I have consumed many tutorials that leave you even more confused after the explanation because some things are just very abstract. Joy has an absolute talent for demystifying these abstractions and explaining them with simple real world analogies so that really EVERYONE can understand. So for JavaScript beginners, absolutely perfect and totally recommended! Someone once said: if you can't explain something in simple terms, you haven't really understood it yourself. Joy has proven that he understood it. I wish many would follow this example. Big thumbs up for this one!! 👍👍👌👌

[@Web-Dev-Codi]

His teaching ability is something else. Wow, good job!!

[@lowcapfund6736]

Mr. Shaheb, you are by far, the best teacher I encountered on YT! Hope to see more videos from you in the future!

[@WilcoGroothand]

This was really good. You are one hell of a teacher. Very clear. Every time repeating and calling back on how it works. WOW. Need more of this.

[@FlashGaming2018]

Amazing teaching Joy. Loved your explanations. You made learning one of the most important topics of javascript so easy. I hope you do get your lambo. Best of luck buddy!

[@mbulelopani7569]

😂The way he looks at the camera is like when an intelligent person looks at someone they know is less intelligent and tries to be understanding. Anyway, Joy is brilliant.

[@shivarapolu3180]

Beautifully explained. Absolutely loved this , I realised that after taking a paid course this video is better than many paid courses out there and which I took. 🔥🔥🙌

[@helenaperdigueiro]

Joy Shaheb, I can't thank you enough for this!!! I've just found your video here and I'm definitely watching all of your videos!!! Thank you so much for your classes!!!

[@manishdas5879]

One of the best videos out there to learn Async, Await, and Promises. Totally loved it!

[@swaroopk5713]

Joy's teaching on this concept made to watch without a break. Liked and subscribed! This guy is down to earth and the energy levels he carried through out the video made my heart melted. I really love and appreciate this guy for his hard work. God bless him with great health and prosperity!

[@dansmar_2414]

Great tutorial! I like the way Joy keep you focused on the task by always asking you the next step. Thank you so much

[@chiefnarx]

I really loved this tutorial. Joyy is such a great tutor. I understood Async JS in just two hours. Really wish he would do more videos for the camp

[@plow966]

Best JS Promises course I have seen. You clearly took your time and effort to make this! Much appreciated brother!!

[@juliansagberger8498]

Made me smile a lot while learning this, which makes it a lot more fun! Great style of teaching! Thanks and all the best

[@tusharroy6182]

👼 CORRECTION: The setTimeout() function is actually exposed by the browser's window object as as such they aren't necessarily defined in the ECMAScript specification because they're not JavaScript features, they are features of the browser itself.

[@aguy4539]

only a bangali can correct a bangali

[@sayanbose9287]

but when I run that using node.js, it worked perfectly...why so? I mean if it was a browser feature, node.js won't be able to use it right?

[@Ryan-yn1qc]

@@sayanbose9287 node also has this function. any environment you run javascript in will have this function.

[@parthgoswami3221]

yes but nodejs has its own call back queue and some API to count. Also, both browser's setTimeout and node.js setTimeout has different return types wherein browser's returns an integer timer ID but node's return a timeout object@@sayanbose9287

[@Shaikhismail0822]

Explained in the best way possible.. Kudos Joy Shaheb.

[@OnderG]

This is the style of teaching I have been looking for! Thank you Joy, you are a great teacher!

[@princebaah4878]

This is the best JavaScript tutorial I have ever watched so far, what kills me most is how he links one topic to the other...His sense of humor (teaching style)for teaching is absolutely incredibly..Great work

[@sadi2125]

I feel so proud to see Bangladeshi KZbinr in Freecodecamp. Thank you Joy. You’re doing great!! Keep posting new video everyday! I am subscribing your channel :)

[@chadwick499]

who cares where he is from, its not like we are given a choice. how about feeling proud this information is being given to us freely as a WIN for humanity!

[@consig1iere294]

@@chadwick499 You won't get it.

[@arwahsapi]

So, have you bought yourself a Lambo?

[@daniel5242]

I ACTUALLY HAD FUN LEARNING WITH JOY!!! I WISH I COULD FIND MORE OF HIS LECTURES

[@josephbirara2493]

I have been jumping from one resource to another to understand those concepts for the last 2 weeks and I found no clear and simple explanation like this. Joy is a wonderful teacher. thanks a lot.

[@nueltrigah9836]

Joy's teaching style is truly exceptional! The part where he demonstrated the location of the backtick symbol by actually picking up the keyboard was a standout moment. It was the most enjoyable and effective JavaScript Callbacks, Promises, and Async tutorial I've come across. LOL! Thank you Joy!

[@kaushalchovatiya4638]

Best teaching skill. I have never seen this type of teaching. I like his teaching style, like my old teachers at school. You are the best teacher in my life.👌🏻👌🏻🙏🏻🙏🏻

[@ryanburger1729]

This was really helpful. Joy brought some clarity to this subject for me. Thank you!

[@moosoo6280]

I've watched a couple for demonstrations but this was the best. Very well explained in the most simplest way! So glad I've found you!

[@rohity294]

Awesome, practical example relatable with real world, good emphasis/repetition of key words/moments, step-by-step incremental development, good teaching style..joy to watch!

[@siddhiparsekar]

Will never forget all of these concepts. Indeed great stuff!

[@nathandecena7694]

finally { "I understand every one of those concepts so clearly now" }

[@remitto8367]

Definitely the best tutorial I have ever watched, incredibly well-explained.

[@arwahsapi]

The best explanation of callback, promise, async/await in JS world I have ever come across! Thank you, Joy!

[@jeromyclassyca7063]

Let me be honest here. The way this man I teaching is perfect. Even a beginner can understand this concepts. Nice work Joy Shaheb. Much Love

[@andr00nexus84]

This is one of the best courses on this subject I have seen. This instructor's energy and references make understanding so much easier! Thank you for doing this course.

[@rajlakhanpal]

No other online contents come close to this course. All I can say---- I can see clearly now the rains gone! Thank you Joy!!!!

[@pliniojr95]

Thank you, Joy! It was a great class. I was struggling to understand Async/Await and Promises, your video has been very enlightening.

[@falytom]

I love how he talks back to us and asks us to repeat after him like we are there with him. He should really be celebrated. His joy for teaching is the best i have ever seen.

[@hell1207]

Bcz he is an Indian best in tech

[@crowebro9581]

I wish I had seen this while but was in Bootcamp. It would have sped up my learning. You made this so much easier!! Thank you!!

[@RadThings]

Great video going over these concepts. Very good examples you covered. Thanks for taking the time to share this with the community!

[@joshuaomiyi3512]

Loved his teaching style. Best tutor I’ve seen

[@yadneshkhotre4374]

For a beginner web developer, at the start it's really very hard to understand the async n await functionality, after watching a bundle of videos multiple times, I used to forget this concept very frequently. But the way you explained was really very friendly. I felt like my friend is sitting beside me and teaching me. The way you connected the concepts of promises and async-await with the same example made me to relate and at the same time made me feel the concepts was really amazing and understanding. I know for making these videos at the backend you need to work a lot and at every moments you made me feel that you have really work a lot for making each n every concepts understand very easily. soo hats of to your hard work and dedication for making this amazing content

[@AhmedIbrahim-fi2so]

he knows really well what he is doing ! thanks for the course its very helpfull ❤️❤️

[@jayendrabhagat3607]

So far the greatest tutorial I have ever seen of async function, gave this man a subscribe! LOVED this teacher

[@HyunBinKim-yo9fx]

Honestly the best tutorial on Async/Await out there on the internet. Genuinely such a friendly and lovable teacher. Everyone starting out on JavaScript or any kind of Web Development should watch this video at least once. Thanks for much for the video!

[@ravi2048]

Thanks dude, this is probably the best tutorial on the entire KZbin!!

[@j.k.ravshanovich]

I like his teaching style, like my old teachers at school ))

[@kenqueue6270]

I like the comprehensive and detailed explanation through each step. Great course

[@jenm1]

You are the only one who explained why the picture won't load unless the first one does. Holy crap, this lesson is amazing. Everyone else is convoluted and doesn't have the skills to put together a presentation for beginners, but I think knowing exactly how it works helps you explain it to plebs like me in multiple intuitive ways

[@joanapaulasoliveira]

Such a GOOD TEACHER. Thank you!!

[@panteliskaramolegkos2693]

We need more instructors like Joy

[@tenc6491]

Your smile and enthusiasm are contagious. Thank you for this awesome tutorial. What a joy to learn from you Joy!

[@lowawatakathandhara1720]

Cristal clear..! This is the best Async tutorial I have ever watched. You are an awasome teacher. Thank you!. Good luck!.

[@mareena8816]

This is so well explained that even the beginners can understand. Thank you for your effort and time. 😊

[@isc_123]

Omg, I was just this morning learning about this for the first time, what a coincidence 🤯

[@etienenovais5408]

Best Asynchronous javascript tutorial I've seen so far Super simple to understand U're great!!!

[@briandacallos4234]

This is the best, some of the tutorial just explain without giving a concrete example. The way he teach makes me alive all throughout the video.

[@sfhbgyfbyrahulranjan]

8:46 -> You said setTimeout() is a build-in function of JavaScript, which I think is false. Because functions like setTimeout setInterval is a webAPI methods which is provided by browsers. P.S. You are a great teacher.

[@ssikarim]

Exactly. I noticed that too.

[@eshw23]

Wow big deal

[@Aniket_0314]

so how can we get access to methods provided by browser? I mean i also thought it's a built in function that's why we can access it. But now i'm confused so please tell

[@sfhbgyfbyrahulranjan]

@@Aniket_0314 In layman terms these services are provided by browser. It's like gps feature available in phone provided by Google, Apple but these services are provided by satellite companies.

[@adityachatterjee6323]

Was looking for asynchronous js tut for a week, and here it is, the magician

[@nimrodnorway3023]

I like the way you explain everything for dummies and repeat stuff. Somehow I find that helps understanding the concept.

[@GBonoJr]

After watching loads of videos on callbacks, async, and promises this was the one to really make me understand how all of that works. Many thanks!!

[@matthewmubvaruri3248]

Sir you're a master at this teaching art 🎨 . I rate your teaching at ⭐️⭐️⭐️⭐️⭐️. Please continue with your awesome teaching. Thanks 👏

[@jubaeralmamun4603]

Great tutorial ever! Thanks Joy Saheb(our pride)! Love from Bangladesh! 🇧🇩

[@klutzy_]

Your teaching style is different and that's awesome. Thank you for this great video.

[@darklightgaming4257]

literally the best tutorial on youtube for async await,callback,error handleing, promise . joy You are the best!

[@obiesilva709]

I love how this guy teaches! What do I love? How this guy teaches!!!!! 🙃

[@bhavikkalariya4836]

We know this all topics but then too this is really helpful!!

[@wastedfates]

man this guy energy is amazing, made me really understand these concepts i've been reading for months without understanding them fully

[@riteshkoushik9963]

Really needed this course as I am looking only for backend javascript content. Amazing stuff and hatsoff to the teacher!

[@mohameddanis]

I cannot find a good tutorial about async js..now I got the perfect one

[@anantsaini]

Thank You.... waiting for this a long time.

[@cyberdragon1677]

Joy your teaching style is amazing!!! I am finally able to understand what async / await is thanks to your video. Wish u all the best in your career💯💯❤️❤️

[@vinodkolani1268]

Thanks a lot Joy for the clear and effective explanation of async-await, callbacks and promises in Java script. Loved this tutorial

[@educator3602]

Sir please bring him again he explains really well from scratch

[@discoverywithjaffery]

the best explanation for callback, promise and await. After watching 10 other videos

[@anotherhumanintech5287]

Best video ever for beginners to learn Js concept!!! I love that you don't assume people know "things", ex, showing where the back tick is!!! I remember I had trouble to find the back tick key when I just started to learn coding. lol

[@nathanwing3994]

A real 'joy' to watch! Thanks Joy, this really helped explain these concepts in JS. 😀

[@CBLrao123]

Very clear explanation with the complex functionality... The ice cream preparation explanation is awesome and easy understanding

[@newperspective4965]

I’m 15m in and I cannot believe how easy and simple he makes things 😊

[@JawadKhan-gc6du]

Really loved the effective teaching style.... The course is awesome...thanks Joy Bhai and @freecodecamp ...

[@sounaksaha1455]

Hands down the best tutorial video/blog I've seen/read...... Joy your name is synonymous with your teaching style. Love from India.

[@vulcangaming3227]

Get this man a lambo. Seriously though, best video on this complex topic

[@tiltify2393]

I ABSOLUTELY LOVE HIS TEACHING STYLE. He's actually treating us like dumb kid, like we are...(as beginners, we're dumb) and his teaching style is more impactful for me this way

[@geetikagauravvlogs3128]

Concept cleared, I was trying to understand the topic from last one week and finally your video helped. Thanks Joy :)

[@earthmother4599]

Just wanted to echo the amazing nature of your delivery and explanation of these concepts; thanks!

[@notyournormaldev1419]

I have to stop the lecture in the middle... to make u know that this guy deserves an award for his teaching..love his enthusiasm

[@sezanali7115]

Please, tell this guy to give us more turorials..

[@digitalart9272]

this is reaaally super perfect teacher i hope to see more courses ❤

[@caglaryldz5987]

You are incredible. I loved the tutorial. More clear than any other tutorial on KZbin. And I will give you a like. What will I give you? A like. 😜