В этом ролике мы разберем архитектуру браузера и node js. Подробно изучим принцип работы Event loop, очереди Microtask и macrotask. Поговорим про стадии рендера, про шаблон reactor и демультиплексор событий. Про однопоточную и многопоточную модель. Мой курс "Продвинутый Frontend. В production на React" -
Плейлист с роликами по архитектуре - https://youtube.com/playlist?list=PL6DxKON1uLOFP5_VPhy6BCE7DA0jdzWO5
Таймкоды: 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 кошелек -
Яндекс деньги -
