Как работает Event Loop в JavaScript + примеры

Описание

Разберём теорию по работе JavaScript + рассмотрим множество примеров работы синхронного и асинхронного кода.
❤️ Мой telegram канал: https://t.me/webelart
❤️ Мой сайт: https://webelart.com/
❤️ Исходники из видео: https://www.patreon.com/posts/58097129
❤️ Ссылка на голосовалку по видео: https://forms.gle/ahhftfZQNN6QVEVc9

Список рекомендуемых видео:
? Учимся использовать стек и очередь в JavaScript — https://youtu.be/i5PfPoX88wI
? Рекурсия и стек в JavaScript на примерах — https://youtu.be/EzOb7CqYkfg
? Разбор Promise и создание собственной имплементации MyPromise — https://youtu.be/83vNg357dBM
? Пишем вместе throttle и debounce — https://youtu.be/7o5sRSBlKwo
? Филипп Робертс: Что за чертовщина такая event loop? — https://youtu.be/8aGhZQkoFbQ

Список рекомендуемых ссылок:
? Concurrency model and the event loop — https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop
? Что ты такое, Event Loop? Или как устроен цикл событий в браузере Chrome — https://habr.com/ru/post/461401/

00:00 введение.
00:52 теория работы Event Loop
04:49 запуск кода и стек вызовов
07:44 максимальный размер стека JS
09:34 блокировка выполнения кода
11:12 асинхронный код setTimeout
18:39 гарантия выполнения кода setTimeout
19:04 асинхронный код — Promise
24:00 асинхронные колбеки
24:45 колбеки на постоянные события
26:37 синхронные колбеки
27:49 циклы
28:12 циклы с асинхронным выполнением
30:37 рендер страницы

Рекомендую посмотреть ВСЕ ВИДЕО на моём канале! ?

Я рассматриваю различные темы веб-разработки. На текущий момент: профессиональный JavaScript, вёрстка, примеры на чистых технологиях (React, NodeJs, JS, CSS, HTML) и опыт в 10+ лет.