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

Sdílet
Vložit
  • čas přidán 12. 03. 2021
  • Этот ролик устарел, более новая и подробная версия тут - • 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
  • Věda a technologie

Komentáře • 346

  • @UlbiTV
    @UlbiTV  Před rokem +19

    Этот ролик устарел, более новая и подробная версия тут - czcams.com/video/zDlg64fsQow/video.html

    • @danisimo1826
      @danisimo1826 Před rokem

      не доступно

    • @LegoMasterteam
      @LegoMasterteam Před rokem +1

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

  • @pizdatobi8787
    @pizdatobi8787 Před 3 lety +567

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

    • @TheProfessionalGambler
      @TheProfessionalGambler Před 3 lety +105

      это ж JS)

    • @leonid2713
      @leonid2713 Před 3 lety +7

      Ахахах

    • @leonid2713
      @leonid2713 Před 3 lety +15

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

    • @user-pd9no5ye5g
      @user-pd9no5ye5g Před 3 lety +10

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +38

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

  • @HIghtowerSever
    @HIghtowerSever Před 3 lety +58

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +4

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

  • @2difficult2do
    @2difficult2do Před 2 lety

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

  • @user-mp4qg1jc2t
    @user-mp4qg1jc2t Před 3 lety +12

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +3

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

  • @AGM140580
    @AGM140580 Před 2 lety

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

  • @user-qi1vu7ts8x
    @user-qi1vu7ts8x Před 3 lety +6

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

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

  • @magomedmakhmudov2945
    @magomedmakhmudov2945 Před 3 lety +44

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +3

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

  • @Pan_Jan_Wroclawski
    @Pan_Jan_Wroclawski Před 3 lety +1

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

  • @user-rr2sd9lp6n
    @user-rr2sd9lp6n Před 3 lety +126

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +3

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

    • @noname-tm
      @noname-tm Před 2 lety +2

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

  • @fairy-tale-composer
    @fairy-tale-composer Před 3 lety

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

  • @user-kn3ut1sh2o
    @user-kn3ut1sh2o Před 2 lety

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

  • @dispeltr1183
    @dispeltr1183 Před 2 lety +2

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

  • @iNikelas
    @iNikelas Před 3 lety +1

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

  • @timprolubnikov
    @timprolubnikov Před 3 lety

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

  • @404piano
    @404piano Před 3 lety +41

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +2

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

  • @localixdots9698
    @localixdots9698 Před 2 lety

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

  • @michaelcooper7127
    @michaelcooper7127 Před 2 lety

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

  • @Evgeny..
    @Evgeny.. Před 2 lety +1

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

  • @user-yp2vh6jy7q
    @user-yp2vh6jy7q Před 2 lety +1

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

  • @Eva-jz4if
    @Eva-jz4if Před 2 lety

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

  • @dogober3861
    @dogober3861 Před 2 lety

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

  • @vladyslavfx3892
    @vladyslavfx3892 Před 3 lety +1

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

  • @user-ut3hn4ei7m
    @user-ut3hn4ei7m Před 3 lety +1

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

  • @user-mx6ts8xi4m
    @user-mx6ts8xi4m Před 3 lety +1

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

  • @yuryitikhonoff9631
    @yuryitikhonoff9631 Před 3 lety +1

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

  • @user-qi1vu7ts8x
    @user-qi1vu7ts8x Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

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

  • @user-ir1fj5jl4x
    @user-ir1fj5jl4x Před 2 lety +1

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

  • @alexander.gorobets
    @alexander.gorobets Před 2 lety

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

  • @romandeveloper7720
    @romandeveloper7720 Před rokem +5

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

  • @isaagverdiev1393
    @isaagverdiev1393 Před 3 lety +2

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

  • @gomer3894
    @gomer3894 Před 3 lety +1

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

  • @PetyL
    @PetyL Před 2 lety +1

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

  • @scottwalker6071
    @scottwalker6071 Před 3 lety +1

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

  • @user-hb4vd1ld4s
    @user-hb4vd1ld4s Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety

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

  • @user-vl9jm5sh6k
    @user-vl9jm5sh6k Před 3 lety +1

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

      Благодарю!

  • @sandrorekhviashvili6858
    @sandrorekhviashvili6858 Před 3 lety +1

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

  • @RinatYouldashbaev
    @RinatYouldashbaev Před 3 lety

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

  • @user-jf5ly9mg7h
    @user-jf5ly9mg7h Před rokem

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

  • @stacyahr8321
    @stacyahr8321 Před 2 lety

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

  • @user-ep1oz4wo1r
    @user-ep1oz4wo1r Před rokem

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

  • @sergsergey4251
    @sergsergey4251 Před 3 lety +1

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

  • @user-rp8oy2kf5d
    @user-rp8oy2kf5d Před 3 lety +3

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

      Спасибо!)

  • @user-ni8kp2wm9d
    @user-ni8kp2wm9d Před 2 lety

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

  • @ТимСлим
    @ТимСлим Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

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

  • @gregdabro5802
    @gregdabro5802 Před 2 lety

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

  • @programming5944
    @programming5944 Před 3 lety +79

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +4

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

    • @user-qq2jr1bh1p
      @user-qq2jr1bh1p Před 3 lety +1

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

    • @dimmjetoff9659
      @dimmjetoff9659 Před rokem

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

  • @maxet2374
    @maxet2374 Před 3 lety +3

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

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

  • @trololoomg3567
    @trololoomg3567 Před rokem

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

  • @vadimsokhatsky2748
    @vadimsokhatsky2748 Před rokem

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

  • @user-uq6co3qv2p
    @user-uq6co3qv2p Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

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

  • @Ariadne.sThread
    @Ariadne.sThread Před 2 lety +1

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

  • @user-si8tx5sk9s
    @user-si8tx5sk9s Před rokem

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

  • @mikhailstepanischev8316
    @mikhailstepanischev8316 Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

      Спасибо!)

  • @-Forever-Young-
    @-Forever-Young- Před 2 lety +1

    Топ канал. Надо продвигать

  • @falsetrue7910
    @falsetrue7910 Před 3 lety +11

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

    • @redhook777
      @redhook777 Před 3 lety +3

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

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

    • @dann1kid
      @dann1kid Před 3 lety +2

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

    • @victormog
      @victormog Před 3 lety +3

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

  • @friendlyguy7813
    @friendlyguy7813 Před 3 lety +3

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

      Спасибо)

  • @user-pd9no5ye5g
    @user-pd9no5ye5g Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

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

  • @ArtOfFun
    @ArtOfFun Před 3 lety +19

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

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

    • @ArtOfFun
      @ArtOfFun Před 3 lety +2

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

  • @user-ne5jo1fe8b
    @user-ne5jo1fe8b Před 2 lety

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

  • @konstantinv5512
    @konstantinv5512 Před 2 lety +1

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

  • @user-uy1gm4jw4y
    @user-uy1gm4jw4y Před 2 lety

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

  • @dmitriipe4kin838
    @dmitriipe4kin838 Před rokem

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

  • @oleg5588
    @oleg5588 Před rokem

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

  • @artemtreiko8436
    @artemtreiko8436 Před 2 lety +1

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

  • @_GyG_
    @_GyG_ Před 3 lety +1

    Как всегда, спасибо!

    • @UlbiTV
      @UlbiTV  Před 3 lety

      И тебе как всегда спасибо!)

  • @yevhentykhonov2805
    @yevhentykhonov2805 Před 2 lety +3

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

    • @stangrinn
      @stangrinn Před rokem

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

  • @ipa_stor
    @ipa_stor Před 3 lety +4

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +2

      Спасибо!)

  • @mrhollownet8663
    @mrhollownet8663 Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

      Спасибо!)

  • @Zhekster777
    @Zhekster777 Před 3 lety +2

    Топ, как и всегда

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

      Благодарю!)

  • @otepbergenovamadina6285

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

  • @vitaly-
    @vitaly- Před 3 lety +10

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +2

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

  • @user-zk3bc1lf8k
    @user-zk3bc1lf8k Před 3 lety +4

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +2

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

  • @suspiciouscandy1678
    @suspiciouscandy1678 Před rokem

    Шикарно!

  • @user-dl9xb1sj5r
    @user-dl9xb1sj5r Před 2 lety +1

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

  • @bigboy3085
    @bigboy3085 Před 2 lety +1

    лучшее объяснение во всем рунете)

  • @eleukhin
    @eleukhin Před rokem

    Огонь!)

  • @romahana6797
    @romahana6797 Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +2

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

  • @yevhenzahorniak868
    @yevhenzahorniak868 Před 2 lety

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

  • @4r1end95
    @4r1end95 Před 2 lety

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

  • @aleksandrzelenskiy4000
    @aleksandrzelenskiy4000 Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety

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

    • @aleksandrzelenskiy4000
      @aleksandrzelenskiy4000 Před 3 lety +1

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

    • @UlbiTV
      @UlbiTV  Před 3 lety

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

  • @shertskoff6852
    @shertskoff6852 Před 3 lety +2

    всё понятно, подписка!

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

      Спасибо!)

  • @shyma_grasious
    @shyma_grasious Před 3 lety +2

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

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

  • @Den4eg37
    @Den4eg37 Před 3 lety +6

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

  • @forellko8600
    @forellko8600 Před rokem

    Круто! :)

  • @jorgen5462
    @jorgen5462 Před 3 lety +26

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +2

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

    • @Proffett89
      @Proffett89 Před 3 lety +2

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

    • @Zyets
      @Zyets Před 3 lety +5

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

  • @hutoryanin
    @hutoryanin Před 3 lety +7

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +2

      Спасибо!)

  • @programmeruz9714
    @programmeruz9714 Před 2 lety

    ты четко объяснил что такое Event loop

  • @NurFlutterDev
    @NurFlutterDev Před 2 lety

    На собеседование спрашивают расскажи про eventloop а я вы про циклы спрашиваете 😂😭🤧
    Спасибо за ваш труд теперь буду знать 😁😁😁

  • @lamer492
    @lamer492 Před 3 lety +13

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

    • @UlbiTV
      @UlbiTV  Před 3 lety +2

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

    • @buries_r
      @buries_r Před 2 lety

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

  • @saskirakosyan5268
    @saskirakosyan5268 Před 3 lety +4

    Great explanation with animations.

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

      Благодарю!)

  • @programmeruz9714
    @programmeruz9714 Před 2 lety

    продожай в том же духе

  • @Boortwint
    @Boortwint Před 2 lety

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

  • @theabyssofmythink6522
    @theabyssofmythink6522 Před 3 lety +2

    Спасибо тебе, чувак

    • @UlbiTV
      @UlbiTV  Před 3 lety +1

      И тебе спасибо!)

  • @theoty-js
    @theoty-js Před 2 lety

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

  • @redhook777
    @redhook777 Před 3 lety +3

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

    • @UlbiTV
      @UlbiTV  Před 3 lety

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

  • @yakut54
    @yakut54 Před 2 lety

    Лайк!

  • @ruslanmoldabekov6248
    @ruslanmoldabekov6248 Před rokem

    супер. спасибо

  • @user-lz1wb8yr1q
    @user-lz1wb8yr1q Před 2 lety +1

    спасибо)

  • @My-ym9nl
    @My-ym9nl Před 2 lety +1

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