JavaScript Event Loop -- Visualized!

[@ColorCode-io]

Episode 18: Event Loop 🎩🎥💛➰🎉

[@anjalii1102]

Tony Stark teaching JS ❤

[@thecuriosity8774]

Yahoooooo!!!

[@thecuriosity8774]

Sinaaaaaaaa!!!!!

[@Sohailkhan2001]

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]

Thank you!

[@thecuriosity8774]

​@@ColorCode-ioepisode:19?

[@anshvj]

lowkey might be the best channel for every js developer

[@ColorCode-io]

♥

[@Bunnyfromhell92]

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

[@ColorCode-io]

There are other good ones out there but thank you!

[@JCAsdfghjkl]

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

[@ColorCode-io]

🙏

[@hasithapriyasad]

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

[@khedr433]

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

[@sabukuna]

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

[@JeezySlots]

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]

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

[@zunnoorainrafi5985]

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

[@khanhdo4545]

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]

Glad it helped!

[@umarkhankhodjaev]

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

[@sanmarchen]

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

[@Salaralali]

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

[@ColorCode-io]

Appreciate it!!

[@MohammedBouhaouche]

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

[@apoleyta9760]

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

[@ColorCode-io]

Happy to hear that!

[@gamingcurse5217]

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

[@abdallahazme4757]

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

[@Neth-g9v]

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

[@ColorCode-io]

✊♥

[@shashankphiske3678]

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

[@ptk2k]

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! 🧙‍♂✨

[@ColorCode-io]

Thank you!

[@Євген-д7д]

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]

Glad you enjoy it!

[@jbond008]

Quality of content and production is top notch

[@ColorCode-io]

Thank you

[@parsaaza767]

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

[@lavendercode]

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

[@ColorCode-io]

Thanks!

[@georgii_v]

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!

[@ColorCode-io]

Thanks!

[@BrackProgrammerNOLA]

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!

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

[@ivlis.w8630]

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

[@seephor]

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

[@ColorCode-io]

🙏

[@TheFuture36520]

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]

🙏🙏🙏

[@VloggerFJC]

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.

[@ColorCode-io]

Thank you!

[@dariaiankovskaia980]

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

[@harshp7328]

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

[@mirjalol49]

you and Lydia Hallie are doin best thing in the world

[@ColorCode-io]

Lydia is great

[@jsonslim]

This is my favorite explanation so far!

[@ColorCode-io]

Glad to hear it!

[@KARTHIKEYANR-b1n]

🔥🔥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 👍

[@ColorCode-io]

Thanks!

[@elyoaprogrammer]

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

[@ColorCode-io]

👌🏼

[@cheekypigg]

He’s back 🙌

[@Default_-ij5oc]

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

[@ColorCode-io]

🙏🏼

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

[@wisdompeters4521]

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

[@siya.abc123]

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

[@ColorCode-io]

Nice!

[@bmehder]

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

[@ColorCode-io]

Thanks brother. As always!

[@RaffayDoesTech]

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]

Haha thanks!

[@yaess7384]

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]

So glad to hear!

[@sujitprasadkushwaha9031]

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

[@ColorCode-io]

Thank you!

[@amirhosseinmajidy575]

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

[@ajiteshmishra0005]

After a long time You are uploading video Waiting eagerly

[@Pluvo2for1]

You did this complicated topic really well. Thank you!

[@ColorCode-io]

♥️

[@mahfoudh_arous]

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

[@ColorCode-io]

Thank you as always for your comments!

[@Mohamed-x3o]

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

[@jakobo5521]

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

[@mostafavii]

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

[@oleksandrfomin326]

Extremely talented teacher

[@ayxanmamedzade8106]

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

[@marcosfabianchongmegchun7668]

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!

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

[@TechGlamazon]

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 ?

[@ColorCode-io]

👊🙏

[@mdyousufgazi4030]

welcome back. as always explanation is top notch

[@ColorCode-io]

Thanks!

[@thewebdev8928]

I love this series and your humor

[@vaishnavipampatwar6569]

Amazing..Please keep posting Videos..Thanks!

[@madhavanand756]

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

[@leftinashes]

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]

Awesome! Welcome aboard

[@amirafshar9516]

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

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

[@tag243]

THIS IS BRILLIANT!

[@kamrulislam3841]

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

[@abahiduh3246]

WONDERFUL WONDERFUL WONDERFUL..... now I know. Pls consider... 1.Design patterns of the gang of four for JavaScript 2. Data structures and Algorithms the design pattern u did previously ( factory function $ constructor function was SUPER qoli😂

[@alanmurillo3966]

I was waiting for this one, amazing

[@chloenewman758]

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

[@ColorCode-io]

You're very welcome!

[@alexandraweather4156]

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

[@cloudgreenhorn452]

Color me impressed. Great delivery of this topic.

[@kunalsharma-kg6sk]

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!

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

[@ColorCode-io]

Thanks!

[@asanka.abewickrama]

Thank you for video. Understood the concept.

[@2difficult2do]

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

[@ColorCode-io]

👍🤘

[@mr.nobody4159]

Been waiting

[@yutubl]

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

[@karimbouche3563]

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 😊

[@ColorCode-io]

Awesome!

[@t1germetal]

Great delivery and tons of useful information. Thank you!

[@ColorCode-io]

🙏♥️

[@conspirisi]

Well done, one of your better explanations.

[@ColorCode-io]

Thank you

[@thanos-b7j]

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

[@juanjsepulveda]

Very high quality content!

[@ColorCode-io]

🙏

[@junhuama68]

This is so much fun to watch!

[@tahahusnain654]

The best man very well explained.

[@ColorCode-io]

👍

[@mucatcode3468]

Thank you very much sir .

[@barneylaurance1865]

In the examples where the engine is running a JS script that calls some functions, there should also be an entry in the stack to represent that script as a whole. It acts like another function. I think showing this would have been helpful especially in example 7 at 18:52 to show why the console.log(2) can't be added to the task call stack right away. The event loop only adds something to the stack if the stack is empty, and in this case it isn't really empty because the script is still running.

[@Jefy95]

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

[@ColorCode-io]

Glad it was helpful!

[@junhuama68]

hey Sina I know that you are probably busy. Just thought to let you know that when your react mastery course does come out, I will be waiting. Thank you again man. Can't wait to learn from you.

[@__Gojo___]

Your content actually outstanding

[@karthiknataraj317]

Well done RDJ

[@anilrpinto]

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?

[@murshidahamed8317]

Next level explanation ❤

[@ColorCode-io]

🤘🏼

[@joeangello2016]

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]

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

[@chamodtharakaperera]

You are the best! Thank you!

[@ColorCode-io]

🙏♥️

[@kazemqanati7120]

تاحالا کسی رو ندیدم بتونه اینقدر خوب آموزش بده

[@ColorCode-io]

🤘🏼

[@verdaderoken]

This is so entertaining. Thanks!!!!!

[@ColorCode-io]

♥️

[@ndilionel]

Clearly explained. Thanks

[@MohamedFouad-j5i]

Amazing playlist ❤

[@ColorCode-io]

Thanks ✌️