Event Loop от А до Я. Архитектура браузера и Node JS. Движки и рендер. Самое подробное видео

В этом ролике мы разберем архитектуру браузера и node js. Подробно изучим принцип работы Event loop, очереди Microtask и macrotask. Поговорим про стадии рендера, про шаблон reactor и демультиплексор событий. Про однопоточную и многопоточную модель.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Плейлист с роликами по архитектуре - • Архитектура ПО
Таймкоды:
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 ➝ Время ставить лайки и писать комментарии для поддержки и продвижения видео, всем спасибо!)
Поддержать меня и мой канал вы можете по ссылкам ниже.
Ссылка на мой телеграм канал - t.me/ulbi_tv
Patreon/boosty (доступ к бонусам) - boosty.to/ulbitv
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

[@ITKAMASUTRA]

Заморочился, как всегда и сделал пушечку, молодец 👏

[@UlbiTV]

Дима, спасибо!

[@BestHitsVideo]

@@UlbiTV привет, есть ли у тебя курсы по JS с нуля?

[@Quentinrei]

@@BestHitsVideo вроде нет

[@andreymonchencko3908]

Вы вдвоём весь снгшный ИТ ютьюб тащите😅

[@reality-analyst]

@@UlbiTV есть неточности. Например при переполнении стека вызовов крашится не приложение, а выполнение стека вызов. То есть к примеру интервалы продолжат работать, если речь о рантайме в веб браузере.

[@grigorhovhannisyan7164]

Ապրես սենց վիդեոներ արա մտնենք նայենք

[@xoxo2880808]

Это однозначно лайк, коммент и пересылка в рабочий чат :)

[@BillGadov]

🔥🔥🔥

[@user-kd4dv5ib3i]

СПАССИББОО!!!!!!!!!!

[@321123580]

Спасибо!

[@eunicsi]

Лучший

[@user-yr3ub5gp3t]

это мы смотрим!

[@user-ym7ir4ut8c]

Хоспади, ну как же прекрасно то, что ты делаешь! Спасибо тебе огромное за твою работу, не могла нигде на ютубе найти похожий подробный контент. Ты просто лучший!

[@vitaliiponomarov1271]

Да как жеж вовремя.

[@user-yc8fh8ri6w]

Коммент, лайк, респект

[@gleb6843]

Спасибо за труд, ждем новые лекции)

[@keyzog]

Отличная работа! Огромное спасибо за ваше время!

[@DaCentDD]

Огромное спасибо за проделанную работу!

[@user-xw3ld3rc7e]

Просто восхитительно! Спасибо тебе большое

[@dabiggestfloppa3441]

Как всегда уровень! Спасибо тебе огромное, мы это очень ценим!

[@denisbarishpoltsev5592]

Спасибо большое за ваш труд!

[@user-zm2vn6js1t]

Всё супер подробно! Спасибо за лекцию!

[@gringoireartman8242]

Огромное спасибо, Тимур!
Крутая лекция!

[@EvgeniyZhukov-lt8rq]

Тимур, благодарю за старания и прекрасную лекцию. Давно ждал 💥💯

[@shahimsafin9903]

Огромное спасибо автору за его труды!

[@daniilnem9145]

Очень интересно и доступно. Спасибо, Тимур !

[@zmerz]

Спасибо тебе, Тим!!!Топовый блогер, который не только понимает предмет, но и профессионально умеет его донести до людей!

[@adelinaromanova8353]

+++

[@barbatage5078]

Самый лучший!

[@alexandrkruglyak]

Действительно всегда есть чему поучиться, как в преподавании, так и в области.
П.С. Ребят, я микросервисы пишу на nodejs, кто в теме - заходите в гости!

[@Prosoimka]

Спасибо огромное за такую понятную и визуальную лекцию

[@FF-gq3hm]

Круто! Спасибо тебе за твой труд!

[@borwi4ok]

Спасибо за подробное объяснение

[@artemaleynikov3475]

Молодчина!

[@user-fg4zc1lf9d]

Великолепно! Огромное спасибо!

[@user-nb1is5wc4k]

Замечательная лекция, большое спасибо.

[@LuckyHome-cn3zj]

благодарю за подробное видео!

[@user-zs9qk8se9y]

Спасибо за материал и старания

[@tyumen777]

Спасибо большое за урок!

[@kulikoff86]

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

[@MrShevrin]

супер, спасибо за очень подробное обьяснение!

[@nikto1851]

Ну ваще! Огонь!
Спасибо, Тимур!

[@maximzvenigorodsky8563]

Отличная лекция, спасибо за урок

[@user-rs9qj7zj5g]

Спасибо огромное за видео!

[@Zer0IsNotJustNumber]

СУПЕР ПОДРОБНО!

[@m1arsen]

Коммент для продвижения видео 💪🏼

[@Sashaa]

1 час, спасибо улби

[@YarkiiYa]

Очень круто и масштабно! Спасибо большое)

[@user-gz1qc5tj9y]

ОГРОМНОЙ ТЕБЕ СПАСИБО! Невероятно просто и интересно!

[@emirlannurlanuulu6790]

Спасибо большое за вашу помощь, Тимур. Всё коротко, ясно, всё по полочкам. Спасибо за ваш труд 🙏🏽

[@vladimirignatov2305]

Спасибо! Самые лучшие лекции

[@eblavoltom]

Это просто потрясающе!

[@SuperViksa]

как же ты интересно и круто рассказываешь, спасибо

[@user-di6ed7rw3b]

Спасибо большое, очень классно и понятно)

[@i_ve_given_up]

Сюда нам надо.

[@Markuvines]

Огромное спасибо за материал. Потрясающая подача.

[@user-ob2vn9qe1v]

Очень познавательно и доступно. Спасибо

[@alexanderalexander7722]

Спасибо, Тимур! Как всегда все просто и понятно. Ждем новые ролики!

[@sergeysamius1128]

Потрясающе, спасибо

[@pavelkookla7664]

Шикарное видео! Спасибо!

[@sweeterEater]

Очень понятно и качественно сделано, спасибо!

[@duce201]

Супер тема!!! Обязательно посмотрю!!! Спасибо за труд!!!

[@Oleg_Artemov]

Самое подробное объяснение темы, которое я встречал!
Спасибо за твои труды 🙏

[@whiskas3985]

Спасибо за лекцию!

[@maximevtahov2360]

Спасибо большое, очень иформативно

[@user-he9og1fc6k]

Тимур, спасибо огромное! Лучшее видео!

[@NeverGTI]

Лайк авансом - вечером обязательно гляну ) Спасибо за труд.

[@user-qe9vt5tg6s]

Супер, спасибо!

[@MasterWeb3]

Очень круто! Подробно и понятно!

[@user-zk3bc1lf8k]

Наконец-то новый ролик! Как всегда на высоте , Тимур!

[@evilinarm]

Огромное спасибо!

[@yakut54]

Спасибо за науку! 🤝

[@user-sd1fl4bu2e]

спасибо, Тимур, отличная лекция!

[@Nikita-gn4bg]

Огромное спасибо за контентище !!!!!!

[@LORDFFkz]

Все еще смотрю, но уже хочу поблагодарить тебя за такой прелестную лекцию, ты самый лучший из всех кого я смотрю

[@chingiza6999]

супер приятно смотреть, всё подробно, детально, спасибо

[@user-en1gh2mb4e]

шикарно сделано. Спасибо

[@luckytima2315]

Вот это красиво, Тимур спасибо большое, тупо лучший !

[@m1arsen]

Спасибо за годный контент 🚀

[@Michael-ni7fi]

Спасибо тебе большое за такую великолепную работу!

[@user-qr6dh7qx8t]

Спасибо за лекцию

[@GlebKrylov]

Просто мысли мои читаешь, как раз сижу с этим разбираюсь и тут это видео. Спасибо!!!!

[@night4079]

уже досмотрел, в целом информативно)0))

[@vasilkamalov]

Простое человеческое спасибо ❤

[@user-hd7mi3tj5r]

Супер ролик! Очень полезно и понятно!

[@textil2459]

Как всегда вовремя!

[@v-logvinov]

топ!

[@rnddot6968]

Спасибо большое, очень познавательная лекция!

[@user-xc9iy7ny3u]

Благодарим, Тимур! Очень подробно и очень полезно!!! Удачи!!!

[@golden_crow7255]

Спасибо за потрясающую лекцию, пожалуйста продолжай и дальше создавать такой крутой и полезный контент!!!

[@romanmegagunko4650]

Спасибо! Самый подробный ролик из тех, что я видел.

[@user-si8tx5sk9s]

Большое спасибо за твою работу!Очень подробное и полезное видимо

[@Alexander-S.]

Спасибо тебе во все потоки!

[@user-qt3lg3st8f]

Спасибо брат. Лучший!

[@nepcz]

Отличный материал

[@bekzhanseitkali781]

Спасибо! Очень ценное видео 👍

[@user-uq9sd8qk8g]

Спасибо за контент.

[@user-kw5yy1gi7e]

Спасибо за очередную топовую лекцию!После объяснения попробовал решать задачи по event loop, все решены верно. В лекции всё разложено по полочкам, столько полезной и нужной информации в одном видео. Спасибо Тимур!!!

[@user-ou5ok8fs9c]

Отличная лекция, огромное спасибо, Тимур.

[@95Bard]

Как всегда содержательно и качественно!

[@user-du1px9rz3v]

Все очень круто, благодарю!

[@-Forever-Young-]

Ну что ж) глянем, что тут у нас)

[@barbatage5078]

Юлби, спасибо тебе, самый топовый контент у тебя!

[@Gellert94]

Очень качественно все сделано, спасибо!

[@jlewaajlekceu7865]

Спасибо за лекцию)

[@ext_0015]

Сразу в начале лайк и коммент . Спасибо большое за ролики !

[@serjkas]

Комент для продвижения, эта информация ооочень хороша, благодарочка!