Asynchronous JavaScript Course (Async/Await, Promises, Callbacks)
Вставка
- Опубліковано 27 тра 2024
- 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
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
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.
agree
Fastest way to locate it on our side and fastest way for him to tell where. Instead of editing the video.
Agreed
Anyone can tell us where I can connect for others topic learning
Completely agreed with you, I never watched another guy on YT who teaches better than Joy. I learned a lot.
I watched this tutorial two times.
How many times?
Two times!
I laughed at you comment four times.
How many times?
Four Times!
@@Porkupine69 Replying to this comment after 1 day.
How many days?
1 day!
haha
You want free content and make fun as well???
hahaha...damn funny!!!!
Joy: "we gonna use arrow function"
Joy: "what function?"
Me: "arrrrow funnnnction"
I'm laughing at this more than I should
Joy: "I'm gonna write console.log five times."
Joy: "How many times?"
Me: "five 🖐 times"
I said the same thing! Lol!
lmfao
Pupils in the classroom altogether:
Honestly, this guy is probably one of the greatest teachers i've watched on UA-cam. He explains it like we're children, its awesome . Thanks for getting him on your channel
Let's be honest, we literally are children :D
Totally agree 👍
😂
and that's exactly what I need lol 😂
The more you understand something, the simpler you can explain it. This guy is that guy.
Just in the first 13 minutes, I understood more Async than the tutorial I'm watching on Udemy.
Good work my dude
🤣🤣🤣
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. :) :)
Yes!!
I like how lively this teacher is. I didn't get bored a single time throughout the video.
Such a good teacher. No wonder his name is "Joy" ....he is a real Joy to watch and learn from.
Came here for Async js. Going back with a business idea, going to sell ice cream and buy a Lambo : )
Ayyy, partner 😂
So we over the tomatoes now?
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!
Hey, can you name examples of asyncronous projects?
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.
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!! 👍👍👌👌
Asynchronous programming is the heart and soul of JS programming. You can't do anything non trivial or call an API without it.
Best teacher on UA-cam. 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!
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.
His teaching ability is something else. Wow, good job!!
😂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.
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.
Bcz he is an Indian best in tech
I feel so proud to see Bangladeshi UA-camr in Freecodecamp. Thank you Joy. You’re doing great!! Keep posting new video everyday! I am subscribing your channel :)
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!
@@chadwick499 You won't get it.
So, have you bought yourself a Lambo?
If they ask for a person who is funny and serious at the same time, we're all pointing them to Joy.
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.
Exactly. I noticed that too.
Wow big deal
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
@@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.
I like his teaching style, like my old teachers at school ))
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. 🔥🔥🙌
Mr. Shaheb, you are by far, the best teacher I encountered on YT! Hope to see more videos from you in the future!
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
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.
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.👌🏻👌🏻🙏🏻🙏🏻
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!
One of the best videos out there to learn Async, Await, and Promises.
Totally loved it!
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!
Great tutorial! I like the way Joy keep you focused on the task by always asking you the next step. Thank you so much
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.
No other online contents come close to this course.
All I can say---- I can see clearly now the rains gone!
Thank you Joy!!!!
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!!!
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
Best JS Promises course I have seen. You clearly took your time and effort to make this! Much appreciated brother!!
finally { "I understand every one of those concepts so clearly now" }
I ACTUALLY HAD FUN LEARNING WITH JOY!!! I WISH I COULD FIND MORE OF HIS LECTURES
Made me smile a lot while learning this, which makes it a lot more fun! Great style of teaching! Thanks and all the best
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!
👼 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.
only a bangali can correct a bangali
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?
@@sayanbose9287 node also has this function. any environment you run javascript in will have this function.
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
Explained in the best way possible.. Kudos Joy Shaheb.
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
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!
The best explanation of callback, promise, async/await in JS world I have ever come across! Thank you, Joy!
Will never forget all of these concepts. Indeed great stuff!
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.
This is the style of teaching I have been looking for! Thank you Joy, you are a great teacher!
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!
This was really helpful. Joy brought some clarity to this subject for me. Thank you!
I love how this guy teaches! What do I love? How this guy teaches!!!!! 🙃
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!
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!!
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
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
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
Great video going over these concepts. Very good examples you covered. Thanks for taking the time to share this with the community!
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!!
Such a GOOD TEACHER. Thank you!!
Definitely the best tutorial I have ever watched, incredibly well-explained.
Bro knows how to keep people engaged throughout the course. Hatsoff dude ✌✌
the best explanation for callback, promise and await. After watching 10 other videos
We need more instructors like Joy
I had to stop this tutorial to just say how glad i am that i came across it!! Joy's style of teaching is incredible!!
Loved his teaching style. Best tutor I’ve seen
Get this man a lambo. Seriously though, best video on this complex topic
he knows really well what he is doing ! thanks for the course its very helpfull ❤️❤️
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.
I like the comprehensive and detailed explanation through each step. Great course
Omg, I was just this morning learning about this for the first time, what a coincidence 🤯
This is so well explained that even the beginners can understand. Thank you for your effort and time. 😊
Your smile and enthusiasm are contagious. Thank you for this awesome tutorial. What a joy to learn from you Joy!
man this guy energy is amazing, made me really understand these concepts i've been reading for months without understanding them fully
Thanks dude, this is probably the best tutorial on the entire UA-cam!!
Sir please bring him again he explains really well from scratch
Thank you, Joy! It was a great class. I was struggling to understand Async/Await and Promises, your video has been very enlightening.
So far the greatest tutorial I have ever seen of async function, gave this man a subscribe! LOVED this teacher
Was looking for asynchronous js tut for a week, and here it is, the magician
Thank You.... waiting for this a long time.
I like the way you explain everything for dummies and repeat stuff. Somehow I find that helps understanding the concept.
Best Asynchronous javascript tutorial I've seen so far
Super simple to understand
U're great!!!
Sir you're a master at this teaching art 🎨 . I rate your teaching at ⭐️⭐️⭐️⭐️⭐️. Please continue with your awesome teaching. Thanks 👏
Great tutorial ever!
Thanks Joy Saheb(our pride)! Love from Bangladesh! 🇧🇩
literally the best tutorial on youtube for async await,callback,error handleing, promise . joy You are the best!
Really needed this course as I am looking only for backend javascript content. Amazing stuff and hatsoff to the teacher!
We know this all topics but then too this is really helpful!!
I cannot find a good tutorial about async js..now I got the perfect one
Thanks a lot Joy for the clear and effective explanation of async-await, callbacks and promises in Java script. Loved this tutorial
Cristal clear..! This is the best Async tutorial I have ever watched. You are an awasome teacher. Thank you!. Good luck!.
I’m 15m in and I cannot believe how easy and simple he makes things 😊
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
"Take the money and buy ourselves a Lambo, because why not " I'm dying. But also thanks for the effort, great, clear video. FINALLY IT MAKES SENSE.
For the first time, I have successfully completed 1 hour 36 min JS video, looking forward to replaying it as much as I can understand the concepts. Thank you.
Very clear explanation with the complex functionality... The ice cream preparation explanation is awesome and easy understanding
So happy a Bangladeshi brother is featured 😍😍😍♥️♥️♥️
He was featured last time.
@@davishek7 really :O
@@geekyprogrammer4831 video on css media queries.
You can never get bored when this guy is teaching you. Bravo great teacher
Please, tell this guy to give us more turorials..
43 minutes in and i gotta say, you are one of the best teachers I have ever come across in my life. Thank you for this
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
Joy, i don't have any word to say. thank you so much
LETS BUY OURSELF A BUGGATI CAUSE WHY NOT