Уроки Javascript #2. Объект Event (Событие), Всплытие и Погружение (Фазы Жизненного Цикла События).

Поділитися
Вставка
  • Опубліковано 3 січ 2025

КОМЕНТАРІ • 141

  • @maximtantsura7249
    @maximtantsura7249 3 роки тому +60

    Давно я не встречал такого годного контента! Простым языком, структурировано и без воды 👍👍👍
    Еще и голос такой, как будто смотрю MTV)

    • @stackdev
      @stackdev  3 роки тому +1

      Спасибо за поддержку!

  • @DmitriyDev
    @DmitriyDev 3 роки тому +36

    этого урока мне не хватало, вы единственный кто данную тему затронул

    • @stackdev
      @stackdev  3 роки тому +2

      Спасибо!

    • @radist126
      @radist126 3 роки тому +2

      Так и есть. Афигенный урок

    • @stackdev
      @stackdev  3 роки тому +1

      @@radist126 Спасибо!

  • @ЮлияМихалева-э4м
    @ЮлияМихалева-э4м 3 роки тому +12

    Боже! Первый раз в жизни пишу комментарий на ютубе, но это видео реально объяснило то, что я долго не могла понять! Спасибо большое!

    • @stackdev
      @stackdev  3 роки тому

      Спасибо!

    • @novichok3417
      @novichok3417 Рік тому

      @@stackdevВас не задолбали спасибки. Невозможно задать вопрос, посмотреть какие вопросы у тех кто не просто посмотрел видео под пивко

  • @ВалентинаХлебникова-ч9ц

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

  • @niteilcaesgo2907
    @niteilcaesgo2907 2 роки тому +2

    Благодарю за такое хорошее объяснение! Читала-читала на разных сайтах, никак не могла понять, а посмотрев Ваше видео, сразу все прояснилось в голове!)

  • @OlexanderDoliuk
    @OlexanderDoliuk Рік тому +1

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

  • @ДенисКан-б2ы
    @ДенисКан-б2ы 2 роки тому +2

    Спасибо, Василий. Годнота

  • @user-hi8rw9kk9v
    @user-hi8rw9kk9v 3 роки тому +2

    Очень нравится ваша подача! Оттачиваю свои навыки по каждому из уроков. Смакую!!!

    • @stackdev
      @stackdev  3 роки тому

      Спасибо! приятно слышать!

  • @bazilio-bazilio
    @bazilio-bazilio 3 роки тому +1

    Василий, сеасибо большое за этот урок. Долгое время не мог понять смысл event, читал много раз, но все равно не понимал. А ты доходчиво и простым язвэыком все объяснил, теперь все понятно. Респектт👍

    • @stackdev
      @stackdev  3 роки тому

      Спасибо за комментарий!

  • @eclipseweb1419
    @eclipseweb1419 Рік тому +1

    Василий, спасибо вам огромное! Безумно просто и понятно

    • @stackdev
      @stackdev  Рік тому

      Спасибо за поддержку!

  • @АндрейКалужин-ь5л
    @АндрейКалужин-ь5л 2 роки тому +1

    Урок просто супер! Теперь всё стало понятно почему в javascript именно так обрабатываются события, другого (более лучшего) алгоритма и придумать нельзя.

  • @vitalygaraev8093
    @vitalygaraev8093 Рік тому +1

    Спасибо! Всё понятно, классное видео.
    Интересно, что это видео я смотрел месяц назад и задания просто перепечатывал, как машинистка. Прошло время и теперь все понятно))). Так оно, видимо, и происходит, постепенно усваивается.

    • @stackdev
      @stackdev  Рік тому

      Да да - именно так

  • @delusio5638
    @delusio5638 Рік тому +2

    спс, доходчиво по событиям

  • @Expertdog
    @Expertdog 2 роки тому +1

    Благодарю за видео! Почему я сразу не нашел этого видео? Мне понравилось объяснение - все четко подробно и понятно! Благодарю, а то эти всплытия и погружения трудно давались.

  • @ВадимМороз-ч1р
    @ВадимМороз-ч1р 3 роки тому +5

    Вы молодец очень доходчиво объясняете. Постарайтесь продолжать Вашу работу

  • @fantast2568
    @fantast2568 3 роки тому +3

    Спасибо большое, уникальная подача материала!

  • @bukanaka
    @bukanaka 3 роки тому +3

    Очень хорошо объяснил. Спасибо!

  • @МаксимИсаев-ъ5о
    @МаксимИсаев-ъ5о 2 роки тому +2

    Моё почтение!

  • @martinsmaliuga2410
    @martinsmaliuga2410 3 роки тому +1

    Качественно и понятно. Спасибо!

  • @АндрейПоляков-е5н
    @АндрейПоляков-е5н 2 роки тому +1

    Очень доступно! Спасибо!!!!!! как боженька объяснил

  • @vladfolk2418
    @vladfolk2418 2 роки тому +1

    Огромнейшее спасибо за видео!

  • @alexforos5425
    @alexforos5425 2 роки тому +2

    Спасибо. Просто и понятно!👍

  • @anikinae
    @anikinae 3 роки тому +3

    Классный урок - все спокойно, понятно и по делу. Спасибо большое!

    • @stackdev
      @stackdev  3 роки тому

      Спасибо вам!

  • @zozoukr
    @zozoukr Рік тому

    Еще не было ни одного видео на этом канале, которое бы не оставило ясность в вопросе. Спасибо.

  • @_Fantom_.
    @_Fantom_. Рік тому +1

    Спасибо за отличный урок!

  • @askoldtsentseusti-1122
    @askoldtsentseusti-1122 2 роки тому +1

    огромное спасибо!! очень помогло в решении простенькой задачи! автору респект =)))

  • @enigma9445
    @enigma9445 2 роки тому +2

    Спасибо друг, так понятно все объясняешь 👏

  • @programer8
    @programer8 3 роки тому +3

    Очень круто, спасибо!

  • @-Vladimir--
    @-Vladimir-- 3 роки тому +3

    Смотрю третье видео, Вы просто круто объясняете, если кто-то и может делать стоящие уроки то это явно Вы.

  • @MrMakob
    @MrMakob Рік тому +1

    Спасибо, очень понятно!😊

  • @alexandershcheglov4653
    @alexandershcheglov4653 3 роки тому +2

    Спасибо, было очень понятно и полезно.

  • @aleksandr447
    @aleksandr447 3 роки тому +1

    Отличная подача! Спасибо!

  • @костянильин-т9щ
    @костянильин-т9щ 9 місяців тому +1

    очень мощное объяснение🤔👍🏼

  • @obezyankaa4437
    @obezyankaa4437 2 роки тому +1

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

  • @vladvoloshenko5701
    @vladvoloshenko5701 2 роки тому +1

    Интересно слушать, спасибо)

  • @gritsienkooleg3447
    @gritsienkooleg3447 2 роки тому +2

    Очень годно

  • @tar7sha
    @tar7sha 2 роки тому +1

    Приємний голос та подача. Супер🙌

  • @sashatunik
    @sashatunik Рік тому +1

    Учу js после питона. Некоторые вещи кажутся очень неочевидными. Спаибо что помогаете разобраться. 👍

    • @Мишаня-ц8д
      @Мишаня-ц8д Рік тому

      Здравствуйте! У вас работает этот обработчик событий?

    • @sashatunik
      @sashatunik Рік тому

      @@Мишаня-ц8д нет 😁.

  • @examore-lite
    @examore-lite 3 роки тому +1

    Спасибо большое!

  • @razvalnuy
    @razvalnuy Рік тому +3

  • @maksymkyryliuk492
    @maksymkyryliuk492 2 роки тому +1

    А видео очень интересное.👍🏻

  • @goldparadaise3794
    @goldparadaise3794 3 роки тому +1

    Очень классно, мучился с event, event.target , тут все понятно стало. Супер, спасибо большое!

  • @therelaxingsound6903
    @therelaxingsound6903 Рік тому +1

    Спасибо! 👏

  • @cristianojosan1356
    @cristianojosan1356 2 роки тому +1

    Спосибо огромное!!

  • @vladimerfisher4442
    @vladimerfisher4442 2 роки тому +1

    Классно!!!

  • @МаксКандерский
    @МаксКандерский 3 роки тому +2

    Ха, ноль дизлайков, красавчик🔥🔥

  • @KevinBarker-y5q
    @KevinBarker-y5q 4 місяці тому +51

    А как вы используете метод stopPropagation в реальных проектах? я сам долго выбирал курсы по IT, сравнивал разные компании, но в итоге остановился на Skypro, потому что у них все очень структурировано и понятно. Начал работать уже за пару месяцев до конца курса))

    • @mouri_san
      @mouri_san 4 місяці тому

      Реклама, не ведитесь.

    • @Dimasik86352
      @Dimasik86352 Місяць тому

      Уходи,цыганча

  • @yuriidest208
    @yuriidest208 3 роки тому +4

    poda4a materiala super

  • @vladimirmaximoff8005
    @vladimirmaximoff8005 Рік тому +1

    Спасибо))

  • @mariavladlife4429
    @mariavladlife4429 Рік тому +1

    спасибо!!!

  • @Exot1k
    @Exot1k Рік тому +1

    Лайк и подписка ☝️

  • @denishaleckiy8303
    @denishaleckiy8303 24 дні тому

    Мега лайк!

  • @maksymkyryliuk492
    @maksymkyryliuk492 2 роки тому +2

    Боже, ваш голос будто у Edvard Wolf😱😱😱

  • @aianamirai
    @aianamirai Рік тому

    Согласна, что видео не для новичков в программировании и джаваскрипте, точно не урок номер два 😅
    Скорее для ребят, которые после курсов не совсем разобрались с темой. Благодаря вам стало ясно, что такое event, и это перестало быть абстрактным словом.
    Единственное не поняла, каким образом мы останавливаем погружение, если по факту ниже strong ничего нет (нет child elements)

    • @aianamirai
      @aianamirai Рік тому +1

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

  • @TheWayke
    @TheWayke 11 місяців тому

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

  • @stanislavidalgo3661
    @stanislavidalgo3661 3 роки тому +1

    very good video

  • @probossgogogo5879
    @probossgogogo5879 2 місяці тому

    Резюмируя:
    1. По умолчанию выполнение идёт снизу вверх (всплытие);
    2. Если добавить event.stopPropagation(), то всплытия не будет и выполнятся только обработчики снизу до элемента с event.stopPropagation();
    3. Если добавить {capture: true}, то выполнение сверху вниз (погружение);
    4. Если добавить event.stopPropagation() и {capture: true}, то выполнится только этот элемент, а обработчики снизу и сверху не выполнятся.

  • @seron4206
    @seron4206 2 роки тому +1

    Здравствуйте, очень хорошо объясняете, можете сказать какая у вас тема в vs code?

    • @stackdev
      @stackdev  2 роки тому

      Спасибо. это - Dracula

  • @АндрейНикифоров-ц8й

    Какие-то самостоятельные работы будут?

    • @stackdev
      @stackdev  3 роки тому

      Здесь нет. А вот в рамках большого курса - будет много самостоятельных работ (но это пока не скоро)

  • @yarukolo4285
    @yarukolo4285 10 місяців тому +1

    ❤❤❤

  • @Igor_Gef
    @Igor_Gef 2 роки тому

    После клика по кнопке в консоль вывелось не mausEvent, а PointerEvent. (так же выводит PointerEvent при клике тачпадом и кнопкой тачпада) Это важно или не стоит углубляться пока?

  • @LionaTomm
    @LionaTomm 3 роки тому +1

    А что не так со ссылками в описании?
    Спасибо! Коротко и доходчиво

    • @stackdev
      @stackdev  3 роки тому

      Привет, спасибо! А что с ними? Вроде работают

  • @deanwichester6412
    @deanwichester6412 Рік тому

    Почему на 14:18 вывело 1? Мы же остановили погружение .

    • @myxtaridse
      @myxtaridse 10 місяців тому

      благодаря e.target, который кажет, что инициировало событие

  • @nefed-L
    @nefed-L Рік тому

    Правда ли что stopPropagation не нужно использовать? Это плохая практика или нет? В учебнике по js написано что не рекомендуется, так как всплытие нам нужно. И обходить его нужно другими способами.

  • @AndreyShevchenko-jr6ys
    @AndreyShevchenko-jr6ys 2 роки тому

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

  • @МаксимНырков-у6г
    @МаксимНырков-у6г 3 роки тому +1

    Подскажите, а где можно потренироваться по задачам js?
    Вот именно по разным темам, чтобы можно было азделить. Методы массивов, scope и т.д.
    тлько не предлагайте learnjs...

    • @stackdev
      @stackdev  3 роки тому

      Можете у меня посмотреть!

    • @МаксимНырков-у6г
      @МаксимНырков-у6г 3 роки тому

      @@stackdev Где?

    • @stackdev
      @stackdev  3 роки тому

      @@МаксимНырков-у6г В плейлисте JS Практика есть парочка видео, 7й Урок Javascript - проект с local storage.... итд

    • @МаксимНырков-у6г
      @МаксимНырков-у6г 3 роки тому

      @@stackdev а, так это не то.
      мне надо что-то nипа codewars

  • @alekseybrazhnikow7622
    @alekseybrazhnikow7622 3 роки тому +1

    Что за тема и шрифт для vscode? приятно для глаз)

    • @stackdev
      @stackdev  3 роки тому +2

      Шрифт - Consolas, тема - Dracula

  • @tilegenbakitov9243
    @tilegenbakitov9243 2 роки тому

    Привет хотел узнать в learn js писали что хорошим тоном считается что функция должна делать одно действия можно ли создать одну функцию
    function showTarget(event) {
    console.log(event.currentTarget);
    }
    и просто нужному const запускать через showTarget();
    DRY или так не будет работать ?

    • @xOceanSpirit
      @xOceanSpirit 6 місяців тому

      надеюсь ты так не делаешь :D

  • @behindza
    @behindza 3 роки тому

    Подскажите что за тема в VS code?

  • @art-zakladky
    @art-zakladky 11 місяців тому

    ничего не понял, но очень интересно

  • @Nevskij111
    @Nevskij111 2 роки тому

    Слишком сложно для меня, только узнал что такое объекты

  • @ВладКлеопов
    @ВладКлеопов Рік тому +1

    like

  • @Nes4-
    @Nes4- Рік тому

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

  • @biscuitjerry8043
    @biscuitjerry8043 Рік тому

    Сложно и непонятно, как эти заклинания и руны вообще нормальный человек может запомнить?

  • @Form231
    @Form231 Рік тому

    Нифига не понял

  • @Ochenopasniy
    @Ochenopasniy 2 роки тому

    В самом начале видео вроде все логично и понятно, но к середине видео автор ушел в такие дебри....что к чему и для чего....Как буд-то сам с собой поговорил....И перед другими блогерами козырнул знаниями....А не для новичков создал видео

  • @Shir4ay
    @Shir4ay 3 роки тому

    Непонятно

  • @404russ
    @404russ 2 роки тому

    много чуши несешь не по теме

  • @dimabonds9850
    @dimabonds9850 3 роки тому

    нихрена не понятно

  • @Rabinovitch777
    @Rabinovitch777 8 місяців тому

    Если мне нужно слушать только события клика на кнопках или картинках, то зачем мне нужно window.onload и вся эта котовасия со всплытиями/погружениями?

  • @alimax29
    @alimax29 3 роки тому +1

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

  • @dr_morpho
    @dr_morpho 2 роки тому

    Спасибо вам!

  • @СтаниславГорячев-г1ъ

    Спасибо 🙏🏻