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

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.ค. 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 TH-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

ความคิดเห็น • 5K

  • @shrutigupta7605
    @shrutigupta7605 3 ปีที่แล้ว +873

    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 ปีที่แล้ว +1486

      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 ปีที่แล้ว +80

      @@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 ปีที่แล้ว +245

      @@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

  • @rhimanshu6288
    @rhimanshu6288 3 ปีที่แล้ว +416

    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

  • @jagrutsharma9150
    @jagrutsharma9150 2 ปีที่แล้ว +232

    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 หลายเดือนก่อน +60

    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 หลายเดือนก่อน +13

    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.

  • @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 ปีที่แล้ว +291

      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

  • @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.

    • @akshaymarch7
      @akshaymarch7  3 ปีที่แล้ว +47

      OMG 😂

    • @nativeKar
      @nativeKar 3 ปีที่แล้ว +20

      @@akshaymarch7 Great content, man. To see the number of people learning and benefiting from them is the true measure of your success as a teacher.

    • @ashwanisharma9496
      @ashwanisharma9496 3 ปีที่แล้ว

      haha

    • @nekkantisandeepkumar8897
      @nekkantisandeepkumar8897 3 ปีที่แล้ว

      😂😂😂

    • @invisiblevlogger7017
      @invisiblevlogger7017 3 ปีที่แล้ว +6

      Must b Akshy Saini student. 😂😂

  • @vishalmali8491
    @vishalmali8491 11 หลายเดือนก่อน +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 10 หลายเดือนก่อน +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 🔥 - th-cam.com/video/2WJL19wDH68/w-d-xo.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!! 😅

  • @nikileshs24
    @nikileshs24 11 หลายเดือนก่อน +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.

  • @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.

  • @shrishtisingh4249
    @shrishtisingh4249 2 ปีที่แล้ว +5

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

  • @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.

  • @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.

  • @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.

  • @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!!!.

  • @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..

  • @salmanulfariskk2048
    @salmanulfariskk2048 วันที่ผ่านมา

    Even those who built it cannot take a class like this. I have never seen a teacher like you 💝

  • @waseemtahir6740
    @waseemtahir6740 3 หลายเดือนก่อน +1

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

  • @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 ❤️

  • @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 11 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

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

  • @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 TH-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.

  • @amreshyadav7
    @amreshyadav7 6 หลายเดือนก่อน

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

  • @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 7 หลายเดือนก่อน +1

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

  • @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

  • @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

  • @akihokokurosaki
    @akihokokurosaki 7 หลายเดือนก่อน

    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.

  • @santanagopalasubrahmanyamy7473
    @santanagopalasubrahmanyamy7473 3 ปีที่แล้ว +20

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

  • @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!!

  • @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🔥🔥🔥🔥

  • @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...😇

  • @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.

  • @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!

  • @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.

  • @samialvi4226
    @samialvi4226 ปีที่แล้ว +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 👍👍

  • @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. ♥️

  • @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!!!

  • @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.

  • @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!

  • @shekharnair6051
    @shekharnair6051 2 ปีที่แล้ว +5

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

  • @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!!!

  • @user-ih4wt9ii1o
    @user-ih4wt9ii1o 10 หลายเดือนก่อน

    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.

  • @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!!!

  • @032_jatingaur7
    @032_jatingaur7 ปีที่แล้ว +18

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

  • @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.

  • @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!

  • @trishnangshugoswami5400
    @trishnangshugoswami5400 3 ปีที่แล้ว +8

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

  • @rahulyo.gaming
    @rahulyo.gaming ปีที่แล้ว +1

    This is the best explaination on javascript execution i have seen on youtube. Great efforts bro.

  • @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."

  • @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 🎉🎉

  • @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.

  • @privateaccount2607
    @privateaccount2607 9 หลายเดือนก่อน +1

    Most amazing content on Javascript. This videos was superb about how event loop works. Hats off to you @Akshay Saini Sir! I can bet no one is there on any platform with a sound knowledge and strong core concepts of JS like you have .

  • @vietnamnguyen501
    @vietnamnguyen501 8 หลายเดือนก่อน

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

  • @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

  • @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.

  • @amineguizani4983
    @amineguizani4983 ปีที่แล้ว +3

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

  • @kamrulislam3841
    @kamrulislam3841 11 หลายเดือนก่อน +3

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

  • @balajiravi9259
    @balajiravi9259 3 ปีที่แล้ว +9

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

  • @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! 😇

  • @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.

  • @tanjimulislamsabbir2264
    @tanjimulislamsabbir2264 7 หลายเดือนก่อน +1

    41.44 minutes was an epic. I have got all of my inquiries about asynchronous on this video. But I wanna know more. It made me hungry to know more about Browser and JS code execution. Thank you! ❤

  • @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

  • @AjayPatel-wk2pb
    @AjayPatel-wk2pb 2 ปีที่แล้ว +7

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

  • @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 👌👌.

  • @user-fx6ff9co7i
    @user-fx6ff9co7i 7 หลายเดือนก่อน

    After watching a lot of the content in that topic I can say this one was the best IMHO! You have answered all my questions :) Thanks so much!

  • @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 :)

  • @manishbhagat7944
    @manishbhagat7944 3 ปีที่แล้ว +94

    Interviewer : What is web APIs ?
    Me : Superpowers
    Interviewer: What ? I think you were watching marvel movies just before the interview, is it ?
    Me : No, I was watching Akshay Saini on youtube.
    You are great bro...!!!
    Industry needs more teachers like you. Please keep up teaching us.

    • @kaizen6163
      @kaizen6163 2 ปีที่แล้ว +3

      Interviewer : What is web APIs ?
      Me : *Web APIs connect JS Engine to the Superpowers of Browser.

    • @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

    • @nehabakshi5353
      @nehabakshi5353 ปีที่แล้ว

      @@harshneetsingh5267 JS is very vast in itself 🤣 I have 5+ yrs of exp, still running for JS concepts. Good things take time my friend 😊 Just Keep watching Akshay Sir's videos from the beginning but don't stop exploring JS on your own. Thanks!

  • @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.

  • @a_bordun
    @a_bordun 11 หลายเดือนก่อน

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

  • @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. ! 😇

  • @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.

  • @ananttiwari1336
    @ananttiwari1336 ปีที่แล้ว

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

  • @pankaj8876
    @pankaj8876 8 หลายเดือนก่อน

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

  • @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 !!

  • @Spyrie
    @Spyrie ปีที่แล้ว +5

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

  • @DharmendraKumar-zy5mz
    @DharmendraKumar-zy5mz 10 หลายเดือนก่อน +1

    This course give me more energy when I started. because the way you teach is loved it. i can't say thankyou I say Dhanyawad namaste javascript

  • @ujjwalvinze4059
    @ujjwalvinze4059 10 หลายเดือนก่อน +1

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

  • @dhanubhardwaj6935
    @dhanubhardwaj6935 2 ปีที่แล้ว +3

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

  • @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 🙏🏻.

  • @prasadbagade5541
    @prasadbagade5541 4 หลายเดือนก่อน

    Lucky to have you as Teacher.!!! As usual another great video. Thanks for clearing this imp concept.

  • @rksabarish6952
    @rksabarish6952 ปีที่แล้ว

    So much of contents from you sir. its actually mind blowing. I m following your videos since few days. Hats off to your efforts taken

  • @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

  • @carolinemariga8079
    @carolinemariga8079 2 ปีที่แล้ว +16

    You make everything sound so simple. This is the best playlist I've encountered. I am really enjoying namaste JavaScript. Great work Akshay 👍

    • @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

    • @codeRajeshPal
      @codeRajeshPal 2 ปีที่แล้ว

      @@harshneetsingh5267 This namaste js playlist is enough but i would suggest if your goal is web dev first understand what you want to become be it MERN developer or simple react frontend developer based on that learn the subsequent technologies and create projects while acquiring the knowledge.

    • @harshneetsingh5267
      @harshneetsingh5267 2 ปีที่แล้ว

      @@codeRajeshPal I want to be full stack so . I’m going for front end first

    • @VKY-XLR8
      @VKY-XLR8 ปีที่แล้ว

      @@codeRajeshPal do u know any channels similar to this in explanation for React js..?

  • @ramrams1136
    @ramrams1136 ปีที่แล้ว +1

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

  • @subhankarsahoo963
    @subhankarsahoo963 ปีที่แล้ว +1

    Best video ever on js for conceptual clarity. Thank you Akshay hands off bro.

  • @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.

  • @robinsinghmahrok4437
    @robinsinghmahrok4437 2 ปีที่แล้ว +4

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

  • @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

  • @mahalakshmimukri9975
    @mahalakshmimukri9975 5 หลายเดือนก่อน +1

    After Watching this video I got super power about asynchronous js event loop. This happend only for your quantity videos.Thank u so much sir❤

  • @PawanKumar-ou1bw
    @PawanKumar-ou1bw ปีที่แล้ว +3

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

  • @giannizamora7247
    @giannizamora7247 2 ปีที่แล้ว +49

    This entire series is a must watch for any JS developer!

  • @buriza2401
    @buriza2401 11 หลายเดือนก่อน +1

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

  • @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.

  • @harshinredzone
    @harshinredzone 2 ปีที่แล้ว +4

    No wonder why I agreed to my strong urge of disabling the ad block for your channel. Such an amazing content and that too for free seemed like far fetched dream. 😍

  • @sanjaygarg3540
    @sanjaygarg3540 3 ปีที่แล้ว +2

    Browser is the most remarkable creation of mankind !!. Loved it.. Every concept is well explained. I have been watching your videos for quite some time now and they are all amazing. Keep up the awesome work bud!

    • @akshaymarch7
      @akshaymarch7  3 ปีที่แล้ว +2

      Haha yes, Browser is one of the most remarkable creations in the history of mankind. 🔥

  • @manipriyagopal2336
    @manipriyagopal2336 ปีที่แล้ว

    The explanation was upto the point and more more clear. You have done the amazing job. You have made it very easy for us to understand this topic more clearly.

  • @chetansahu1505
    @chetansahu1505 4 หลายเดือนก่อน

    The explanation was mindblowing. You deserve a standing ovation. Quality content.

  • @kuldipwaghmare7571
    @kuldipwaghmare7571 3 ปีที่แล้ว +10

    OMG!!! My interview is scheduled at 1PM today and I was dying for your next video....Big Thank You!!!!

    • @akshaymarch7
      @akshaymarch7  3 ปีที่แล้ว +6

      All the best brother, aag laga dena 🔥

    • @kuldipwaghmare7571
      @kuldipwaghmare7571 3 ปีที่แล้ว +1

      @@akshaymarch7 definitely Guruji !!

    • @nileshveer9590
      @nileshveer9590 3 ปีที่แล้ว +1

      How was your interview? Share your interview experience.

    • @anapartybharath33
      @anapartybharath33 3 ปีที่แล้ว

      @@vipingautam1400 Bro can you please share React Questions they asked. Thanks in Advance

    • @rv_1989
      @rv_1989 3 ปีที่แล้ว

      @@akshaymarch7 After watching your videos we feel more confident Aag 🔥🔥🔥🔥to lagana hi hai...