JavaScript Event Loop -- Visualized!

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 พ.ย. 2024

ความคิดเห็น • 266

  • @ColorCode-io
    @ColorCode-io  3 หลายเดือนก่อน +27

    Episode 18: Event Loop 🎩🎥💛➰🎉

  • @Sohailkhan2001
    @Sohailkhan2001 14 วันที่ผ่านมา +6

    Out of the sea of thousands of js youtube channels, you channel will be the first one I'll recommend when some beginners asks for recommendations.....

    • @ColorCode-io
      @ColorCode-io  11 วันที่ผ่านมา +1

      Thank you!

    • @thecuriosity8774
      @thecuriosity8774 5 วันที่ผ่านมา +1

      ​@@ColorCode-ioepisode:19?

  • @anshvj
    @anshvj 3 หลายเดือนก่อน +24

    lowkey might be the best channel for every js developer

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

    The only video on the JS event loop that the internet needs!

    • @ColorCode-io
      @ColorCode-io  หลายเดือนก่อน

      There are other good ones out there but thank you!

  • @hasithapriyasad
    @hasithapriyasad 3 หลายเดือนก่อน +17

    I already know this concept, but your way of teaching is top notch. well-done man

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

    Seriously, now I understand event loop.
    Your explanation + animation = amazing😍

  • @JeezySlots
    @JeezySlots 3 หลายเดือนก่อน +9

    coming here after watching legendary "Wth is event loop?" video...I must say, that legendary video laid the foundation and you built the building on top. Top notch, thank you.

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน +2

      Awesome to hear. And yes that video is pretty legendary!

  • @JCAsdfghjkl
    @JCAsdfghjkl 6 วันที่ผ่านมา +1

    i do not care if there are many ads in this video, this is top tier tutorial

  • @khanhdo4545
    @khanhdo4545 7 วันที่ผ่านมา +1

    Your explanation of the JavaScript Event Loop is incredibly clear and easy to understand! I've watched so many tutorials, but yours finally made it click for me. Thank you for breaking it down so well!

    • @ColorCode-io
      @ColorCode-io  3 วันที่ผ่านมา

      Glad it helped!

  • @umarkhankhodjaev
    @umarkhankhodjaev 3 วันที่ผ่านมา

    The best teacher I've ever seen. Thanks for the lesson.

  • @khedr433
    @khedr433 3 หลายเดือนก่อน +13

    You deserve more views, this is such an underrated channel!

  • @sabukuna
    @sabukuna 3 หลายเดือนก่อน +15

    siiinnaaaaaa!!! a video about deep copy and shallow copy would be noice.

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

    Great Video, need an entire in-depth javascript playlist with this great level of teaching

  • @MohammedBouhaouche
    @MohammedBouhaouche 2 หลายเดือนก่อน +2

    This is pure GOLD you rock, man ! how come I just stumbled on this channel, the content you have is crazy, please keep going 🙏🙏

  • @Salaralali
    @Salaralali 3 หลายเดือนก่อน +8

    one of the best (if not the best) Videos on TH-cam for the JS community. Masterpiece! 👏

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน

      Appreciate it!!

  • @apoleyta9760
    @apoleyta9760 25 วันที่ผ่านมา +1

    It's by far the best explanation related to this topic in youtube. I'm glad ı found this channel

    • @ColorCode-io
      @ColorCode-io  3 วันที่ผ่านมา

      Happy to hear that!

  • @gamingcurse5217
    @gamingcurse5217 3 หลายเดือนก่อน +6

    You are the role model, I will never thank you enough for the effort you do my 100 hats off for you sir

  • @ivlis.w8630
    @ivlis.w8630 หลายเดือนก่อน +1

    Missed your videos, might have to rewatch them all again to get up to date again 😅

  • @mirjalol49
    @mirjalol49 3 หลายเดือนก่อน +2

    you and Lydia Hallie are doin best thing in the world

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน +2

      Lydia is great

  • @jbond008
    @jbond008 8 วันที่ผ่านมา +1

    Quality of content and production is top notch

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

    much love from Tanzania actually i cant lie am new to coding but at the beginning of the video i did not understand until i arranged 5 minute break on the video actually you are amazing also i welcome you all to enjoy nature like lion and other wild animal from TANZANIA am a tour operator as well the code leaner

  • @abdallahazme4757
    @abdallahazme4757 3 หลายเดือนก่อน +4

    Producing this level of quality is no easy task. It requires numerous other APIs and event queues to add tasks and manage the loop through the tasks after the call stacks and timing are right.
    Thanks a lot man. And I suggest to change this playlist to 50 things you didnt know about javascript 😂😂😂😂

  • @ptk2k
    @ptk2k 28 วันที่ผ่านมา +1

    I just want to express my utmost respect to you, Sina! 🙌 I've watched all the videos in this series over the last couple of days, and man, this is by far the best content I’ve ever come across for explaining JavaScript concepts so clearly. I’ve had trouble understanding JS before, but after going through your videos, everything finally clicked! You’ve made it so much clearer for me. Keep up the amazing work, Great Wizard Sina - I salute you! 🧙‍♂✨

  • @lavendercode
    @lavendercode 9 วันที่ผ่านมา +1

    Wow!!! The way you explain coding concepts is amazing. You know how to teach! 😃

  • @Євген-д7д
    @Євген-д7д 3 หลายเดือนก่อน +4

    This channel is a hidden gem! I've heard a bit about event loop before, but the animation (and gags) made it look so simple. I'm definitely checking out other videos about JS

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน

      Glad you enjoy it!

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

    Thank you SIr, this video is very helpful for me to crack my first ever interview ❤

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

    This is my favorite explanation so far!

    • @ColorCode-io
      @ColorCode-io  27 วันที่ผ่านมา

      Glad to hear it!

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

    Probably the best explanation of the topics on TH-cam. Excellent job. This video is way underrated.

  • @Neth-g9v
    @Neth-g9v 3 หลายเดือนก่อน +2

    When the world needed him the most, he returned!!!

  • @sanmarchen
    @sanmarchen 27 วันที่ผ่านมา +2

    Какого хрена здесь так мало просмотров? Это же изумительно прекрасное визуальное объяснение!

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

    Excellent video about this key JS mechanism used by all the modern frameworks to perform the DOM update. One more reason why it’s important to know about it

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

    You're truly the best... Say no more! Takes Sensei

  • @KARTHIKEYANR-b1n
    @KARTHIKEYANR-b1n 3 หลายเดือนก่อน +2

    🔥🔥One of the videos that makes me more interested about js.✨Amazing explanation and we see the animations and work that you have put to make this video.Thank you 👍

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

    can't wait to watch this! Glad you are back! Thank you!

  • @Default_-ij5oc
    @Default_-ij5oc 2 หลายเดือนก่อน +1

    you are a live saver my guy please never give up on the channel

  • @tuannguyenanh7466
    @tuannguyenanh7466 22 วันที่ผ่านมา

    What a beautiful explanation video I have ever watched. Nice voice, the pace is slow enough to follow, and the visualization is so clear. Thank you so much.

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

    I love how you explained the concept visually and your ideas on how to implement the concept.
    I've struggled with understanding asynchronous function.

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

      🙏🙏🙏

  • @VloggerFJC
    @VloggerFJC 3 หลายเดือนก่อน +2

    Thank you for this video. You are the first person who could explain this topic on a really easy to understand way.
    Thank you for your videos. They really helped me to understand JS better.

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

    19:37 Bro! 😂
    Today I solved an issue by using setTimeout of 0 and I didn't fully understand why it worked. Thank you for this! I'm subscribing

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

    Amazing..Please keep posting Videos..Thanks!

  • @sujitprasadkushwaha9031
    @sujitprasadkushwaha9031 14 วันที่ผ่านมา +1

    This is so brilliant idea to represent a coding thing. I like it.

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

    You did this complicated topic really well. Thank you!

  • @ayxanmamedzade8106
    @ayxanmamedzade8106 19 ชั่วโมงที่ผ่านมา

    I love your content and the uniqueness of your teaching method. I wish we could see episode 19 soon.

  • @BrackProgrammerNOLA
    @BrackProgrammerNOLA 3 หลายเดือนก่อน

    MISSED YOU BRO.....I've been developing via JS for about 17v months. I've come really far! You've been a big part of my developer education. APPRECIATE YOU!

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

    He’s back 🙌

  • @parsaaza767
    @parsaaza767 2 หลายเดือนก่อน

    If you're looking for a great explanation of how the event loop works, this video will definitely deepen your understanding! Thank you Sina.❤

  • @georgii_v
    @georgii_v 2 หลายเดือนก่อน +1

    OMG! Who are you? wizard? How do you do that? Unbelievable! This is the best EVER explanation on the Russian / English internet! Please DO NOT stop! Thanks! Thanks a lot! Can't even imagine how much time you spent on that video!

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

    you are the best teacher of javascript. plz make a video about advance javascript module.

  • @oleksandrfomin326
    @oleksandrfomin326 2 หลายเดือนก่อน

    Extremely talented teacher

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

    loved it man, youtube doesnt appreciate you enough, you are one of the best educators out there, dont forget me when you hit a milli

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน

      Haha thanks!

  • @thewebdev8928
    @thewebdev8928 3 หลายเดือนก่อน

    I love this series and your humor

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

    Can't thank you enough, Sina, for explaining such a complex and advance concept in a such clear and fun way 👏👏👏🎩🎩🎩🌹🌹🌹

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

      Thank you as always for your comments!

  • @bmehder
    @bmehder 3 หลายเดือนก่อน +2

    This is how a video is done people. Looking forward to FP stuff.

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน

      Thanks brother. As always!

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

    Discovered you a while ago. Back when I was learning JS fundamentals, and I can still learn a lot from you. Honestly, I would love to see a video that goes more in-depth of using devtools and debbuging the stuff, like you would do in real-life project. It's easy to understand it on simple examples but diving into new codebase that is maintained for a long time, it's a real challenge to understand what's happening.
    Cheers

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน

      So glad to hear!

  • @amirafshar9516
    @amirafshar9516 3 หลายเดือนก่อน +2

    Duuuude that was greaaaat, thanks for enlightening me :D ❤

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

    Thank you for video. Understood the concept.

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

    After a long time
    You are uploading video
    Waiting eagerly

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

    And finally the episode I waited too long to here from you

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

    Thank you sooooooo much for your super duper clearest explanation!!!

    • @ColorCode-io
      @ColorCode-io  27 วันที่ผ่านมา

      You're very welcome!

  • @marcosfabianchongmegchun7668
    @marcosfabianchongmegchun7668 2 หลายเดือนก่อน

    Listen, your video is one of the best (if not the best) I have watched about the event loop concept, thank you so much, You earn a new subscriber!

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

    Great delivery and tons of useful information. Thank you!

  • @conspirisi
    @conspirisi 20 วันที่ผ่านมา +1

    Well done, one of your better explanations.

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

    Thank you very much sir .

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

    welcome back. as always explanation is top notch

  • @alexandraweather4156
    @alexandraweather4156 24 วันที่ผ่านมา

    Fantastic video!
    Finnally got it and now I can check it all in the dev tools! You are mazing, thank you!

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

    I just discover this channel ,and it was excellent explanatory video of a miss understood concept , so thanks bro ,and it is please to see your face 😊

  • @jakobo5521
    @jakobo5521 3 หลายเดือนก่อน

    The way that you have explained this is just amazing. I was struggling for some time to understand this concept but now I get it. Many thanks for sharing such knowledge with us. Take care :)

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

    Bravo! This was my introduction to your channel and I thoroughly enjoyed it. I really appreciate your "Double Impact" intro! Your content is great and I'll be watching more for sure! Cheers...

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน

      Awesome! Welcome aboard

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

    I was waiting for this one, amazing

  • @cloudgreenhorn452
    @cloudgreenhorn452 3 หลายเดือนก่อน

    Color me impressed. Great delivery of this topic.

  • @tag243
    @tag243 27 วันที่ผ่านมา

    THIS IS BRILLIANT!

  • @juanjsepulveda
    @juanjsepulveda 18 วันที่ผ่านมา +1

    Very high quality content!

  • @kopilkaiser8991
    @kopilkaiser8991 24 วันที่ผ่านมา

    Hi! Your approach of teaching the logic is absolutely brilliant. I just love the approach you've taken and your editing is on the next level 😊 Carry on making such visually appealing video. Makes it much easier to understand as I'm a highly visual learner. 🤩 The best tutorial on learning JavaScript Event-Loop

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

    Thank you. I was waiting for this video because your way of teaching made evething clear ☝️😼👍.

  • @Mohamed-x3o
    @Mohamed-x3o 3 หลายเดือนก่อน

    TH-cam alg could do a much better job of pushing this channel. Top tier explanation as always.

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

    It's going to be the most watched Event Loop video. what an explanation, what an high quality content in all aspects + funny. what's better then that ?

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

    The best man very well explained.

  • @kamrulislam3841
    @kamrulislam3841 2 หลายเดือนก่อน

    Man your energy level 🔥
    It always goosebumps me whenever you hit the core point❤️

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

    Thank you for video 😃 !!!!!!!!!!!!! The explanations were clear and very understandable.😁😁

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน

      Glad it was helpful!

  • @junhuama68
    @junhuama68 3 หลายเดือนก่อน

    This is so much fun to watch!

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

    Sir , I literally watched over 10 videos and researched several docs , plz keep making videos like this , if possible , can you do full scale (HTML + CSS + JAVASCRIPT ) projects , you are excellent

  • @madhavanand756
    @madhavanand756 3 หลายเดือนก่อน +2

    Woohoo our JavaScript's John Sina is back 😉
    How about design pattern in JavaScript series ?

  • @__Gojo___
    @__Gojo___ 13 วันที่ผ่านมา

    Your content actually outstanding

  • @joeangello2016
    @joeangello2016 3 หลายเดือนก่อน +5

    Would it be better to watch this video before episode 11 of you video series, to be specific before the Asynchronous JavaScript, Promises, Async Await and Fetch videos?

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

      imo no, but the older vids are worth a rewatch once you've seen this if you didn't have the conceptual picture before

  • @giovannibertoncelli7355
    @giovannibertoncelli7355 21 วันที่ผ่านมา

    Incredible video! I only imagine the stress on the animations! An indepth analysis about why and when the event loop gets blocked may be very usefuln

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

    You are the best! Thank you!

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

      🙏♥️

  • @murshidahamed8317
    @murshidahamed8317 8 วันที่ผ่านมา +1

    Next level explanation ❤

  • @wiazowski1
    @wiazowski1 7 วันที่ผ่านมา +1

    That is a fantastic tutorial. Literally amazing. I hope you can make more tutorials about complex topics like that

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

    This is so entertaining. Thanks!!!!!

  • @ndilionel
    @ndilionel 2 หลายเดือนก่อน

    Clearly explained. Thanks

  • @thanos-b7j
    @thanos-b7j 2 หลายเดือนก่อน

    Please make a playlist for beginners javascript.... U are a great teacher and want to learn more.. From u Thanku for this playlist

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

    Well done RDJ

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

    Amazing playlist ❤

    • @ColorCode-io
      @ColorCode-io  3 หลายเดือนก่อน

      Thanks ✌️

  • @anilrpinto
    @anilrpinto 2 หลายเดือนก่อน

    I just watched the video, enjoy the light hearted approach at teaching core and complex concepts. I do have a question about the part at Micro task queue (20:30~), You said the Promise.. then() would get executed in the call stack first, but what if the fetch actually took 5 seconds but the setTimeout() took just 1 sec?

  • @mr.nobody4159
    @mr.nobody4159 3 หลายเดือนก่อน +2

    Been waiting

  • @yutubl
    @yutubl 3 หลายเดือนก่อน

    @callstack: I think it helps understanding, that "the callstack " is more likely a main callstack. In case of executing an async call to a timer() function with a delayed callback function, the original main callstack might be (copied/splitted), so that the timer() function after the timer counters run down still knows the context where to call back when running the callback function (so that the callback function has access to local variables).

  • @kunalsharma-kg6sk
    @kunalsharma-kg6sk 3 หลายเดือนก่อน

    I'm little bit confuse that did event loop also handle the sync code in stack or just check the stack and queue continuously to execute the async code ?
    our content is truly inspiring! The way you break things down is impressive-I'm learning so much. Keep it up!

  • @randymartin9040
    @randymartin9040 2 หลายเดือนก่อน

    Great explanation thank you!

  • @LouisOpoku-yu3vk
    @LouisOpoku-yu3vk 19 วันที่ผ่านมา +1

    That's a realy realy good explanation 👍

  • @mertefe4345
    @mertefe4345 25 วันที่ผ่านมา +1

    very good job mate, amazing! :)

    • @ColorCode-io
      @ColorCode-io  3 วันที่ผ่านมา

      Thank you! Cheers!