Скачать "JAVASCRIPT СОБЫТИЯ. addEventListener делегирование. Cобытия мыши клавиатуры загрузки сайта. Практика"

JAVASCRIPT СОБЫТИЯ. Метод addEventListener и делегирование событий. Cобытия мыши, клавиатуры и загрузки сайта. Практические примеры. Продолжаем изучать JavaScript и сегодня мы разберем одну из самых важных тем - это события. Изучать будем на практических примерах. События - это сигнал поступающий от браузера о том что что-то произошло. Клик мышью, прокрутка скролла, нажатие клавиши, загрузка страницы наконец. Эти и многие другие события мы можем отлавливать и, когда они возникают, выполнять нужные нам действия. Изучим основной способ назначения обработчиков событий при помощи специальных методов addEventListener и removeEventListener. Также поговорим о делегировании событий, событиях мыши клавиатуры, скролла и загрузки страницы. 👉 Файлы урока - https://fls.guru/files/tutorials/js/js-events.zip 👉 Плейлист "Как это сделать?" - https://www.youtube.com/playlist?list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk 👉 Анимация при прокрутке (скролле) страницы: https://www.youtube.com/watch?v=kupwmF72Plo&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=20 👉 Lazy Loading (ленивая загрузка) при скролле страницы: https://www.youtube.com/watch?v=kupwmF72Plo&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=20 👉 Параллакс эффект при движении мыши и скролле сайта: https://www.youtube.com/watch?v=uyBCzC7TIZg&list=PLM6XATa8CAG6IJvQBkrTTNZmpIcyS2Avk&index=30 👉 Про navigator.sendBeacon(url, data): https://w3c.github.io/beacon/ 💪 Курс по верстке: https://edu.fls.guru// 🤟 БЕСПЛАТНЫЙ курс по верстке сайтов (HTML, CSS, JavaScript): https://www.youtube.com/playlist?list=PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr 🔴 Карта канала: https://miro.com/app/board/o9J_lZB3YKI=/ 🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle 🔴 Курс по верстке: https://edu.fls.guru 🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat) 🔴 Facebook: https://www.facebook.com/freelancerlifestyle 🔴 Instagram: https://www.instagram.com/freelancer.lifestyle 00:00:00 - Вступление 00:00:27 - Обработчики событий в JS 00:03:46 - Методы addEventListener и removeEventListener 00:09:39 - Объект события 00:12:46 - Всплытие и погружение событий 00:17:41 - Делегирование событий 00:25:23 - Действия браузера по умолчанию 00:28:49 - Основы событий мыши 00:41:52 - Основы событий клавиатуры 00:49:40 - Событие прокрутки страницы 00:52:22 - События загрузки страницы 00:57:35 - Домашка 00:58:04 - Заключение 👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - https://www.youtube.com/channel/UCJNVBfLijFSa_tBcrNZKZag 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle 🤟 Живи, а работай в свободное время! ©