Что такое Event Loop за 20 минут!

Всем привет ! В этом уроке мы познакомимся с Event Loop (событийный цикл или цикл событий). Разберемся с тем, что такое асинхронный и синхронный код.
Канал и чат в телеграме: t.me/first_fil...
#frontend #js #javascript #web #урокипрограммирования #первыйфайлкомом #function #основыпрограммирования #webdeveloper #eventloop #async #jsruntime

[@user-sv7nl7bz5h]

Минитаблицу бы по синхронным и асинхронным операциям. Добавить немного про слушатели событий, queueMicrotask, mutation Observer. Тема очень интересная, молодец, что взялся за нее.

[@first-file-comom]

Ну тоже да. Хотя на схеме плюс минус все объясняется. Все что браузерное апи в любом случае последнее выполняется

[@RamaRama-qv3jo]

Отличное и наглядное объяснение, спасибо!

[@Dendosha]

Порадовал пример в самом начале, который наглядно демонстрирует работу event loop)

[@first-file-comom]

Да пример неплохой. Хочется конечно пример более приближенный к реальности. Но в голову на тот момент ничего не пришло кроме этого)

[@nouchance]

spasibo

[@ninja095]

я двигаюсь медленно, но последовательно, и я дойду до конца))

[@s1de638]

Привет, как успехи?

[@za_rekoi]

А с темой то угадали!)

[@first-file-comom]

Ага)

[@2difficult2do]

Хороший наглядный видос полусился👍👍

[@pollux_youtubehd1558]

👏🏻👍🏻

[@maximhasp1]

Отличный урок!

[@first-file-comom]

Это не может не радовать)

[@romandeveloper7720]

приятно слушать

[@first-file-comom]

Рад стараться)

[@owenfrozen]

10:00 нажать можем, да не раз, и нагрузить стек циклом while))

[@first-file-comom]

Это зависит от того как настроить onclick. Если через обработчик событий то да. А если как в примере то нет

[@first-file-comom]

Тут же имеется ввиду что клик то кликается, однако действие не происходит сразу

[@vovasvidinsky1369]

Мне кажется что оранжевая картинка (3:32 про V8) слегка путает то как выглядит V8.
Насколько мне известно но я могу и ошибаться и буду рад если меня кто нибуть поправит, но Heap Memory, Call Stack, Event Loop & Timers не находятс в V8 а это компоненты которые предоставлены Runtime экосистемой (в данном примере Browser) и V8 взаимодействует с ними для той же работы с памятью, управлением вызовами функций и другим.
А в V8 главные компоненты являються Ignite и Turbofan которые в свою очередь ответственны за преобразование/парсинг кода в AST(Abstract Syntax Tree) , генерации байткода , генерации машинного кода(в случае оптимизации ), де-оптимизаци а также работой с памятью и т.д

[@first-file-comom]

Это мощна₽ где вы такую инфу берете?)

[@YellowPanamka]

а не подскажете где есть пример задач чтобы еще рендер был?

[@first-file-comom]

Не очень понял вопрос…рендер это задачи браузера. А задача браузера обновлять интерфейс если он изменился. Например стили изменились, DOM изменил свое состояние и т.д. мы что-то руками вставили в страницу или какой-то ховер эффект надо перерисовать

[@YellowPanamka]

@@first-file-comom аааа, спасибо)