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

🤟 Живи, а работай в свободное время! ©