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

[@ITKAMASUTRA]

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

[@UlbiTV]

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

[@BestHitsVideo]

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

[@Quentinrei]

@@BestHitsVideo вроде нет

[@andreymonchencko3908]

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

[@reality-analyst]

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

[@Vedenser]

После этого видоса я как-будто закончил универ по направлению эвентлупер. Огромная благодарность. Ждем собес

[@АртурИсламов-ы1ю]

😁😁

[@kostyachernysh5030]

Я очень редко пишу коменты. Обычно только в случае если контент высокого качества. Здесь запредельный уровень. Мужик, ты бог. У меня было недопонимание работы event loop. Но теперь с таким крутым подробным объяснением все с первого раза запомнилось и пришло понимание. И это после просмотра только половины видео. Спасибо огромное!

[@andrewsam224]

Ulbi, Я тебя очень прошу не останавливайся и продолжай снимать новые видео. Ты очень сильно помогаешь людям, особенно в эти тяжёлые времена!!!! Спасибо тебе огромное и низкий поклон. "Ты в ответе за тех кого приручил"-Экзюпери. Не бросай нас!!!!!

[@Dan-p7f]

Я подобные знания черпал с кучи разных источников на английском языке, а тут бесплатно и все в одном видео. Красавчик ! :)

[@zmerz]

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

[@adelinaromanova8353]

+++

[@barbatage5078]

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

[@alexandrkruglyak]

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

[@VasyaFF]

Красавчик. Посадил жену, бабушку и дочь смотреть по 10 раз сразу с телевизора, телефонов и планшетов. Все с разных VPNов и IPшников.

[@ДухМолодости]

Редко пишу комментарии, но это тот случай когда автора действительно хочется поблагодарить за его труд. Видео информативное и, что самое главное, вся информация легко воспринимается и усваивается за счёт приятного визуального оформления. Спасибо за такую сильную работу!

[@MrKerwell]

Потрясающая лекция, спасибо! Было бы здорово когда-нибудь увидеть разбор всех дев-тулзов в браузере и их полезных фишках, о которых мало кто знает и мало кто пользуется. Было бы супер круто, потому что в интернете информация очень разрозненная и разобщенная

[@ВикторШитов-ф4о]

Ответ сами себе уже и написали, мало кто знает и мало кто пользуется, так происходит потому-что мало кому необходимо это. Очень малый круг людей будет заинтересован в таком материале, а труд на этот материал автор должен будет потратить не малый.

[@MrKerwell]

@@ВикторШитов-ф4о event loop, движки и рендер тоже достаточно нишевая тема, но контент по этим темам появился, и народ пошел смотреть. Я не сомневаюсь, что автор потратил много времени и сил на создание и этого ролика. К тому же, если малому количеству необходим материал, это не значит, что он никому не нужен. Умнее и компетентнее станем, зачем отказываться от знаний? Я просто предложил темы для дальнейших курсов, есть небольшой отклик в виде лайков, почему нет? Если автора заинтересует, он может сделать данный ролик на основании рекомендаций своей аудитории, если нет - значит нет.

[@xNomandx]

Лекция по дев-тулзам браузера и IDE от Яндекса: kzbin.info/www/bejne/Z3q4mJp7pZ6Mbc0&ab_channel=Young%26%26Yandex%3A%D1%84%D1%80%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D0%B4-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0

[@semmargl]

Це саме то що Я шукав, просто фантастична подача, чітко та по полочках. Дуже багато занотував та зрозумів. Дякую автору, це дійсно скарб - а не контент !!

[@cerdek9190]

Мужик ты лучший, этот ролик очень сильно помогает при подготовке к интервью, незаслуженно мало просмотров!

[@dmtrkskv]

Классное видео! Осталось непонятным, что будет, если в Nodejs Event Loop колбек1 из менее приоритетной фазы (например, "I/O колбеки") добавит в очередь колбек2 из более приоритетной фазы (например, "Таймерные колбеки"). Варианты: 1) Колбек1 сработает сразу после колбек2 (по аналогии с микрозадачей, порожденной макрозадачей). 2) Колбек1 будет ждать завершения всех фаз, пока снова не дойдет очередь до его фазы. Больше всего понравилось: - Этапы рендеринга DOM. Ранее видел их при записи Performance в Dev Tools, но не понимал, что именно они значат. - Возможность использовать самописные C++ модули в Nodejs. Думаю, это можно использовать для ускорения вычислений в узких местах и более гибкой работы с многопоточностью (по сравнению с Worker). - Факт того, что в Nodejs свой Event Loop, а не привычный браузерный.

[@dmtrkskv]

Поэксперементировал с фазами, использовал setImmediate и setTimeout в node v19.6.0. Вот какие результаты получил: 1) Если в глобальной области в любом порядке вызвать setImmediate и setTimeout, то первыми всегда выполнятся колбеки для setTimeout. Видимо это и есть сортировка на фазы. 2) Но если то же самое проделать не из глобальной области, а например, из другого setImmediate или из Promise.resolve().then(...), то сортировки не будет, колбеки будут вести себя как обычные макрозадачи в браузере. 3) Promise.resolve().then(...) выполняется сразу после породившего колбека, как и в случае микрозадачи в браузере. Поэтому напрашивается вывод, что в Nodejs все-таки есть привычные макро- и микрозадачи, просто с некоторыми нюансами (пункт 1). Таким образом, я сам ответил на свой вопрос: ни один из моих вариантов неверный. Судя по всему правильный ответ такой: Колбек1 просто встанет в очередь макрозадач и его фаза никак не повлияет на порядок выполнения.

[@flepjack]

В этом моменте, когда Тимур сказал, что почему то ВСЕ упускают промисы, и они на самом деле должны быть самыми первыми, возникло подозрение, что что-то тут не так, и скорей всего, Тимур не так понял место микро-макро задач в нодовском цикле событий.

[@flepjack]

Я про 1:10:07

[@dmtrkskv]

​@Aleksandr Kudrich Не сказать, что это очень интересно и полезно, скорее любопытно, поэтому лень глубоко копаться в литературе. Нашел видео, где наглядно показана работа Nodejs Event loop kzbin.info/www/bejne/bZeaaWqJqMyepKM Основные тезисы: - Пока не выполнятся все колбеки текущей фазы, не начнет выполняться следующая фаза. - Обработчики промисов выполняются между фазами. Таким образом, если "сделать setTimeout и setImmediate внутри Poll", то сначала выполнится колбек из setImmediate, т.к. фаза Check следует сразу за фазой Poll, а только затем колбек из setTimeout. К сожалению это не дает мне ответ, почему при запуске внутри setImmediate двух колбеков: setImmediate и setTimeout, эти вложенные колбеки выполнятся в порядке объявления, если их менять местами.

[@МаринаМаковецкая-х6ю]

БОЖЕ ТВОИ ВИДЕО ПРО АРХИТЕКТУРУ ЭТО ПРОСТО МЕЧТА. Вокруг много одного кода, а понимание не все могут дать, а ты это делаешь превосходно, лайк!

[@ronallik]

Это божественно. Настолько легко и просто объяснять не самую очевидную информацию - нужно уметь. Большое спасибо и успехов, и побольше полезных видео.

[@ОленаКуніцина]

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

[@ДмитрийСтавер-м3ч]

Очень полезный ролик получился, всегда возникали проблемы с event loop, я вроде понимал как это работает, но простыми словами обьяснить не мог. После ролика получилось составить краткое описание, спасибо большое, наконец то разобрался с макрозадачами и микро

[@ifreekazoid]

Самый наилучшее объяснения которые вообще можно найти в сети. Огромное спасибо за проделанную работу!!!!

[@bergghest]

Когда включал урок, не понимал на какое золото я напал. Гениальная подача, шикарная иллюстрация, абсолютная полнота картины. Подписка, жирный лайк, огромное спасибо!

[@Хамстер-е5д]

Тимур, отличное видео, единственно поправлю тебя, движок Webkit использовался в chrome до 2013 года, сейчас используется Blink насколько я знаю. 2:47

[@meekkzin]

Блин, тут ещё и про многопоточность в libuv! Господи, это лучшее видео! Ты просто супер!

[@Chinaskis]

только что отметил себе твое видео event loop который на 8 минут, повторить перед собесом и тут подарок))) спасибо! Научил меня реально быстрее, чем курсы в ЯП) без обид ЯП

[@НеизвестноНеЗнайКа]

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

[@elenavinokurova5578]

Лекция просто супер. Кстати, по поводу последнего примера, эта проблема называется "starvation in the macrotask queue" ("голодание очереди макротасок", когда промис порождает другой промис в цикле, не давая шанса на выполнение задачам из очереди макротасок). Думаю тоже плюсом будет упомянуть этот термин, если зайдет речь на собеседовании.

[@ЕгорРура]

С нодой чутка запутался, а вот с браузером - разобрался на все сто!!! Спасибо за ваш большой труд! Как здорово что в интернете встречаются люди подобно вам )

[@gusvs]

Тимур, очередной тебе поклон, за такую работу, сколько бы до этого не пытался понять про event loop, всегда оставались вопросы, здесь же, смотря это видео или например про архитектуру, понимаю что не возникает сложности в понимании материала, а начинаешь задумываться о сложности записи этого видео, это огромный труд, который включает сбор информации, подготовка анимаций, слайдов, озвучивания без запинок и оговорок, и т.д., а самое главное все это структурировать в 75 минут, это талант. Просто ТОП#1, спасибо.

[@НадеждаГринько-ю1ц]

Спасибо за видео, наконец-то стало прям понятно, что такое event loop, это действительно самое подробное видео

[@NeverGTI]

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

[@reginasap9104]

перешла на этот ролик по ссылке из видео "Что такое Event Loop в JavaScript? Event Loop Простыми словами" из видео на 5 мин сразу на часовую лекцию))) огромное спасибо за твою работу)))

[@АлексейНикифоров-р1ч]

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

[@romansamon9215]

Достаточно давно подписан на тебя, вижу название ролика, лайк не глядя, очевидно, что без новых знаний после просмотра ты меня не отпустишь, huge respect

[@АндрейРосовский]

Ты даже не представляешь, насколько не глядя я поставил лайкос!=))))

[@orlovviacheslav2731]

Одно из самых понятных объяснений Event Loop!

[@uwu3798]

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

[@adelinaromanova8353]

Это точно! Бесплатно и всё понятно!

[@veanus-ci4tz]

Огромная благодарность вам, за этот труд и старания Не каждый опытный программист смог бы так четко сформулировать и преподнести материал, отличная работа!

[@ИгорьНово]

Крассавчик, приятно наблюдать когда человек на своём месте 🙏✊🙏✊

[@tomsoierace]

Посмотрел только 15 минут и уже понял больше чем за весь день читая "умные статьи" в которых воды больше чем в моей дипломной работе, хотя я хз как такое вообще может быть. Однозначно лайк и подписка)) Дополнено: посмотрел до конца, храни тебя господь Ульби Тимур))))

[@ЕвгенийКутовой-й6ы]

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

[@user-ym7ir4ut8c]

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

[@ИльяПономарев-г4у]

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

[@canismajoriskorotki3792]

это наверное лучшее, что есть на youtube про event loop. Спасибо огромное.

[@serdotsenko]

теже мысли 👏

[@LORDFFkz]

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

[@WashYourBack]

Потрясающе, увидел анонс этого ролика в одном из твоих собесов. Вспомнил про него, когда начал разбираться с промисом. Понял что с промисом не разобраться пока не разберешься с ивент лупом. Глядишь так до нижних уровней абстракций можно добраться. А собес в известную корпорацию с удовольствием посмотрим. Труд титанический, все наглядно!

[@Orlov_Developer]

Воу, думал что разбираюсь в теме. Выходит что нет, спасибо за такое подробное объяснение!

[@granmini]

Очень круто! Спасибо большое за ролик. Коммент, чтобы взлетело! Наконец-то кто-то толково и подробно объяснил paint отрисовку. Очень большое мерси за визуал, сразу доступнее становится.

[@UlbiTV]

🤝🙏

[@kobakamladze4175]

просто лучший канал. хотелось бы больше бэкенда.

[@alexsibrin715]

Дай бох тебе здоровья мужик!

[@МаксимПирожков-ы3т]

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

[@ProgrammerFlunt]

Редко пишу комменты, но йоу, очень крутой видос! Профессиональная подача информации, очень крутые анимации и визуал, короче видос высокого уровня.

[@textil2459]

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

[@smiletem]

Как же повезло, что через поиск наткнулся на этот ролик. Наконец смог понять работу Event Loop, Call Stack и рендеринга. СПАСИБО!

[@barbatage5078]

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

[@bulatkhisamov8933]

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

[@Datomezz]

Ты легенда ! Ахуйтелный контент.

[@ДмитрийКузьмин-ш2с]

СПАСИБО большое! Сперва лайкос и комент для продвижения видоса, потом посмотрю)

[@night4079]

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

[@KolomeetsAV]

Давно пишу на JS/TS и только сейчас узнаю такие тонкости. Очень полезно для кругозора и понимания. Но всё-таки код должен быть написан так, чтобы не зависеть от порядка выполнения тех или иных асинхронных действий, иначе багу потом практически невозможно будет найти. А вот стадии рендеринга понимать нужно, чтобы не вызывать reflow кучу раз. Спасибо за видео! За пример рекурсивного промиса отдельное спасибо!

[@serjkas]

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

[@ЕвгенийБлизнюк-ц7в]

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

[@Nikita-gn4bg]

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

[@Slavec5]

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

[@ext_0015]

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

[@grigoryveynin8553]

Пожалуй самое подробное объяснение EventLoop в браузере и в node.js, которое я видел. Спасибо большое!

[@НикНаме-г4ю]

Это самый лучший ролик, посвященный Event Loop из всех что я видел, подробнее просто нельзя уже сделать. Периодически пересматриваю и каждый раз в восторге. Автору огромный респект, всегда нравились его ролики за отсутствие воды, информативность и отдельное спасибо за то что не впаривает курсы как остальные спикеры.

[@Matoriya-e2b]

Сразу видно, что человек реально разибрается в теме и как её преподать правильными порциями, все оч круто, понимание начинает приходить) спасибо)

[@dontcode]

Ты прав, это самый подробный ролик по event loop, который только можно найти

[@meekkzin]

Красавчик! Встречал по-проще объяснения - тупо показывали как event-loop в коде реализован, но что бы так, визуально - просто шедевр, браво!

[@lazys7151]

Перед просмотром, пожалуй, оставлю лайкосик!

[@mikhail_dudek]

Супер! Спасибо, узнал много нового для себя. На данный момент этот канал для меня один из лучших по JS и некоторым общим вещам.

[@UlbiTV]

🤝👍

[@GlebKrylov]

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

[@maximk5620]

Чувааак, видос просто бомба! Лучи света и добра тебе со всех сторон ☀

[@alexanderalexander7722]

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

[@kselnaag2482]

На собесах часто спрашивают, посмотрел с удовольствием. Ждем новых собесов !

[@ЭзамАппаева]

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

[@pashadotcenko7391]

видео на час , а смотришь 3часа)) других блогеров смотришь со скоростью 1,25+ ,а тебя наоборот замедляешь ,что не предложение , то крайне полезная информация. спасибо большое за такое подробное погружение в технологию) ты лучший!!!!

[@anonymousNouname]

да хз, я его смотрю х1.5-х2

[@VadimGratsilev]

Очень насыщенное информацией видео, спасибо. Про Nodejs сложно было для понимания)

[@turin_nowadays]

Тимур, качество ролика - высочайшее. Просто, подробно, понятно, с прикладной пользой. Большое спасибо❤

[@Z7trick]

Проделана огромная работа! Однозначно лайк👍

[@ДмитрийПригульнов]

Видео огонь. Просмотрел на одном дыхании. Усвоил процентов 80 с ходу, остальное при пересмотре. Спасибо автору за труд

[@MrKOHKyPEHT]

а-ху-еть... Я думал что знаю ивент луп, а оказалось что нифига не знаю. Видео пушка. С такой подачей поймёт даже ребёнок

[@razvalnuy]

Боже я решил остановиться на 26 минуте, автор ты супер, я до этого читал статьи, думал тестил, ЗАЧЕМ Я ЭТО ДЕЛАЛ ЕСТЬ ЖЕ ТАКОЙ БОЖЕСТВЕННЫЙ УРОК

[@dabiggestfloppa3441]

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

[@NikitaKoval-d5i]

Не перестаю удивляться таланту Тимура объяснить любую концепцию доступным и понятным языком. Уважение этому джентльмену. Лекция очень крутая

[@tyumen777]

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

[@vtsel-lp4jv]

Графика, объяснения, понятность - всё на 100%, спасибо, это очень круто

[@sergeysamius1128]

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

[@zooyotz]

Я думал, что уже все об этом знаю по другим роликам на канале и статьям. Решил посмотреть для повторения и ради части про ноду, но все же смог почерпнуть что-то новое и про Event Loop) Спасибо)) Визуал приятный, наконец ты за него взялся, Тимур!))

[@demetrxx]

Аналогов нет, даже на английском ютубе. Спасибо тебе за труд, курс топ!

[@sergeibobrov9200]

Четко!!! Все по полочкам, прямо как надо. Вопрос с пораждением петли сложноват, но это наверное нужно посидеть и подумать уже самому.

[@ЕвгенийНагаев-п9ч]

Интересно послушать интервью во всем известную корпорацию))

[@sorrint]

часть материала по ноде из прошлых видео вошла сюда)) ролик замечательный, спасибо что даешь такую базу

[@m1arsen]

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

[@Fanta.Bamboocha]

Ещё не посмотрев, знаю, что будет круто Спасибо большое

[@ВладиславМарюхин-э4с]

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

[@ПавелСтародубцев-ц6ш]

Объяснил так объснил , супер подробно и по полочкам, я сам эту информацию по частясм собирал , а тут все в одном видео

[@vladimirignatov2305]

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

[@ильяберулава]

от визуала просто в восторге, растешь, братка

[@emirlannurlanuulu6790]

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

[@РусланИванов-и5х]

Это видео - просто невероятно крутое! Оно просто разъясняет работу event loop в JavaScript в браузере и Node.js таким образом, что у вас возникнет чувство, будто научились разбираться в этой теме за несколько минут!

[@caH40yc]

Это я вовремя зашел в ютуб ))

[@trenkenshu]

Такие ролики не стыдно поддержать комментарием - очень круто, все вопросы по теме раскрыты.❤‍🔥