async await | Namaste JavaScript - Season 02 - Ep 04 

🔥Dive deep into React JS with me, checkout `Namaste React` - namastedev.com/namaste-react Like this video and subscribe to the channel for more new video coming very soon. 🚀 Also comment down below what topics should I cover next.. ✌

Gratitude Sirji ❤❤. I request Sir to please make videos on 1) Design patterns 2) Solid Principles 3) File Upload(Single and Multiple) 4) Video Upload as Data stream 5) Forms with validation, error handling and warning messages 6) Ajax and xmlhttpRequest 7) Importing javascript and code Reusablility

Ques). for those who thinks if code reaches await of p1 suspends function execution and after 5 sec it should go to await p2 the timer for p2 should start and should take 10 sec there so overall function execution should be 15sec? Ans). the timer ticking doesn't start at await, instead it started in the beginning of the code only where promise was declared. If the declaration would have been like inside async p1 declare then p1 await after that p2 declared follwed by p2 await then function would have taken 15 secs

Promise: Think of a promise as a guarantee made by someone (like a function) to do something and provide you with the result later. It's like ordering food at a restaurant. You get a promise (receipt) saying your order will be ready soon. You can wait for it (.then()) or check on it later (.catch()). Async/Await: Async/await is like asking someone (a function) to do something for you, but instead of waiting for them to finish right there, you tell them you'll do something else while they work. It's like asking a friend to pick up your order from the restaurant. You can go do other things (like order a drink) while your friend (the async function) waits for the food (awaits the promise).

Idk why this video has so less likes, this deserves so much appreciation!

Tiger is back

I wish there were more amazing teachers like you can't thank you enough. I once hated web development now I love Js and react just because of the way you teach. Thank you Sir 🙏

Thank you for sharing your knowledge😄Akshay. Please add following topics as well in namste JS season 2: 1. Browser - behind the scenes 2. DS in javascript 3. How to improve performance of application

One of the best teachers I have ever seen. I deeply appreciate the unwavering effort you put into your teaching. Thanks for the awesome content 🙂

Great energy, throughout the series, I've been working into backend, cloud & data-science for past 4 years, wanted to understand frontend for System design, Luckily I ran into your channel, spent the new years long weekend on both seasons of NamasteJS. Sending some love! Keep rolling out the content! 🍻

I'm an QA engineer and wanted to learn JS concepts to prepare for my job interviews. And after watching all of your videos season 1 and 2, I'm feeling so confident that I can crack Developer JS interviews (after some practice obviously). Thank you so much for making the Namaste JavaScript series. 🙏Namaste 🙏

You deserve so much respect and love for the efforts you put in especially for the examples you think to demonstrate such complex concepts

Your dedication to teach us such hard concepts with such deep understanding is commendable Akshay Sir.

You made us Fall in love with JS ❤.. You are a true Gem . Please don't stop making videos , We can not get these premium content anywhere else,, we are totally rely on you,, It's pleasure to see you back again. Thankyou for making such amazing contents ❤

An excellent and straightforward explanation of async/await! I highly recommend the Namaste React course to everyone. Even as an experienced developer with 4 years of React experience, I found the course immensely valuable. It clarified topics I was already using but wasn't entirely clear on, making them as easy as a piece of cake to learn.

Never seen a better explanation than this, How much you must be working to get all this knowledge and then putting out here for all of us with so much of effort and work. Thanks from all the developer community. You are a true teacher. Please keep teaching all of us .

Happy to see you again on the channel. I really enjoy your way of teaching.

Akshay, You are a great teacher. I am really enjoying javascript now.

I can't watch videos that are longer than 10 minutes, but when it's your video, I don't know how time passes. Even if the video is an hour long, it feels short. Thanks a lot for your tremendous effort, man!❤❤❤❤

This is just awesome!!! These types of questions were being asked in many assessment rounds too and i usually get confused back then, but after this video, i feel confident. Great work, please keep making such amazing content 🔥

I searched a lot before this on youtube for async and await but I didn't find any video that explains how async and await work behind the scene thank you so much for covering this topic Akshay please make more videos this was very helpful for students and for building strong fundamentals

A movie can't hold my attention for an hour , but this glued me to my screen for the full episode. Great video as usual!🤩

Thanks, Akshay for putting your effort into taking a session like this. I can see your dedication to fulfilling your subscriber's expectations of you. I saw each and every video of your javascript and react JS live sessions. I learned a lot from you especially how to learn any skills or concepts. I loved JavaScript because of one and only you. Early I didn't know how to learn things. If you are taking a session like this big companies will struggle to reject the candidate. Thank you, my great teacher.☺☺☺☺☺

I am loving it more after subscribing to "Namaste React" course. Both free and paid contents of yours have same value and are at par than any other course. Thanks for your guidance, Sir!

Akshay Sir, Please clarify my doubt ! const p1 = new Promise( (resolve, reject) =>{ setTimeout(() =>{ resolve("Promise Resolved Value!!") }, 10000); }); const p2 = new Promise( (resolve, reject) =>{ setTimeout(() =>{ resolve("Promise Resolved Value!!") }, 5000); }); async function handlePromise(){ console.log("Hello World !!") const val = await p1; console.log("Namaste Javascript") console.log(val) const val2 = await p2; console.log("Namaste Javascript 2") console.log(val2) } handlePromise(); In the above condition, when p1 will resolve after 10 seconds, and p2 will resolve after 5 seconds then we see that after 10 seconds it will resolve both value. As p2's setTimeout value is lesser(5 Seconds) than p1.(10 Seconds) As you said when JavaScript fetch or reach the line of handlePromise function the following this will be happen. 1. In call stack first handlePromise is loaded and it console log the "Hello World !!" 2. Then it go to the next line, finds that there has been await p1. 3. When it saw await p1, handlePromise Function remove from call stack. 4. After the 10 seconds over, then Function go to call stack and start execution from where it is left. 5. Now the "Namaste Javascript" is print and also the val value i.e. "Promise Resolved Value!!" Now my query is How it will print/console.log the "Namaste Javascript 2" and also the val value i.e. "Promise Resolved Value!!" ? Because as I follow you in the Video, at that time it will not fetch the const val2 = await p2 Line. When it fetch "const val2 = await p2 ;" Logically It will then Remove the handlePromise Function remove from call stack Again. So before it go to "const val2 = await p2 ;" Line Interpreter do not know that there has another AWAIT Function there. (i.e. const val2 = await p2;) So how it prints "Namaste Javascript 2" and "Promise Resolved Value!!" for second time after 10 seconds? Please enlighten me for this condition. Thank you for Namste React also!

Teacher like you can literally boost confidence in new coming developers like me. Please never stop teaching us🙏

Thank you so much Akshay Sir.Have watched a lot of tutorials, but the way you have explained the async await concept and how it works behind the scences is amazing.

One of the best way to explain this topic . Comparison of what happens when we use .then to handle promises as well as using async/ await combo to handle promises. Thank you for clearing my basics. Respect! 💯

4 page of notes , simplified and yet deep dive into the concepts why people don't understand and take an interest in learning anything of the teacher is this much enthusiastic and passionate about teaching code . Actually I find some of you tube channels that teach coding are just coders after a long I saw a proper coding teacher who can teach me and beleive I didn't get bored at all and by the time my intrest in knowing just keep increase. You are the teacher that not only teach but also develops the energy and enthusiasm and will to learn Thank you Akshay sir ❤

No one can match Akshay's energy while teaching. He's as curious as a small kid. Love it!!

Amazing how all the concepts you taught in season 1 about task queue, microtask queue, call stack, event loop, execution context are in play here! There is nobody else who explains these topics in such deep level! But once you understand these in deep level and get your hands dirty in the chrome dev tools, it all just makes sense!

Such a nice and deep concepts (which u have gained from years of hardwork and practice from various resources), you have combined here in a single video for free.People dont have to look lots of references and blogs. This is really very appreciable and a great resource for the developers. Thanks a lot😍(Great work).

This was very useful in diving deep to know how exactly things are running behind. Could you also please do a video on how exactly the callstack/fetch webapi/callback queue/micro task queue behaves when async function code reaches to await or using multiple awaits in a single async promise function.

I wanted to take a moment to express my sincere appreciation for your course "Namaste Javascript". Your teaching style is clear and concise, and the way you explain complex concepts is truly impressive. I particularly enjoyed the practical examples you provided, which helped me to better understand the material. Thank you for sharing your knowledge and expertise with the world. I look forward to learning more from you in the future.

I am amazed Akshay ! I never knew this thing that how async await function works behind the scenes. Thanks for the video. Please continue this series with more such amazing videos in JS.

Wow, this tutorial on async/await is simply superb! 🚀 The explanation was crystal clear, and I loved how you broke down complex concepts into easy-to-understand steps. Thanks to your guidance, I finally grasp the power of async/await in JavaScript. Keep up the fantastic work! 👏 Looking forward to more insightful videos like this.

I was waiting so long for this series ❤❤❤. Glad that you come back

Bhai yaar kasam se pdh ke mjaa he as gya itna excitement to movie me nhi aata😅😅 jo mind me question chal rha vhi next smjha rhe bhai and also explain edge cases🎉❤

Such a beautiful tech-series. Have a really better clarity on how things work under the hood - wrt the Call Stack and overall JS Engine. Makes me understand and love JS more. Thank You for the great work, Akshay ❤

This is a complete video nothing more is expected from you Akshay. Great job bhai 👏👏👏👏

If this video had been made earlier, I would have done 2 more internships by now. But Thanks a lot❤. Didn't found a single video on RU-vid who makes me understood it so well as you did.

I wish we would have teacher like you in college what an explanation 🙇. You make anything interesting. I have coding for 1 year I didn't knew how did it work behind the scenes . Thank you so much sir ❤️🙇

Akshay, I wish I had teachers like you during my college.. Thanks for making this course available for free in RU-vid. I have enrolled for Namaste React few days back. Wish you all the success.

Must watch for All Front End Developers!!! Nothing can beat his way of explanation and his deep understanding.

Please continue this series i already learned a lot from you

Welcome back. Waiting for more topics to be covered. Also bring machine coding and system design and DSA in JavaScript please 🙏

This is great. Learned async await from other videos also , but never gone so deep in this concept like this. ❤

This is the first Playlist which I have completed till the last and you have made fall in love with JavaScript. Thanks a Lot Sir ❣

I have completed Namaste JavaScript Seasons 1 and 2, and wow, what a course! . lots of in-depth knowledge about JavaScript, which I'm confident will stay with me for life. Anything bigger than this would only be in dreams. Now, I'm excited to start the React JS course. 😊 And you are the best teacher I've ever seen. Keep up the great work!"❤

Thank you, Akshay, for such an amazing series. I'm eagerly waiting for #NamasteDSA now ;)

Omg, how can someone explain in such a simplified way? Thank you so much for this. U are a great teacher.

Best Best Best that is what this video is, when you say nobody teaches this, that is literally true the way you explain the way you teach the way you deep dive that is simply amazing amaaaaaazingggg. I purchased your react course the way you taught the knowledge you shared in that course was next level the best thing was you actually knew where we the one watching the course will get stuck so you taught accordingly really appreciate it. You are Amazing a teacher.

Finally The King of JS is back with another Banger 🔥🔥🔥🔥🔥🔥🔥

Sir, It is because of you that I understood JavaScript. And today I am working as a javascript developer. Thank you so much Sir 😊❤

brother..!Please don't stop this series which is very useful and we are not able to find any such content.Thanks a lot

This is the best video of the Javascript series for me. Too much knowledge in it. loved this.

Thank you soo much for such a mindblowing explaination 🔥 I bet there couldn’t be a better explanation for covering such complex topic in such easy way.

what a coincidence I just finished watching Namaste React and was sad it got over and I came to RU-vid to check out your channel. BOOM new video🥳. OMG. After Namaste React I feel like I found the right path to learning new things in the right way. Thank you so much. I will give you a guru Dakshina when I get a job🤞

This is the best video I've ever seen on this topic, not only my concepts are clear but also I feel so much confident

Akshay sir this video is the best video among all async await videos, not just this but your whole Javascript series, I was too beginner before this course and now I got so good understanding of so many concepts just because of your videos. You are the best. Thanks a lot 🙏

at 45:16 in your example when you say 40 seconds for the second promise its actually 20 seconds after the first promise is executed but totally it takes 40 seconds from the beginning which says JS doesn't wait :)

I watched the whole series and while waiting for this particular episode I landed a job, Thank you Akshay, the concepts learned from you in Namaste JS one way or another helped me secure the position.

Heart-fully appreciate your hard work and dedication for teaching.Thank you for the excellent content.

You made us Fall in love with JS ❤.. You are a true Gem. Please don't stop making videos, We cannot get these premium content anywhere else,, we are totally rely on you,, It's a pleasure to see you back again. Thank you for making such amazing contents ❤ If i had a choice to give you more likes, i would surely hit 10000 times the like button. Hats off.

After so many days akshay bhaiyaa you are back😍😍😍😍. I am planning to purchase your namaste react course. I started learning js from your namaste js series, and now it's been 6 months 🥰🥰🙏🙏🙏🙏

i am skipping any movies or web shows just for this series ❤

Genuinely the bestttt JavaScript course I've ever come across, the way you explained each and everything in detail was amazing. Thanks a lot for sharing your knowledge❤

I am not even a js dev, but i needed it to get the air of how the web works in general. Primarily i am a java dev with competitive coding as hobby. But i swear without ur concise, precise, and quality videos have helped me get over my js fear, understand web with a newer vision and also bypass the pesky questions interviewers ask to test js even tho i didnt have it in resume😁😁

Waiting for this series😅

But what is happening when the function is suspended? And how it is coming back to call stack and how it is again start its execution from where it left?

बहुत ही शानदार वीडियो है आपके मेने। पहली बार किसी प्रोग्रामिंग लैंग्वेज को इतनी गहराई से पढ़ी है । बहुत बहुत धन्यवाद आपका ❤

One of the best teachers for FE. I particularly enjoyed the practical examples you provided, which helped me to better understand the material.

Video is definitely amazing, crisp clear. Thanks! Loving the salute, smile, song at the end :D

really its the only video in the youtube which cleared the async await concept at very deep level.

This video is on a different level i have never thought that someone will teach javascript in such a good manner best explanation on async and await i have come across thanks guruji 😊

Absolutely love it. Listening on my holidays in Spain. Thank you so much

I am a developer with 2 yrs experience and for the first time I understood this topic completely. I have had read some articles previously but it didn’t gave me the complete understanding. Thank you for this. Never knew it was easier

Thank you so much for explaining us this beautiful async await video, i was confused before but now i have a very good understanding of promises and async/await, thank you so much ♥ you are the best JS teacher and this is the best JS playlist! ♥

Thank You for your wonderful explanation , really your teaching is helping me learning a lot in JS. i think we are fortunate enough to have a good teachers like you who is really more interested teaching the concepts in an interesting way

Wow, this tutorial is absolutely fantastic! The step-by-step explanation and clear instructions made it so easy for me to follow along. Thank you for putting so much effort into creating such high-quality content. You've definitely earned yourself a new subscriber! 👏👍

My mood lights up when I see your upload.

Koi itna aachy say kaisay pada skta hai ! You're a gem bro ! Love you ❤❤

Wow, this was very helpful. Thought I understood promises and async await well, but I didn't know so many nuances. Thanks for all the insights

Awesome...you are great in teaching the concepts and diving deep to make us understand all the difficult topics.

The best javascript and react teacher. You are the real gem. Thank you for sharing your knowledge with us. I have learned from many teachers on youtube but no one teaches like you.🙇‍♀🙇‍♀

I never comment on utube videos but bro this lecture is something else. Literally u killed the topic. God bless uh bro keep uploading content like this.❤❤

Bro didn't even hesitate to make this complex topic look so simple, kudos to you Sir.

Your ability to explain everything is simply amazing! Thank you for your fantastic videos 🙏

first time seen such a crystal clear explaination !!

great course. Hats off to Akshay to explain the concepts so clearly with so much of passion

This is the best video of Async Await ever! PERIOD!

Top-level video. Absolutely loved it! Akshay, you rock!!

Will wait for videos covering topics like decorators and some previous questions asked in companies over the topic of async, await, promise, setTimeout gotchas etc, It will be super amazing to learn from you the deep explanations of the real interview type questions asked in interviews

Beautiful explanation! You're an amazing teacher!

Thanks for the efforts! the way you explain the call stack is very helpful!

You're just crazy. I have never seen anyone who teaches like you. I just loved it.

This is one of the best tutorials about async await ❤

Thanks for all your effort. You have cleared all my doubts in more than one ways. Thanks again.

What a Video bhai full of power with no sleeping mode while watching full energy on. After watching you video i'm JavaScript Addicter

Just pure stream of knowledge flowing on this channel for learner