Event Loop от А до Я. Архитектура браузера и Node JS. Движки и рендер. Самое подробное видео
В этом ролике мы разберем архитектуру браузера и node js. Подробно изучим принцип работы Event loop, очереди Microtask и macrotask. Поговорим про стадии рендера, про шаблон reactor и демультиплексор событий. Про однопоточную и многопоточную модель.
Мой курс “Продвинутый Frontend. В production на React“ -
Плейлист с роликами по архитектуре -
Таймкоды:
00:00 ➝ Введение
00:40 ➝ План урока
01:40 ➝ Архитектура браузера
08:30 ➝ Браузерный Event loop. Введение в концепцию однопоточного и многопоточного программирования. Асинхронная модель.
10:20 ➝ Call stack, стэк вызовов. Рекурсия. Переполнение стека.
13:30 ➝ Очередь задач. Асинхронный код.
15:25 ➝ Задачи JS движка (heap, call stack, выделение памяти и сбор мусора)
17:20 ➝ Web API. Таймауты и слушатели событий
20:10 ➝ Промисы и очереди микро и макро задач
26:00 ➝ Что порождает микротаски, а что макротаски?
27:50 ➝ Наглядный пример работы Event loop в коде
30:40 ➝ Что такое MutationObserver и как он работает?
34:10 ➝ Стадии рендера. DOM, CSSOM, Render tree, style calculation, layoyt, paint, composite.
45:40 ➝ Что такое Node js. Из чего состоит? Устройство Node js. Движок V8 и Libuv
51:40 ➝ Блокирующий и неблокирующий I/O (ввод и вывод)
541:40 ➝ НЕблокирующий и неблокирующий I/O
01:00:30 ➝ Планировщик потоков
01:02:30 ➝ Демультиплексор событий и шаблон Reactor
01:07:20 ➝ Event loop в node js. Фазы и очереди
01:11:00 ➝ Интересные примеры с event loop
01:13:45 ➝ Время ставить лайки и писать комментарии для поддержки и продвижения видео, всем спасибо!)
Поддержать меня и мой канал вы можете по ссылкам ниже.
Ссылка на мой телеграм канал -
Patreon/boosty (доступ к бонусам) -
Qiwi кошелек -
Яндекс деньги -
1 view
19
5
1 month ago 00:03:32 1
Rooler & Sickmode & Paul Elstak - TAKE ME AWAY (Official Video)
1 month ago 03:16:21 1
LIVE REPLAY: President Trump Visits the South Bronx in New York - 5/23/24
1 month ago 00:58:11 1
Next Fest Q&A May 2024
1 month ago 06:00:00 1
C++ Full Course for free ⚡️
1 month ago 00:00:00 5
LIVE: Jury Deliberations Underway in President Trump’s Trial - 5/29/24
1 month ago 00:01:01 1
Feathers Spread - 4K Organic MATTE TITLE Effect for Trailers #AAVFX
1 month ago 00:01:10 1
60fps HD 2D Graphics Overlay Bar Multiply Composite Transition Effects