Asynchronous JavaScript & EVENT LOOP from scratch 🔥 | Namaste JavaScript Ep.15

Поділитися
Вставка
  • Опубліковано 25 чер 2024
  • In-depth explanation of Event Loop, Web APIs, MicroTask Callback Queue, and how JavaScript works asynchronously in the web browser. Understand how setTimeout works behind the scenes along with fetch and event listeners.
    You'll also find a lot of code examples along with a deep-dive explanation of the web APIs and how JavaScript code is executed asynchronously.
    The only request is to watch this Episode of Namaste JavaScript with full attention. 🙏
    It took a lot of effort to create this video, do comment down and let me know if you find it helpful.
    My tech gear I use every day - google.peek.link/2pba
    00:00 - Introduction
    00:40 - How JS Engine Executes the Code using Call Stack
    03:25 - Main Job of the Call Stack
    03:51 - How does JavaScript perform async tasks
    04:36 - Behind the Scenes in Browser
    07:35 - Web APIs in JS
    12:03 - How setTimeout Works behind the scenes in Browsers
    16:09 - Event Loop & CallBack Queue in JS
    18:59 - How Event Listeners Work in JS
    23:43 - More about Event Loop
    25:02 - Why do we need Event Loop
    27:29 - How fetch() function works
    30:26 - MicroTask Queue in JS
    36:01 - What are MicroTasks in JS?
    38:35 - Starvation of Functions in Callback Queue
    39:48 - Teaser of the Next Video
    40:53 - Thank you for watching Namaste JavaScript 🙏
    Support this video series, NOT BY MONEY, but by sharing it with your friends. 🙏
    I'll give my best to come up with great content and everything absolutely for free on UA-cam. 😊
    If you are active on Social Media,
    please give a shoutout to Namaste JavaScript and help me reach more people. 🙏
    Cheers,
    Akshay Saini
    akshaysaini.in
    Would love to Stay Connected with you ❤️
    LinkedIn - / akshaymarch7
    Instagram - / akshaymarch7
    Twitter - / akshaymarch7
    Facebook - / akshaymarch7
    #NamasteJS #AkshaySaini

КОМЕНТАРІ • 5 тис.

  • @shrutigupta7605
    @shrutigupta7605 3 роки тому +864

    Amazing content Akshay :-) Have some quick questions: 1) When does the event loop actually start ? Are only asynchronous web api callbacks are registered in web api environment ? Does the web api environment stores only the callback function and pushes the same callback to queue/microtask queue? How does it matter if we delay for setTimeout would be 0ms. Then callback will move to queue without any wait ?

    • @akshaymarch7
      @akshaymarch7  3 роки тому +1470

      Wow, these are some of the best doubts. ❤️
      1. When does the event loop actually start? - Event loop, as the name suggests, is a single-thread, loop that is `almost infinite`. It's always running and doing its job. ❤️
      2. Are only asynchronous web API callbacks are registered in the web API environment? - YES, the synchronous callback functions like what we pass inside map, filter, and reduce aren't registered in the Web API environment. It's just those async callback functions that go through all this.
      3. Does the web API environment stores only the callback function and pushes the same callback to queue/microtask queue? - Yes, the callback functions are stored, and a reference is scheduled in the queues. Moreover, in the case of event listeners(for example click handlers), the original callbacks stay in the web API environment forever, that's why it's advised to explicitly remove the listeners when not in use so that the garbage collector does its job.
      4. How does it matter if we delay for setTimeout would be 0ms. Then callback will move to queue without any wait?
      No, there are trust issues with setTimeout() 😅. The callback function needs to wait until the Call Stack is empty. So the 0 ms callback might have to wait for 100ms also if the stack is busy. It's a very beautiful concept, and I've covered this in detail in the next episode of Namaste JavaScript. 🔥
      Thank you so much for asking all these questions, Shruti. You're a gem. 💎

    • @shrutigupta7605
      @shrutigupta7605 3 роки тому +79

      @@akshaymarch7 Thanks a lot :-)

    • @manveers96
      @manveers96 3 роки тому +135

      Answering your last question - How does it matter if we delay for setTimeout would be 0ms. Then callback will move to queue without any wait ?
      YES, If delay for setTimeout is 0 ms, a callback will be registered with 0 ms timeout and will immediately be pushed into the callback queue. However, the event loop will only move it to the JS call stack after it becomes empty. Hence, you can use setTimeout with 0ms wait time to defer a callback execution.

    • @viplawkumaraniket7526
      @viplawkumaraniket7526 3 роки тому +244

      @@akshaymarch7 today i realised i also should read comments. There is also lots of things to learn. ❤️❤️

    • @mithanck4132
      @mithanck4132 3 роки тому +10

      Javascript is sychnrous or asynchrouns

  • @jagrutsharma9150
    @jagrutsharma9150 Рік тому +231

    Things learned:
    1. Browser has superpowers that are lent to JS engine to execute some tasks, these superpowers include web API's such as console, location, DOM API, setTimeout, fetch, local storage.
    2. Callback functions and event handers are first stored in Web API environment and then transferred to callback queue.
    3. Promises and mutation observer are stored in API environment and then transferred to microtask queue.
    4. Event loop continuously observes call stack and when it is empty it transfers task to call stack.
    5. Micro task is given priority over callback tasks.
    6. Too many micro tasks generated can cause Starvation (nit giving time to callback tasks to execute).

    • @aditikhedkar8514
      @aditikhedkar8514 Рік тому +3

      Yesss. Thanks for writing this!

    • @VikasKumar-zw7ko
      @VikasKumar-zw7ko Рік тому +6

      Small correction only asynchronous callback functions are stored in the web api's env. There are some synchronous callback functions which are not stored like map,filter,reduce

    • @ektakumari1054
      @ektakumari1054 Рік тому +2

      @@VikasKumar-zw7ko then where the synchronous callback function is store

    • @humtohchutiyehai1016
      @humtohchutiyehai1016 Рік тому

      They get executed immediately i guess ?

    • @nageshn3173
      @nageshn3173 Рік тому +1

      In addition JS engine only handles callback stack
      Browser need to handle web API, microtask queue, callback queue

  • @feeltherhythm717
    @feeltherhythm717 5 місяців тому +55

    In JavaScript, the event loop, microtask queue, callback queue, and call stack are all key components that help manage the asynchronous nature of the language.
    Call Stack:
    The call stack is a data structure that keeps track of the function calls in your code. It follows the Last In, First Out (LIFO) principle, meaning the last function that gets pushed onto the stack is the first one to be popped off when the function completes.
    Callback Queue (Task Queue):
    The callback queue, also known as the task queue, holds tasks (callbacks or events) that are ready to be executed. These tasks usually come from asynchronous operations, such as DOM events, HTTP requests, or timers.
    Event Loop:
    The event loop is responsible for continuously checking the call stack and the callback queue. If the call stack is empty, the event loop takes the first task from the callback queue and pushes it onto the call stack for execution.
    Microtask Queue:
    The microtask queue holds tasks that are also ready to be executed but has a higher priority than the callback queue. Microtasks are usually scheduled by JavaScript promises, mutation observers, and other similar mechanisms.
    Here's how they work together:
    When an asynchronous operation is encountered, such as a setTimeout or a Promise, the callback associated with that operation is sent to the callback queue after the specified time or when the Promise settles.
    When the call stack is empty (no functions being executed), the event loop takes the first task from the microtask queue and pushes it onto the call stack.
    If the microtask queue is empty, the event loop looks at the callback queue and pushes the first task onto the call stack.
    This process repeats, allowing JavaScript to handle asynchronous operations without blocking the main thread.
    Understanding these concepts is crucial for writing efficient and responsive asynchronous JavaScript code, as it helps you manage the order of execution and prevent blocking the user interface.

  • @jamilshafayat7288
    @jamilshafayat7288 9 місяців тому +12

    After almost two years, here I am again, experiencing the same exhilarating rush of emotions just like the very first time. It's truly amazing to journey through this entire session once more.

  • @HkGd-ly3hn
    @HkGd-ly3hn 3 дні тому

    I cannot stop watching "Namaste Javascript". As a beginner, I am quickly able to grasp so many new terms and explanations. Hats Off Man!

  • @rhimanshu6288
    @rhimanshu6288 3 роки тому +411

    Cracked 2 interviews back to back and answered Event Loop quest in such a way that there were no cross question left for interviewers to ask. Thanks again Akshay

    • @dgdivyanshugupta
      @dgdivyanshugupta 3 роки тому +8

      Can you give some examples of the questions asked? Will help others to check their understanding as well

    • @praneethk3632
      @praneethk3632 3 роки тому +3

      Yes, plzz comment your questions which are asked for you .It would be greatly helpful

    • @rhimanshu6288
      @rhimanshu6288 3 роки тому +8

      @@dgdivyanshugupta Event loop explanation, promises(which i studied on my own) . How async works, similar questions

    • @benbenuu6703
      @benbenuu6703 3 роки тому +1

      @@rhimanshu6288 bro which company did u attend?

    • @tripshower2all
      @tripshower2all 3 роки тому

      Where did u got placed

  • @rhimanshu6288
    @rhimanshu6288 3 роки тому +549

    A good teacher with quality content doesn't needs a marketing and advertisement. Ppl fallback with him naturally. Thanks Akshay for being a good teacher😊

    • @akshaymarch7
      @akshaymarch7  3 роки тому +290

      Thank you so much for watching the video, that too on a Sunday 😅
      With so many distractions around, when you can take out time to learn something, then I can also take out time to teach something. ❤️
      A teacher is nothing without students, we all make it happen together.
      Cheers to all of us. 😇

    • @abhigyansharma9108
      @abhigyansharma9108 3 роки тому +20

      @@akshaymarch7 Ek hi dil h yaaar kitni baar jeetoge

    • @harpicandparle-g5675
      @harpicandparle-g5675 3 роки тому

      Content Which is not his... all he does is watch a 6year old video and copy everything.... and present his face, just for sake of making money or maybe trying to get a reputation yata yata... You seriously believe that hi spends his time learning stuff. No, he doesn't, he just watches the video copy the captions and changes the grammar, and puts all his time Into video editing.....I am telling you just in case you don't go blind and instead explore this field from the real developers.

    • @prashanthvamanan1513
      @prashanthvamanan1513 3 роки тому +38

      @@harpicandparle-g5675 Content is present everywhere and everything is just a google search away. But the way and the manner in which it is presented such that it is understandable to everyone of all skill levels is what that matters. If u don't want to watch his videos that's fine and totally understandable. But don't demean and curse his efforts and his initiatives to make JS interesting. You won't find easy to understand high quality videos such as this digging deep into JS that too for free anywhere on youtube or similar platforms. Hence don't degrade and insult anyone's efforts, if u like it watch or else don't watch.

    • @sahilkc23
      @sahilkc23 3 роки тому +3

      @@prashanthvamanan1513 absolutely bro

  • @vishalmali8491
    @vishalmali8491 10 місяців тому +4

    This is probably the only course that does not bore me. I feel like going through one more episode even when I'm done for the day. You make concepts very easy to understand. Thank you for this series, Akshay.

  • @user-bj7yd3xm8i
    @user-bj7yd3xm8i 9 місяців тому +15

    Great video, Akshay! I appreciate the way you break things down and that you take the time to reiterate even the simpler concepts. You have the heart of a teacher, and we could not be more grateful.

  • @akshaymarch7
    @akshaymarch7  3 роки тому +100

    Watch `Maha-Episode` of this series: JS ENGINE Architecture 🔥 - ua-cam.com/video/2WJL19wDH68/v-deo.html
    How was this video? Let me know in the comments below, I read each and every comment! ❤️

    • @anitasunildesai
      @anitasunildesai 3 роки тому

      Excellent. Very useful. You are too good.

    • @anshsharma7510
      @anshsharma7510 3 роки тому

      It's suprb 🥳🥳 Thanks bro for your time me and hardwork 😇😇

    • @piyushmahapatra5402
      @piyushmahapatra5402 3 роки тому

      Bhai,killing it ! everytime

    • @JK92007
      @JK92007 3 роки тому

      God of JavaScript....🔥🙏 Namaste bro...

    • @akshaymarch7
      @akshaymarch7  3 роки тому +2

      @@JK92007 Hey, no man. Don't say that!! 😅

  • @nativeKar
    @nativeKar 3 роки тому +149

    I recently interviewed a candidate for a FEE role and when I asked him about Web APIs, he said, 'It's a browser superpower', I was bloody confused, only now I know.

  • @nikileshs24
    @nikileshs24 10 місяців тому +1

    This is probably the only course which does not bore me. I feel like going through one more episode even when I'm done for the day. You make concepts very easy to understand. Thank you for this series Akshay.

  • @HarshJadhavimHarsh
    @HarshJadhavimHarsh Рік тому +13

    I usually don't comment as you pointed out, but this video being so comprehensive and detailed yet so simple to understand made me comment here. The explanation was too good and anyone could easily understand them. I highly recommend going through this series serially as that will help you understand every concept deeply and get your foundations strong. Thank you Akshay for making this series public as this will help new developers (and experienced too) to not just code to finish work on deadline but will also make them fall in love with this beautiful language.

  • @IshanKesharwani
    @IshanKesharwani 3 роки тому +6

    Forget everything, just admire the way he is doing everything so that we can understand everything. The guy isn't backing off for one single moment.

  • @pramudithajayasinghe7207
    @pramudithajayasinghe7207 2 роки тому +19

    This is the best JS tutorial I've seen on the internet. It is quality than a paid course. Thank you Akshay!!!.

  • @zohebahmad9633
    @zohebahmad9633 Рік тому +3

    Goodness gracious what a video! Amazing summary of the Event Loop. The knowledge being provided in these videos is a blessing to all honestly.

  • @VikashKumar-ll5fv
    @VikashKumar-ll5fv 10 місяців тому

    A good teacher with quality content doesn't needs a marketing and advertisement. Ppl fallback with him naturally. Thanks Akshay sir for being a good teacher

  • @souravsingh763
    @souravsingh763 3 роки тому +7

    I am a student .I started learning JavaScript 3 months back .I am very passionate to know how actually JS works behind the scene. For me this NamasteJS series is like dream came true

  • @deepakmishra96
    @deepakmishra96 Рік тому +1

    We should be incredibly thankful for all the efforts he put into completing the entire series with great enthusiasm. I bet there are hardly any tutors on UA-cam who provide free content that motivates beginners to continue their journey. I truly appreciate all your efforts, brother, and I will definitely purchase the React JS course.

  • @stephendsouza8555
    @stephendsouza8555 Рік тому

    You made it easy to understand what is happening under the covers through the JS Event Loop.
    Thanks for taking the trouble to break things down for us to understand.

  • @032_jatingaur7
    @032_jatingaur7 Рік тому +18

    This is not only a Js series, It's a masterpiece 💯

  • @poojamishra1306
    @poojamishra1306 2 роки тому +3

    Amazing Explanation. Kudos to it. The things you explained in 40 mins... takes lot more to sink in if I had read a book or watched somebody else. Thank you!

  • @vikram7735
    @vikram7735 9 місяців тому

    The quality, concise JS series provided by only you sir !!!!! We are lucky to have you, providing such crystal clear explanations of the JS topics at free of cost; really the most humble, passionate person you are...😇

  • @akihokokurosaki
    @akihokokurosaki 6 місяців тому

    I had no knowledge about javascript but because of you started learning it and now it feels soo easy.
    It's been two weeks now, i watch one video from this series everyday.

  • @dronedarshan8270
    @dronedarshan8270 3 роки тому +21

    I have never seen anyone teaching concepts with so much depth, clarity and ease. The content is unbeatable, the delivery enthusiastic and love how eager you are to make JS easy for everyone. Thank you for putting all this effort and coming up with this series. Worth every second of watch time.

    • @harshneetsingh5267
      @harshneetsingh5267 2 роки тому +1

      hello as a codeNewbie i just want to ask you something . Ive started web development and rn im doing js , so how to get to know that what total number of concepts are needed for mastering javascript .. and suggestions for web development will be much more apreciated

    • @rover2444
      @rover2444 6 місяців тому +1

      have you get your answer ,,,,batao yaar,,,,,im in same situation that you in last year,,,@@harshneetsingh5267 🙂

  • @trishnangshugoswami5400
    @trishnangshugoswami5400 3 роки тому +8

    You are super amazing and I can promise after this I will never ever forget what an event loop is.

  • @a_bordun
    @a_bordun 11 місяців тому

    Найкраще і найлегше пояснення, дякую!!

  • @sathiyamoorthi308
    @sathiyamoorthi308 11 місяців тому

    since 3months i am working javascript i don't about this concept when I watch the video I got lot of knowledge and I can understand easily and I got some confident also thank so much akshay you are very good teacher in my life , I don't forgot you in my life.

  • @mukulgarg4169
    @mukulgarg4169 3 роки тому +6

    The best thing about his videos is you never get bored even if the video is 1hr long. Kudos to you brother!! Keep up the good work!!

  • @AmiraMuzaffar
    @AmiraMuzaffar Рік тому +4

    With this understanding of the event loop, I feel like I can nail an interview. Nicely Explained. I always find your videos simple and full of knowledge.

  • @krmanishkr60
    @krmanishkr60 11 місяців тому +8

    #gajab(virtual hug emoji , searched specially for this video only.)
    watched in one go at 2Am, initially thought to skip bcz of length. but while watching got excited and completed without any pause.
    you will get to know about following terminology,
    callstack
    global execution context
    event loop
    Web APIs (e.g. setTimeout , DOMs , fetch, console) context
    callback queue(or task queue)
    microtask queue
    promises , mutation observer
    startvation of callback
    all the things are explained with three examples : setTimeout, dom apis with click event , fetch api + setTimeout.
    Great video, I can confidently say that this guy has not learned the conecpt in this deep bcz of simply working in company.
    Its because of his great interest/passion for Javascript.
    keep empowering us with such a great knowledge.
    I don't comment or like generally, but on this video have commented & liked both.

  • @amreshyadav7
    @amreshyadav7 6 місяців тому

    Best series that I have found on UA-cam till today. Thanks! Amazing deep explanation. WOW... WOW... WOW...

  • @shekharnair6051
    @shekharnair6051 2 роки тому +5

    Beautifully explained, I've never dived down as deep into JS as this before.

  • @rapianopenaldo1669
    @rapianopenaldo1669 3 роки тому +3

    Thanks a lot akhay bhaiya, in a world where most of the students in the first year of college are running behind Competitive programming and ML, it is really a breathe of fresh air when someone as influential as you is teaching Javascript in depth for free.. again thanks a lot!

  • @shree6665
    @shree6665 8 місяців тому

    nothing is better than this and your explanation and set in my mind for lifetime, cannot thank you enough. you are truly a JS GOD!!!

  • @samialvi4226
    @samialvi4226 11 місяців тому +1

    Never thought Event loop would be that simple.
    Hats off to you!!!

  • @ashishpujari7
    @ashishpujari7 3 роки тому +16

    Akshay you made so easy to understand. The way of explanation is feels like a story telling. Good job keep the hard work goes on. Cheers 👍👍

  • @danachen81
    @danachen81 2 роки тому +17

    At first, I clicked on your video to clarify my concepts on hoisting. However, I ended up watching the entire series for multiple times. It is surprising how you can have such a thorough understanding of JavaScript, and such in-depth explanation of all the concepts, both theoretically and practically. Love your passion, thank you so much!

  • @user-ih4wt9ii1o
    @user-ih4wt9ii1o 9 місяців тому

    This event video loop is like open the eyes to know the browser has a lot of super powers. It can do anything. Thanks a lot.

  • @waseemtahir6740
    @waseemtahir6740 3 місяці тому

    Wow, this is gold. There's no other content about event loop as good as this on the whole UA-cam. This is the simplest and most effective way of teaching what event loop is.
    Thank you Akshay for the content.

  • @neelthakkar4492
    @neelthakkar4492 3 роки тому +4

    At the end i felt like i have achieved knowledge of a whole book only on event loop. Really filing like master of event loop. Really thanks to you.

  • @averiivy1
    @averiivy1 2 роки тому +3

    All your videos are amazing and provide infinite clarity on some of the most taken- for- granted foundation concepts of JS
    Thank you so much for making this available for free!!!

  • @vietnamnguyen501
    @vietnamnguyen501 8 місяців тому

    आपके समर्पण के लिए धन्यवाद !🔥 Not only did it help me understand how browsers work, but it also made me love JavaScript even more❤‍🔥

  • @mohit-th7ln
    @mohit-th7ln 6 місяців тому +2

    my brother recommended this channel for javaScript to me. I thought this man will teach as others are teaching on youTube but No I was wrong ,this man is such a legend ,after completing this playlist and season 2 will also be continued now i am going to watch his namste react course which was recommended by me .
    thank you so much Akshay bhaiya💌🙏🙏 ,you are amazing 👌👌.

  • @jaikhanchandani9880
    @jaikhanchandani9880 3 роки тому +6

    spent whole day studying about event loop and finally understood it in these 40 mins, Best explained.

    • @harshneetsingh5267
      @harshneetsingh5267 2 роки тому

      hello as a codeNewbie i just want to ask you something . Ive started web development and rn im doing js , so how to get to know that what total number of concepts are needed for mastering javascript .. and suggestions for web development will be much more apreciated

  • @benedictgabriel6434
    @benedictgabriel6434 Рік тому +34

    The Event Loop pushes the "queue" into the Call Stack only when the Call Stack is empty (i.e. the global execution context has been pushed off the call stack).
    The order in which the Event Loop works is:
    1. Call Stack
    2. Microtask Queue
    3. Callback Queue
    Hope this helps :)

    • @user-yj6ii4qm6p
      @user-yj6ii4qm6p 10 місяців тому

      Question. Are callback and microtask queue part of js or browser??

    • @lrrahiya3369
      @lrrahiya3369 10 місяців тому

      I thing no

    • @yekalkeayebhiklund8798
      @yekalkeayebhiklund8798 8 місяців тому

      browser
      @@user-yj6ii4qm6p

    • @adityagunale1590
      @adityagunale1590 6 місяців тому

      @@user-yj6ii4qm6p the call back function is part of javascript and the queue is part of browser like call stack has .

  • @amineguizani4983
    @amineguizani4983 Рік тому +3

    The only Dev serie on youtube that worth a comment, like and subscribe its a masterpiece

  • @user-en2qv2qb4k
    @user-en2qv2qb4k Рік тому +6

    We need more teachers like him! This man is literally the best!🌻

    • @vikramweb5369
      @vikramweb5369 11 місяців тому +1

      is there any difference between lexical scope and lexical environment.

    • @vivektiwari8667
      @vivektiwari8667 11 місяців тому

      @@vikramweb5369 Yes, there is a difference between lexical scope and lexical environment in JavaScript.
      Lexical Scope:
      Lexical scope refers to the scope of variables in JavaScript based on the location of their declaration in the source code.
      Lexical Environment:
      A lexical environment is an internal data structure used by JavaScript engines to keep track of variables, function declarations, and their scopes during the runtime of a program.
      Hope you got the point

  • @prasadmangali9679
    @prasadmangali9679 2 роки тому +10

    This is awesome never seen this kind of one's expecting more like this deep drive understanding the javascript, I really enjoyed with this video really great sir 🎉🎉

  • @tinytutor413
    @tinytutor413 2 роки тому +4

    Wow , bro you made this very easy for us to understand

  • @ananttiwari1336
    @ananttiwari1336 Рік тому

    watching your playlist from 4 days just in love with your explanation.

  • @ramrams1136
    @ramrams1136 Рік тому +1

    I used to be scared of Java script but after watching your videos I started loving javascript❤.. Thank you

  • @pranjalagnihotri6072
    @pranjalagnihotri6072 3 роки тому +22

    Fun Fact: In most of the browsers, there is an event loop for each browser tab this makes every process isolated and avoid a webpage with infinite loops and heavy processing to freeze the entire browser 🚀

    • @dgdivyanshugupta
      @dgdivyanshugupta 3 роки тому

      Thank you for sharing that. Then why is Chrome is said to be heavier than other browsers like Mozilla Firefox, safari,?

    • @pranjalagnihotri6072
      @pranjalagnihotri6072 3 роки тому +8

      @@dgdivyanshugupta Chrome creates a process for each tab you open with a website, so suppose you opened 10 tabs with 10 sites this will create 10 separate processes which causes a high RAM usage in chrome, but in other browsers like firefox a default of 4 processes are created. So, your first 4 tabs each use those 4 processes, and additional tabs run using threads within those processes. Multiple tabs within a process share the browser engine that already exists in memory, instead of each creating their own.

    • @ArjunSingh-oo1mh
      @ArjunSingh-oo1mh 3 роки тому

      @@pranjalagnihotri6072 if its true then good explaination bro...

    • @sriramgiridhar7600
      @sriramgiridhar7600 3 роки тому +1

      @@ArjunSingh-oo1mh Yeap it is true bro..

  • @Spyrie
    @Spyrie Рік тому +5

    No one ever taught about this as clear as you do. Thank you so much Akshay.

  • @Aravindkumar-cs8qv
    @Aravindkumar-cs8qv 10 місяців тому

    I'm a beginner to javascript it makes me feel like an expert Easily understands the way you explain the concepts

  • @vaibhavsachdeva.2001
    @vaibhavsachdeva.2001 6 місяців тому +1

    This is amazing. I got hooked to this playlist. It is exactly the kind of depth I was looking for in the tutorials. Thanks a lot.

  • @neerajchavan9760
    @neerajchavan9760 3 роки тому +10

    I am a java developer. Before watching this series I really used to hate JavaScript because it really behaves differently than other programming languages . I have watched a lot of tutorial series of JS but, your content is PURE GOLD! As you said at the start of this series, your GOAL is to make people fall in love with JS. I think you have succeeded. ♥️

  • @vipulsuryavanshi1787
    @vipulsuryavanshi1787 3 роки тому +12

    I feel like i have found a hidden treasure, amazing worth much more than the paid content. Thank you so much for such grate knowledge :)

  • @kamrulislam3841
    @kamrulislam3841 11 місяців тому +3

    You are great man. I love those teachers who really enjoy teaching ❤️
    Love and Respect from Bangladesh 🇧🇩

  • @sarthaksingh2145
    @sarthaksingh2145 9 місяців тому +1

    Wow, mind blowing stuff, discovered your channel so late and have to admire your efforts. This playlist is no short of a gem🔥🔥🔥🔥

  • @balajiravi9259
    @balajiravi9259 3 роки тому +9

    Event loop is one the most important concept for every JS interviews.

  • @anushkajaiswal3999
    @anushkajaiswal3999 Рік тому +4

    Namaste Javascript! 🙏 These video are like new discovery to me. I love it definitely . Thank you so much for your amazing videos.

  • @satyammishra5635
    @satyammishra5635 6 місяців тому +1

    Hi Akshay, I am following this series from more than a week and it really helps to understand each and every concept which you are covering and before covering this series am unaware of call back function, global execution context, closure but now I have an idea and can explain to my friend about this concept. This video is also an amazing one and got to know about Microtask Queue and Event Loop and WEB API, you are doing a great job and keeps continuing this work because there are so many folks who wanted to learn and if you are continuing this kind of work then not only you but each and every individual will be happy by watching your video which has deep explanation in it.

  • @gregorriusadolphus2729
    @gregorriusadolphus2729 5 місяців тому +1

    Akshay.....WHOA! I am just now watching all of the Namaste JavaScript videos in order, one by one. I have learned so much this far this weekend; I wish I knew all of this when I started out learning JS a few years ago. Oh the interviews I would have passed! haha. This particular video was all new info to me and you explained it simply and wonderfully. This video was a true BLESSING to my understanding. It's now three years after you initially. made this video so I hope its all still relevant LOL. Thank you once again!!!

  • @dhanubhardwaj6935
    @dhanubhardwaj6935 2 роки тому +3

    This video should be shared by all senior javascript devs to their junior devs ones .
    Amazing @akshay sir

  • @ujjwalvinze4059
    @ujjwalvinze4059 9 місяців тому +1

    I don't think a better explaination exists for this. Thanks a lot!

  • @shahidafreedy
    @shahidafreedy 5 місяців тому +1

    "I found this video to be the most enjoyable till now in the series. Thank you for the excellent explanations that made it easy for me to understand."

  • @sandeshsmagdum
    @sandeshsmagdum 3 роки тому +15

    OMG! The more I get deeper into event loop, I am feeling I need to dig deeper. This is mind blowing explanation and details. I liked the neon effects of the sketches you draw while explaining. Thank you so much for putting extreme efforts in making this video and sharing the knowledge. I would like to know now about event loop in node.js and particularly phases of event loop in node.js. :)

    • @harshneetsingh5267
      @harshneetsingh5267 2 роки тому

      hello as a codeNewbie i just want to ask you something . Ive started web development and rn im doing js , so how to get to know that what total number of concepts are needed for mastering javascript .. and suggestions for web development will be much more apreciated

  • @jaswantrohila3776
    @jaswantrohila3776 3 роки тому +9

    This " Namaste javascript " feels like the recursion of pure quality content... Just waiting for your next videos...thanks brother🔥🔥

    • @akshaymarch7
      @akshaymarch7  3 роки тому +3

      Wow, thank you for such a lovely comment! 😇

  • @AjayPandey-tl6lz
    @AjayPandey-tl6lz 8 місяців тому

    Never ever in my entire life i saw someone explaining something like these👏👏👏

  • @davidamon-cofie8559
    @davidamon-cofie8559 Рік тому

    You are the best teacher I have ever come across. My mind really is blown

  • @santhoshmoolemane
    @santhoshmoolemane 3 роки тому +6

    Best thing is that He himself requests us to stay for some more time to learn.
    In clg, even if we request, teachers weren't explaining clearly.
    Akshay "ದೇವರು ಒಳ್ಳೇದು ಮಾಡಲಿ🙌"

    • @akshaymarch7
      @akshaymarch7  2 роки тому +1

      ಧನ್ಯವಾದಗಳು, Santhosh ❤️

  • @LLTletslearn
    @LLTletslearn 2 роки тому +3

    First of all I want to say Huge Thank You 🙏🏻.
    I am a flutter dev. The language used in Flutter is Dart. In one of my interviews the interviewer asked me “How dart program get executed? How dart engine works? What is dart VM? What is JIT and AOT?”
    Honestly speaking I don’t know any of the above correctly. After the interview I searched for above topics and got some good articles on Medium. One of that articles stated that dart event loops are similar to JavaScript. You know what quickly comes into my mind is the great place to understand this concept is NAMASTE JAVASCRIPT(Event Loop). I really enjoyed every millisecond of 41:45.
    Thanks again 🙏🏻.

  • @yogeshkumar-ns6nc
    @yogeshkumar-ns6nc Рік тому +3

    @Akshay Bro I can't tell how beautiful your lectures are and Seriously understood the concept of event loop thoroughly , Thank you soo much for making it free for all , this series is a gem Bro

  • @pctechinfosys
    @pctechinfosys 28 днів тому

    This is one of the finest videos on Javascript core concepts

  • @santanagopalasubrahmanyamy7473
    @santanagopalasubrahmanyamy7473 3 роки тому +20

    Akshay Kumar's dialogue "I no study IIT, but IIT study me" suits you bro🤗

  • @jaishrikrishna5755
    @jaishrikrishna5755 2 роки тому +5

    Great Efforts and best explanations ,Thanks is just not enough to be thankful for such a great content .

  • @pankaj8876
    @pankaj8876 8 місяців тому

    I would say just amazing. No could ever explain it in that much simple and deeper way! Loved it ❤

  • @vishalbalekundri5783
    @vishalbalekundri5783 Місяць тому

    Best video on the internet explaining Event Loop and Callback Queue❤

  • @abdussamad0348
    @abdussamad0348 2 роки тому +6

    Amazing video ! Mind blowing content. Now the time has come when the best of the best content is available for free. Education is no more dependent on money. Thanks for the whole series. I am doing my BCA (first year) and learning web dev on my own, this series is helping me a lot, clearing the core fundamentals like how things actually work. Eagerly waiting for "promises" episode !!

  • @devateja9045
    @devateja9045 3 роки тому +3

    This is the first time that i'm commenting on a youtube video. That was a very great explanation. Lots of Love and lots of respect. More Power to you man.

  • @shivanigurav2508
    @shivanigurav2508 3 місяці тому

    Absolutely fall in love with Namaste JavaScript.Hat's off you...

  • @sharmilak5109
    @sharmilak5109 Рік тому

    I'm a beginner to a Javascript your video was damn worth to watch,just i got a very clear explanation about all the topics which you covered in this video,thank you Akshay

  • @robinsinghmahrok4437
    @robinsinghmahrok4437 2 роки тому +4

    I don't usually write comments on UA-cam tutorials, but the content of this guy forced me to do so. More power to you ❤‍🔥❤‍🔥

  • @PawanKumar-ou1bw
    @PawanKumar-ou1bw Рік тому +3

    this type of detailed breakdown is not even in so called 'bootcamps' , your should have atleast 1M subscribers

  • @praveenyadav-rb6iz
    @praveenyadav-rb6iz Рік тому

    Akshay Saini's "Namaste JavaScript" video series on the event loop is a fantastic resource for anyone looking to understand this fundamental concept in JavaScript. The video is well-structured and easy to follow, with clear explanations and examples that make the event loop much less daunting.
    Akshay's teaching style is engaging and approachable, and he strikes a great balance between theory and practical application. He also does a great job of breaking down complex concepts into manageable chunks, making it easier for beginners to grasp the material.
    Overall, I highly recommend this video to anyone looking to improve their understanding of JavaScript and the event loop. It's a great resource for beginners and more experienced developers alike, and Akshay's clear explanations and engaging teaching style make it a pleasure to watch.

  • @buriza2401
    @buriza2401 11 місяців тому +1

    Mind blown by this video. I've learnt so much from this series. Thank you so much!

  • @shivampandey0
    @shivampandey0 2 роки тому +3

    An awesome explaination. I just wish my college teacher's would have taught their subjects with this much enthusiasm.

  • @AjayPatel-wk2pb
    @AjayPatel-wk2pb 2 роки тому +7

    shuru majboori me kiye the ,
    Ab maja aa raha hai .

  • @aayushnehra9813
    @aayushnehra9813 9 місяців тому +1

    loved the video. I always had confusion how callback functions pop up or how event listeners work. This made everything easy. NO DOUBTS REMAINING. It is amazing how many OS concepts like priority queue and task scheduling works in the browser itself.

  • @saswatamaitra3001
    @saswatamaitra3001 Рік тому

    amazing concept like " Dimak khul geya". Meeting JS in a new way in the dress of Browser.

  • @tanyamehrotra8832
    @tanyamehrotra8832 3 роки тому +6

    Loved this Akshay!! I literally had no idea so many things are going on behind the scenes and I've been working on JS for more than a year.

    • @akshaymarch7
      @akshaymarch7  3 роки тому +6

      That happens, we generally don't know what happens behind just a sweet simple `console.log("helloworld")`. Glad you enjoyed it. ! 😇

  • @tejasjani2544
    @tejasjani2544 3 роки тому +6

    It's Awesome 🤯.
    You are Genius🦸‍♂️ guy .
    Thank you❤️ so much for sharing this deep🧜 and Magical🧚 hidden world of JS.

  • @hamayunwaheed910
    @hamayunwaheed910 10 місяців тому

    Thanks man Thank-you so muchhhh.
    I used to always forget this concept and come here after for the clear concept. Came back after 2 years when I needed to revise this.
    Thank you again

  • @manojbhatt8424
    @manojbhatt8424 11 місяців тому +1

    Usually, I don't prefer commenting on videos.
    but here I am ...to tell you buddy that you are amazing.
    the way you teach is besssstttt.
    and your smile is good be happy brother.

  • @vinaysharma5783
    @vinaysharma5783 Рік тому +3

    Hi Akshay, This is the most important video and you nailed it in this video, hats off to you man. Thanks for explaining the evnt loop and callback queue with so ease.

  • @abhinavkumar7309
    @abhinavkumar7309 3 роки тому +5

    The last 6 years of my life would have been a lot easier if I would have got such a thing during my college days. Content and this is awesome. Big clap

    • @priyankaahire1000
      @priyankaahire1000 3 роки тому

      today same thought came in my mind at the time of watching video

  • @himanshujha7919
    @himanshujha7919 9 днів тому

    After watching too many javascript tutorials on youtube , i can guarantee that Akshay bro's course was the best and excellent...........❤❤

  • @rashmidevaraju9957
    @rashmidevaraju9957 Рік тому

    Literally, this is my first ever comment on youtube , watched almost 20 videos of this course... you are just AMAZING! keep doing such content and we love you for doing this free 🥺❤

  • @bikramrout1464
    @bikramrout1464 3 роки тому +9

    Understood indepth of event loop in a simpler crystal clear way .