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 кошелек - Яндекс деньги -