Hey everyone!
My name is Albert, I am a software engineer and sometimes I help junior developers on their professional growth journey.
While the event loop concept might be challenging for learners and beginners, it’s one of the fundamentals in the frontend.
This topic was explained in several conferences and even there were some interactive playgrounds (Andrew Dillon’s simulator mostly inspired me).
However, my idea was to add more dynamics and cover all important sections: - web api;
<ul>
<li>request animation frame;</li>
<li>macro tasks;</li>
<li>micro tasks;</li>
<li>callstack;</li>
</ul>
I decided to have fun and created a small pet project. 
<a href="https://vault-developer.github.io/event-loop-explorer/" target="_blank" rel="noopener nofollow">https://vault-developer.github.io/event-loop-explorer/</a> 
It aims to visualize event loop steps in a browser environment. 
You can change the code in the editor or select one of the existing examples. 
I hope you could find it useful! Have fun!
<a href="https://vault-developer.github.io/event-loop-explorer/" target="_blank" rel="noopener nofollow"><img src="https://media.daily.dev/image/upload/s--jmQ7W6mr--/f_auto/v1727723842/ugc/content_62414fd4-ba82-4a35-bf7d-1fb9b939c326" alt="363400677-42addaff-b64b-4236-9284-36b3dfb0b262"></a>

Squad for those interested in learning JavaScript, and looking for interesting resources and materials.

Learn JavaScript

Albert, a software engineer, introduces a pet project called 'Event Loop Explorer' designed to help learners grasp the fundamentals of the JavaScript event loop. The tool visualizes various aspects of the event loop, including web APIs, request animation frames, macro and micro tasks, and the call stack. Users can modify code in the editor or choose from existing examples.

Javascript: Event loop visualizer for learners

Ok, that is an amazing resource and project! Nicely done!
What tech did you use?

Nice work, great way to show the loop in action.

It’s amazing to see things behind the scenes.

My man you are the G.O.A.T. This is one super confusing topic for just starting devs on JS. Well done 👏👏👏

This is amazing and it’s very helpful.