Event Loop от А до Я. Архитектура браузера и Node JS. Движки и рендер. Самое подробное видео
В этом ролике мы разберем архитектуру браузера и node js. Подробно изучим принцип работы Event loop, очереди Microtask и macrotask. Поговорим про стадии рендера, про шаблон reactor и демультиплексор событий. Про однопоточную и многопоточную модель.
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Плейлист с роликами по архитектуре - 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 ➝ Время ставить лайки и писать комментарии для поддержки и продвижения видео, всем спасибо!)
Поддержать меня и мой канал вы можете по ссылкам ниже.
Ссылка на мой телеграм канал - https://t.me/ulbi_tv
Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv
Qiwi кошелек - http://qiwi.com/n/BODYE821
Яндекс деньги - https://yoomoney.ru/to/4100116193037469
Видео Event Loop от А до Я. Архитектура браузера и Node JS. Движки и рендер. Самое подробное видео канала Ulbi TV
Мой курс "Продвинутый Frontend. В production на React" - https://ulbitv.ru/frontend
Плейлист с роликами по архитектуре - 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 ➝ Время ставить лайки и писать комментарии для поддержки и продвижения видео, всем спасибо!)
Поддержать меня и мой канал вы можете по ссылкам ниже.
Ссылка на мой телеграм канал - https://t.me/ulbi_tv
Patreon/boosty (доступ к бонусам) - https://boosty.to/ulbitv
Qiwi кошелек - http://qiwi.com/n/BODYE821
Яндекс деньги - https://yoomoney.ru/to/4100116193037469
Видео Event Loop от А до Я. Архитектура браузера и Node JS. Движки и рендер. Самое подробное видео канала Ulbi TV
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Bun sh - революция в JavaScript? Новый JS runtime. Замена Node js, webpack, jestТрешовые вакансии в IT. Анализ рынка. Работа за еду?Деплой Frontend приложения. Настройка nginx. Подключаем домен, настраиваем HTTPS, gzip, docker6 ЛЕТ в IT. Что я понял? 9 советов себе начинающему в программировании чтобы быстрее обучатьсяСлоистая архитектура. Луковая (onion) архитектура. Слои, изоляция, DI, solidПрохожу собеседование на FRONTEND Разработчика в Яндекс. Как решать задачи правильно?Продвинутый Frontend. В Production на React. Обновленный финальный курсРЕАЛЬНОЕ СОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА В КОРПОРАЦИЮ ЗП 5000$Почему ты НЕ НАЙДЕШЬ работу в IT? Что ты делаешь не так?Фишки TypeScript о которых ТЫ НЕ ЗНАЛ!Что с IT в 2023? Про работу можно забыть? Анализ IT рынкаZustand и React query. State management в React без болиАрхитектура современных FRONTEND приложений. 5 видов. Преимущества и недостаткиУлучшенный курс Продвинутый Frontend. В Production на React. 2 поток.НЕУДАЧНОЕ СОБЕСЕДОВАНИЕ на FRONTEND РАЗРАБОТЧИКА. Live codingАрхитектура современных WEB приложений. Эволюция от А до ЯСОБЕСЕДОВАНИЕ НА FRONTEND РАЗРАБОТЧИКА ЗП 250К. LIVE CODINGMVC, MVVM Архитектура. Наглядная теория и примерыАрхитектура ПО. ВведениеWeb app TELEGRAM Бот на node js и React. Интернет магазин и форма обратной связи в телеграмм боте