Что такое Event Loop в JavaScript? Event Loop Простыми словами

Подписаться 299 тыс.

Просмотров 152 тыс.

50% 1

Этот ролик устарел, более новая и подробная версия тут - • Event Loop от А до Я. ...
В этом ролике на наглядном примере я объясню что такое Event loop, для чего он нужен и как работает.
↓↓↓ПЛЭЙЛИСТЫ ↓↓↓
Собеседования -
• Собеседования
Полные практические курсы -
• Crash курсы
MobX & React -
• Mobx & React Полный ку...
Наглядная теория -
• Наглядная теория
Полный курс по Redux -
• Redux
Разработка fullstack MERN web приложения -
/ playlistlist=pl6dxkon1...
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

Наука

Опубликовано:

12 мар 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 352

@UlbiTV Год назад

Этот ролик устарел, более новая и подробная версия тут - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-zDlg64fsQow.html

@danisimo1826 Год назад

не доступно

@LegoMasterteam Год назад

слишком долго 1 час... лучше за 5 мин посмотрю)))

@pizdatobi8787 3 года назад

Всё видео сидел раздражённый из-за того что стрелка крутится не в своём направлении

@TheProfessionalGambler 3 года назад

это ж JS)

@leonid2713 3 года назад

Ахахах

@leonid2713 3 года назад

Твой никнейм, видимо, адресуется автору

@user-pd9no5ye5g 3 года назад

а еще и дергалась в какое то время и вращается вокруг смещенной оси)))

@UlbiTV 3 года назад

Монтажер из меня так себе))

@HIghtowerSever 3 года назад

Не поверишь, сегодняшний день решил посвятить Event Loop. С утра с десяток видосов посмотрел. Твоя демонстрация одна из лучших. Спасибо!

@UlbiTV 3 года назад

Рад, что полезно, спасибо!)

@user-rr2sd9lp6n 3 года назад

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

@UlbiTV 3 года назад

Спасибо, дружише)

@noname-tm 2 года назад

@@UlbiTVпочему каждое событие летит в Event loop? Event loop ждет очистки stack и только тогда берет callback из Очереди событий и помещает в Call stack.

@user-mp4qg1jc2t 3 года назад

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

@UlbiTV 3 года назад

Спасибо большое, не брошу, идем до победного))

@404piano 3 года назад

круто, хочется продолжения ролика про backend для начинающих

@UlbiTV 3 года назад

Будет, но скорее не как продолжение, а как усложнение)

@dispeltr1183 2 года назад

Все супер понятно спасибо большое! Хотелось бы увидеть подробное виде про эвент луп с микро и макро задачами.

@magomedmakhmudov2945 3 года назад

Один из лучших каналов по js который я нашёл. Спасибо за работу. Продолжай!

@UlbiTV 3 года назад

Как бальзам на душу) Спасибо!

@user-qi1vu7ts8x 3 года назад

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

@UlbiTV 3 года назад

Спасибо большое, очень рад слышать)

@2difficult2do 2 года назад

Очень круто, Тимур, у Вас талант объяснять просто и наглядно! Спасибо большое за визуализацию и то, что делитесь своими знаниями!

@user-mx6ts8xi4m 2 года назад

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

@timprolubnikov 2 года назад

Благодарю за такое подробное объяснение. Читал много статей, но так до конца не понимал, что такое очередь, что такое event loop, что такое веб апи. Теперь все встало на свои места!:)

@maxet2374 3 года назад

Чел спасибо. самое понятное и наглядное из того что я видел. если бы я не был жадным тупым мудаком - за такие труды надо было б поддержать автора финансово

@UlbiTV 3 года назад

Ахахах, главное чтоб полезно было, донаты уже дело второстепенное)

@ArtOfFun 3 года назад

Офигеть, только сегодня гуглил как он работает))

@UlbiTV 3 года назад

И как, разобрался?)

@ArtOfFun 3 года назад

@@UlbiTV после твое видео точно разобрался)

@programming5944 3 года назад

У тебя очень хорошо получается доносить информацию, мало кто может этим похвастаться

@UlbiTV 3 года назад

Спасибо!) рад слышать

@user-qq2jr1bh1p 3 года назад

Присоединяюсь.

@dimmjetoff9659 10 месяцев назад

У Минина понятней объяснение

@fairy-tale-composer 2 года назад

Как раз решила освежить в памяти event loop :) Очень доходчиво объясняете!

@Pan_Jan_Wroclawski 3 года назад

"Старался сделать объяснение максимально простым" - и у тебя это получилось! Спасибо!

@AGM140580 2 года назад

Спасибо огромное! Полезнее, чем твои обучающие видео, на RU-vid я ничего не встречал.

@iNikelas 3 года назад

Очень круто: чётко, без воды. Спасибо!

@user-kn3ut1sh2o 2 года назад

Тимур, спасибо! Отличное видео про Event Loop.

@romahana6797 3 года назад

Как бы и до этого видео понимал как работает event loop но за хороший материал можно поставить лайк и написать бесполезный комментарий для пользователей но полезный для автора.

@UlbiTV 3 года назад

Очень полезный!) Спасибо!

@Boortwint 2 года назад

В целом мне понравилось объяснение, но есть непонятные моменты. 5:15 Здесь сделан акцент на том, что благодаря зарегистрированному слушателю события event loop будет продолжать свою работу. На самом деле event loop работает всегда, даже без навешанных обработчиков события, ведь цикл отвечает не только за исполнение javascript кода, но и за перерисовку (layout, paint) вкладки браузера.

@localixdots9698 2 года назад

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

@friendlyguy7813 3 года назад

Прошу про callback отдельно сделать. Лайк оставил

@UlbiTV 3 года назад

Спасибо)

@user-ir1fj5jl4x 2 года назад

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

@romandeveloper7720 Год назад

Сними, пожалуйста, про микро и макро таски. У тебя получится лучше и понятнее всех, как всегда. Хотелось бы фундаментально в голове уложить эти темы, но нигде еще не нашел даже четких определений этих терминов.

@ipa_stor 3 года назад

О, видео для выходных, спасибо, буду знакомиться:))) пс: всем приятного просмотра

@UlbiTV 3 года назад

Спасибо!)

@PetyL 2 года назад

Спасибо автору за понятные объяснения сложных тем.

@gomer3894 3 года назад

Отличное объяснение! Спасибо за видео, очень помогло .

@falsetrue7910 3 года назад

Просто слов нет, очень круто, колокольчик только на тебя и еще на одного парня стоит, каждому видео радуюсь постоянно, спасибо!!!!!!!!!!!!!!!!

@redhook777 3 года назад

Что за парень, если не секрет?

@UlbiTV 3 года назад

Спасибо вам огромное)

@dann1kid 3 года назад

кроме колокольчика на него стоит?

@victormog 3 года назад

Второй - Минин? 😉

@alexander.gorobets 2 года назад

самое краткое и лучшее объяснение ивент лупа, про которое понятно технически

@aleksandrzelenskiy4000 3 года назад

Хорошее объяснение, но надо на паузу ставить, чтобы вникнуть однозначно

@UlbiTV 3 года назад

Да, согласен, пока монтировал - казалось что норм скорость, но по итогу получилось достаточно быстро

@aleksandrzelenskiy4000 3 года назад

@@UlbiTV Я не про скорость съёмки. Про время чтобы уложить это все в голове. А по качеству подачи материала все отлично! Рад что забрёл случайно на этот канал! Желаю процветания и побольше зрителей!

@UlbiTV 3 года назад

Спасибо вам!)

@user-uq6co3qv2p 3 года назад

Круто, хочеться видео про AWS + Express + Node

@UlbiTV 3 года назад

Спасибо, вероятно будет

@Eva-jz4if 2 года назад

Супер, спасибо за демонстрацию, вроде начало проясняться 😃💡

@michaelcooper7127 Год назад

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

@user-hb4vd1ld4s 3 года назад

Как всегда на высоте. В качестве пожелания ещё бы про контекст и прототипное наследование простым языком, а то я этим пользуюсь, но как то по наитию, не понимая всю суть.

@UlbiTV 3 года назад

Спасибо друг, учту!)

@dogober3861 Год назад

Ulbi как всегда топчик) Еще отдельно почитал про микро и макрозадачи

@isaagverdiev1393 3 года назад

Спасибо за видео, очень понятное объясняете!

@user-jf5ly9mg7h Год назад

Спасибо, не обратила внимание на стрелку так как очень понятно все объяснил

@Evgeny.. 2 года назад

я в шоке! как все понятно))) Спасибо тебе большое)) отличное видео)) Всех благ тебе))

@dmitriipe4kin838 Год назад

Я работаю как front-end разработчик уже пять лет, но это самое крутое и понятное объяснение по этой теме!!!!Спасибо большое!

@vladyslavfx3892 3 года назад

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

@My-ym9nl 2 года назад

тот случай, когда не зря за 10 минут до тех собеседования посмотрел ролик 😁

@user-pd9no5ye5g 3 года назад

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

@UlbiTV 3 года назад

Спасибо) Учту!)

@yevhentykhonov2805 2 года назад

Отличное видео! Еще бы хотелось очень, чтобы ты разобрал macro и microtask, и как их event loop обрабатывает, мне кажется это многим было бы очень полезно узнать, что Promise и setTimeout под капотом немного по разному обрабатываются

@stangrinn Год назад

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

@mikhailstepanischev8316 3 года назад

лучшее объяснение из всех что я видел,спасибо ! Event Loop.

@UlbiTV 3 года назад

Спасибо!)

@stacyahr8321 2 года назад

Боже спасибо большое!!! До этого видео вообще не могла понять как ивент луп работает!!Спасибо!!!!

@vitaly- 3 года назад

Отличное видео. Хотелось бы видео (какого нибудь там среднего уровня) по nest js + vue 3

@UlbiTV 3 года назад

По несту готовлю видео, не для всех будет, сложный материал

@user-rp8oy2kf5d 3 года назад

UBIL TV Самое топовое объяснение)

@UlbiTV 3 года назад

Спасибо!)

@jorgen5462 3 года назад

Ну, теперь ты просто обязан про всякие микро- макро- таски рассказать. 🤔😁

@UlbiTV 3 года назад

Про микро и макро таски прочитать 3 минуты, не знаю, что все так суету из за этого навели)

@Proffett89 3 года назад

@@UlbiTV на собесах спрашивают

@Zyets 2 года назад

@@UlbiTV наверное потому, что в жонглировании микро- и макро- тасками (а так же рендеринге) и их цикличном(Loop) выполнении и заключается работа EventLoop, а то, что на видео - объясняется работа по большей части CallStack. Содержимое не соответствует описанию.

@theoty-js-react 2 года назад

благодаря этому ролику я закрепил в голове эту картинку и теперь я меня есть чёткое понимание принципа формирования порядка очереди

@user-ut3hn4ei7m 3 года назад

Все очень наглядно и понятно, спасибо.

@user-zk3bc1lf8k 3 года назад

Вери крутооооо🤩, не перестаю вами удивляться!Сэнк ю✌🏻Чтоб лайки прибавлялись , а дизы никогда не появлялись!!!!!!!!

@UlbiTV 3 года назад

Спасибо вам за такое пожелание и за такие теплые слова!)

@barabas0077 3 года назад

Да...тяжело в деревне без нагана...

@user-ep1oz4wo1r Год назад

Все таки визуально проще воспринимать информация, автору спасибо!

@user-qi1vu7ts8x 3 года назад

Слушатели ещё не изучала, а с этого видео уже поняла что это. Шикарная подача, спасибо

@UlbiTV 3 года назад

Спасибо вам! Стараюсь!

@user-vl9jm5sh6k 3 года назад

Как всегда супер полезный контент. Спасибо!

@UlbiTV 3 года назад

Благодарю!

@travelhuevel 3 года назад

Я уже миллиард статей перечитал об этом. Надеюсь, видео поможет разобраться.

@seeyouagainpesh9819 3 года назад

У Владилена Минина глянь.

@travelhuevel 3 года назад

@@seeyouagainpesh9819 глянул, 6 минут он объясняет, что асинхронный код выполняется только после синхронного. По-моему, для этого достаточно 10 секунд.

@seeyouagainpesh9819 3 года назад

@@travelhuevel С 7:50 смотри

@travelhuevel 3 года назад

@@seeyouagainpesh9819 а, в итоге он переходит в сервис, создателя которого я уже смотрел с той же темой про event loop. Вряд ли что-то новое услышу там.

@seeyouagainpesh9819 3 года назад

@@travelhuevel Хз. Мне стало понятно как работает. Потом еще задачками на асинхронность закрепил и вообще гуд.

@redhook777 3 года назад

Ещё было бы неплохо если про промисы и микро/макротаски рассказал

@UlbiTV 3 года назад

Да, уже жалею, что не рассказал)

@travelhuevel 3 года назад

Нужно видео про микрозадачи и макрозадачи.

@apatecyprusestate 3 года назад

Согласен!

@user-yp2vh6jy7q 2 года назад

Молодец, подача на высшем уровне

@sandrorekhviashvili6858 3 года назад

Самое доступное объяснение из тех, что я видел.

@gregdabro5802 2 года назад

Круто! Спасибо, доходчиво объяснил.👍

@RinatYouldashbaev 2 года назад

Sorax, c возвращением!

@trololoomg3567 11 месяцев назад

Спасибо большое за такой полезный фри ролик, очень полезно

@lamer492 3 года назад

Еще не смотрел, но скорее всего очередной шедевр, просьба огромная, сделать видео по тематике Async/Await, как это все работает в JS, такие основы более сложных тем JS, может быть даже какой-то проект на ванильном JS сделаешь, и более сложные реализации backend части, и спасибо за такой контент!!!!

@UlbiTV 3 года назад

Спасибо огромное!) учту! Видео по продвинутому бекенду уже в разработке))

@buries_r 2 года назад

те же промисы, но удобнее )

@Tim-Slim 3 года назад

Это просто праздник какой-то! (с)

@UlbiTV 3 года назад

Спасибо, Теска!)

@sergsergey4251 3 года назад

Спасибо, успехов.

@user-si8tx5sk9s Год назад

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

@jamilibrahimli190 4 месяца назад

Вы вызвали someFunction() в не addEventListenet и еще в addEventListener("click",someFunction). Это для того чтобы показать что один сразу попадает в Стэк вызовов , а другой в web api , который только после клика попадает тоже в Стэк ?

@scottwalker6071 3 года назад

Спасибо, это было круто💪🙏

@shyma_grasious 3 года назад

Это лучшая работа в мире) я про канал)

@UlbiTV 3 года назад

Стараюсь для вас!) Рад, что нравится!

@Den4eg37 3 года назад

Крутое обьяснение

@UlbiTV 3 года назад

Спасибо)

@user-uy1gm4jw4y 2 года назад

Получилось прям мега легко и доступно. Рекспект

@kawaikaino5277 3 года назад

Очень сложное объяснение... Я знаю, что это такое - но пересматривая, понял что запутанно

@shyma_grasious 3 года назад

смотреть на скорости 0,75

@UlbiTV 3 года назад

Старался сделать понятно

@catsapp Год назад

Объясни а

@PerryCoxer 2 года назад

Мне кажется сам автор event loop не смог бы так доступно и, главное, наглядно объяснить.

@yudgine Год назад

А макро и микро задачи получается в очереди задач (Callback queue)?

@oleg5588 Год назад

Все понятно. Спасибо!

@user-dl9xb1sj5r 2 года назад

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

@disposables72 3 года назад

Хорошее объяснение, но деталей мало))) Если бы я так отвечал на аттестации(а я примерно так и отвечу), то принимающий экзамен остался бы неудовлетворён. Буду копать дальше))

@UlbiTV 3 года назад

Поэтому в названии «простыми словами»)) чтоб новичкам было понятно

@yuryitikhonoff9631 3 года назад

Контент просто огонь, так держать.

@Ariadne.sThread 2 года назад

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

@konstantinv5512 2 года назад

спасибо. Четко и наглядно.

@MrZamatay 3 года назад

По поводу однопоточного, вот два запроса на сервер к примеру или 10, они же будут выполняться в один период времени, значит не совсем уже однопоточная, мне вот этот вопрос не понятен. то что стек в одном потоке это да а вот все операции колбека крутятся получается в других потоках.

@user-ni8kp2wm9d Год назад

Благодарю за замечательное видео))

@user-ne5jo1fe8b 2 года назад

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

@vadimsokhatsky2748 Год назад

Кайф, как все доступно объяснил!

@frozeninside5004 3 года назад

Есть идея для нового видео, next + shopify)

@UlbiTV 3 года назад

Учту!)

@russian2475 3 года назад

Приятные видосы. Как идею для видео хочу закинуть граф ql. Спасибо!

@UlbiTV 3 года назад

Спасибо за идею!)

@marcelosoian Год назад

Просто нельзя! Нельзя пройти мимо не нажав лайк этому видео! Все очень просто и понятно. Спасибо!

@mrhollownet8663 3 года назад

Хорошее объяснение!

@UlbiTV 3 года назад

Спасибо!)

@sirarthur8883 3 года назад

Можно ли это использовать для автоматизации в современных сайтах?

@UlbiTV 3 года назад

Не совсем понял вопрос?

@catsapp Год назад

да

@DrGurgen 3 года назад

Хорошое объяснение а я думал почему js однопоточный но быстрый

@UlbiTV 3 года назад

Спасибо, Гурген)

@hutoryanin 3 года назад

Доступно, понянтно. Благодарю. *Л. а. й. к.*

@UlbiTV 3 года назад

Спасибо!)

@otepbergenovamadina6285 2 года назад

спасибо! просмотрела, все понятно

@user-hi4pp9pj8r 3 года назад

Отлично, первый просмотр видео меня волновало только: "да в какую же сторону двигается эта фигура: от меня или ко мне?!"

@victormog 3 года назад

Сложно оценить доходчивость, когда уже сам знаешь, но если не торопясь вдуматься в код, то по анимации должно быть всё ясно... со второго раза - точно!

@UlbiTV 3 года назад

Согласен!) Спасибо!

@yevhenzahorniak868 Год назад

даже на х2 всё чётко понятно, спасибо

@artemtreiko8436 2 года назад

Четкий видос! И пофиг на стрелку XD Спасибо

@user-bd8ph2nh5b 2 года назад

А где работает код который отсчитывает таймаут? Это ведь отдельный поток. Или js однопоточный только в том смысле что мы сами не можем создавать потоки, это за нас делает чье-то API