JavaScript Event Loop -- Visualized!

Поделиться
HTML-код
  • Опубликовано: 22 дек 2024

Комментарии • 305

  • @ColorCode-io
    @ColorCode-io  4 месяца назад +33

    Episode 18: Event Loop 🎩🎥💛➰🎉

  • @anshvj
    @anshvj 4 месяца назад +27

    lowkey might be the best channel for every js developer

  • @Sohailkhan2001
    @Sohailkhan2001 Месяц назад +8

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

  • @Bunnyfromhell92
    @Bunnyfromhell92 2 месяца назад +6

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

    • @ColorCode-io
      @ColorCode-io  2 месяца назад

      There are other good ones out there but thank you!

  • @khedr433
    @khedr433 4 месяца назад +15

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

  • @hasithapriyasad
    @hasithapriyasad 4 месяца назад +17

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

  • @bomdiacolega3081
    @bomdiacolega3081 20 дней назад +1

    I rarely watch a video and after it, I stand up and clap my hands, but explaining all the ins and outs of JS execution behind the scenes like that, is impressive and deserves it. (specially the part where you try to "sync" your both selves in th video XD)
    I'm just pissed how this channel has not surpassed at least 100k subs!!!

    • @ColorCode-io
      @ColorCode-io  17 дней назад

      Hah thank you! Number of subs doesn't matter as much as 'stand up and clap'. I'm fulfilled :)

  • @JeezySlots
    @JeezySlots 4 месяца назад +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  4 месяца назад +2

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

  • @Salaralali
    @Salaralali 4 месяца назад +9

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

  • @sabukuna
    @sabukuna 4 месяца назад +15

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

  • @prince5922
    @prince5922 18 дней назад +1

    Color code is the only channel that, when the video finishes, I wish it was longer. Keep up the good work Sina!

  • @zunnoorainrafi5985
    @zunnoorainrafi5985 4 месяца назад +3

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

  • @kasperosterbye7883
    @kasperosterbye7883 5 дней назад +1

    You are the only one I have run into who actually explains things below standard syntax but goes one level deeper. That is the absolutly the best I have found!
    So I would like to add the little developing browser you are using to myself so I can try my redo what you do to develop variations.
    But I have not been able to find out what is the tool/browser/codetool using. And how you can make it so compact with nothing but what you are actually interesting in.

    • @ColorCode-io
      @ColorCode-io  4 дня назад +1

      Thanks so much. The tools is this: runjs.app/ColorCode

  • @JCAsdfghjkl
    @JCAsdfghjkl Месяц назад +1

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

  • @bilalbeny4172
    @bilalbeny4172 19 дней назад +1

    Thank you for these videos! You've made the concept of the event loop much easier to understand. I had been skipping this topic because I found it a bit challenging, but when I started backend development with Node.js, I realized that avoiding it would only complicate things. As the saying goes, 'What you skip today, you must face tomorrow.' Understanding the event loop is fundamental to mastering Node.js.

    • @ColorCode-io
      @ColorCode-io  17 дней назад +1

      I certainly skipped steps and had to come back to them too. Keep going!

  • @Neth-g9v
    @Neth-g9v 4 месяца назад +2

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

  • @gamingcurse5217
    @gamingcurse5217 4 месяца назад +6

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

  • @Євген-д7д
    @Євген-д7д 4 месяца назад +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

  • @apoleyta9760
    @apoleyta9760 Месяц назад +1

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

  • @lavendercode
    @lavendercode Месяц назад +1

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

  • @khanhdo4545
    @khanhdo4545 Месяц назад +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!

  • @shashankphiske3678
    @shashankphiske3678 4 месяца назад +1

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

  • @MohammedBouhaouche
    @MohammedBouhaouche 3 месяца назад +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 🙏🙏

  • @umarkhankhodjaev
    @umarkhankhodjaev Месяц назад

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

  • @abdallahazme4757
    @abdallahazme4757 4 месяца назад +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 2 месяца назад +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! 🧙‍♂✨

  • @sanmarchen
    @sanmarchen Месяц назад +2

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

  • @jbond008
    @jbond008 Месяц назад +1

    Quality of content and production is top notch

  • @VloggerFJC
    @VloggerFJC 4 месяца назад +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.

  • @seephor
    @seephor 4 месяца назад +1

    Probably the best explanation of the topics on RUclips. Excellent job. This video is way underrated.

  • @georgii_v
    @georgii_v 3 месяца назад +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!

  • @Default_-ij5oc
    @Default_-ij5oc 3 месяца назад +1

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

  • @dariaiankovskaia980
    @dariaiankovskaia980 4 месяца назад +1

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

  • @RaffayDoesTech
    @RaffayDoesTech 4 месяца назад +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

  • @KARTHIKEYANR-b1n
    @KARTHIKEYANR-b1n 4 месяца назад +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 👍

  • @TheFuture36520
    @TheFuture36520 4 месяца назад +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.

  • @tuannguyenanh7466
    @tuannguyenanh7466 Месяц назад

    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.

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

  • @BrackProgrammerNOLA
    @BrackProgrammerNOLA 4 месяца назад

    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!

  • @kopilkaiser8991
    @kopilkaiser8991 Месяц назад

    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

  • @wisdompeters4521
    @wisdompeters4521 2 месяца назад +1

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

  • @prince5922
    @prince5922 18 дней назад +1

    Sina you are awesome. I gotta say I love all your videos, but this by far is the most brilliant one! Complexity of the topic + animations + your particular style of teaching-much enjoyed it.

  • @jsonslim
    @jsonslim 2 месяца назад +1

    This is my favorite explanation so far!

  • @leftinashes
    @leftinashes 4 месяца назад +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...

  • @jt_javad
    @jt_javad 16 дней назад +1

    It was the best demonstration of this subject. Thank you.

  • @ivlis.w
    @ivlis.w 2 месяца назад +1

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

  • @SkenkVela
    @SkenkVela 26 дней назад +1

    This playlist helped me understand a lot so i can use node and react with ease, thanks a lot for your hard work

  • @ajiteshmishra0005
    @ajiteshmishra0005 4 месяца назад +3

    After a long time
    You are uploading video
    Waiting eagerly

  • @cheekypigg
    @cheekypigg 4 месяца назад +1

    He’s back 🙌

  • @sheikhakbar2067
    @sheikhakbar2067 23 дня назад +2

    Glad I stumbled on this channel!
    Cool and useful animations BTW.

  • @mdyousufgazi4030
    @mdyousufgazi4030 4 месяца назад +3

    welcome back. as always explanation is top notch

  • @marcosfabianchongmegchun7668
    @marcosfabianchongmegchun7668 3 месяца назад

    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!

  • @elyoaprogrammer
    @elyoaprogrammer 4 месяца назад +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

  • @jakobo5521
    @jakobo5521 4 месяца назад

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

  • @mahfoudh_arous
    @mahfoudh_arous 4 месяца назад +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  4 месяца назад +1

      Thank you as always for your comments!

  • @siya.abc123
    @siya.abc123 4 месяца назад +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

  • @TechGlamazon
    @TechGlamazon 4 месяца назад +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 ?

  • @Mohamed-x3o
    @Mohamed-x3o 4 месяца назад

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

  • @kick_off_banter
    @kick_off_banter 6 дней назад +1

    The effort that must have gone in this, thanks for explaining this in a wonderful way

  • @harshp7328
    @harshp7328 4 месяца назад +1

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

  • @amirhosseinmajidy575
    @amirhosseinmajidy575 2 месяца назад

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

  • @ayxanmamedzade8106
    @ayxanmamedzade8106 Месяц назад

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

  • @amirafshar9516
    @amirafshar9516 4 месяца назад +2

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

  • @sujitprasadkushwaha9031
    @sujitprasadkushwaha9031 Месяц назад +1

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

  • @bmehder
    @bmehder 4 месяца назад +2

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

  • @mostafavii
    @mostafavii 4 месяца назад +1

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

  • @Jc3H8w-ym8ib
    @Jc3H8w-ym8ib 22 дня назад +1

    Greatest explanation I've ever seen.

  • @alexandraweather4156
    @alexandraweather4156 Месяц назад

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

  • @GMR.44
    @GMR.44 13 дней назад +1

    Phenomenal presentation bro
    Great work !

  • @2difficult2do
    @2difficult2do 4 месяца назад +1

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

  • @alanmurillo3966
    @alanmurillo3966 4 месяца назад +1

    I was waiting for this one, amazing

  • @vaishnavipampatwar6569
    @vaishnavipampatwar6569 2 месяца назад +1

    Amazing..Please keep posting Videos..Thanks!

  • @cloudgreenhorn452
    @cloudgreenhorn452 4 месяца назад

    Color me impressed. Great delivery of this topic.

  • @giovannibertoncelli7355
    @giovannibertoncelli7355 Месяц назад

    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

  • @Pluvo2for1
    @Pluvo2for1 4 месяца назад +1

    You did this complicated topic really well. Thank you!

  • @parsaaza767
    @parsaaza767 3 месяца назад

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

  • @thewebdev8928
    @thewebdev8928 4 месяца назад

    I love this series and your humor

  • @kamrulislam3841
    @kamrulislam3841 3 месяца назад

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

  • @tag243
    @tag243 Месяц назад

    THIS IS BRILLIANT!

  • @mirjalol49
    @mirjalol49 4 месяца назад +2

    you and Lydia Hallie are doin best thing in the world

  • @juanjsepulveda
    @juanjsepulveda Месяц назад +1

    Very high quality content!

  • @karimbouche3563
    @karimbouche3563 4 месяца назад +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 😊

  • @t1germetal
    @t1germetal 4 месяца назад +1

    Great delivery and tons of useful information. Thank you!

  • @mr.nobody4159
    @mr.nobody4159 4 месяца назад +2

    Been waiting

  • @oleksandrfomin326
    @oleksandrfomin326 3 месяца назад

    Extremely talented teacher

  • @chloenewman758
    @chloenewman758 2 месяца назад +1

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

  • @junhuama68
    @junhuama68 4 месяца назад

    This is so much fun to watch!

  • @kunalsharma-kg6sk
    @kunalsharma-kg6sk 4 месяца назад

    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!

  • @abdelazizemad9708
    @abdelazizemad9708 2 месяца назад

    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

  • @wiazowski1
    @wiazowski1 Месяц назад +1

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

  • @tahahusnain654
    @tahahusnain654 4 месяца назад +1

    The best man very well explained.

  • @madhavanand756
    @madhavanand756 4 месяца назад +2

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

  • @ExpertzZ
    @ExpertzZ 4 месяца назад +1

    17:10 At this point, could it be that the WebApi still holds "Click" and only an instance of Click is moved to the Task Queue, because the User may press the button multiple times ?

  • @Jefy95
    @Jefy95 4 месяца назад +1

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

  • @joeangello2016
    @joeangello2016 4 месяца назад +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 4 месяца назад +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

  • @ManiSh-kx2le
    @ManiSh-kx2le 15 дней назад +1

    That intro 💣👏👏

  • @karthiknataraj317
    @karthiknataraj317 4 месяца назад +1

    Well done RDJ

  • @conspirisi
    @conspirisi Месяц назад +1

    Well done, one of your better explanations.

  • @anilrpinto
    @anilrpinto 3 месяца назад

    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?

  • @mertefe4345
    @mertefe4345 Месяц назад +1

    very good job mate, amazing! :)