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

JAVASCRIPT СОБЫТИЯ. Метод addEventListener и делегирование событий. Cобытия мыши, клавиатуры и загрузки сайта. Практические примеры. Продолжаем изучать JavaScript и сегодня мы разберем одну из самых важных тем - это события. Изучать будем на практических примерах. События - это сигнал поступающий от браузера о том что что-то произошло. Клик мышью, прокрутка скролла, нажатие клавиши, загрузка страницы наконец. Эти и многие другие события мы можем отлавливать и, когда они возникают, выполнять нужные нам действия. Изучим основной способ назначения обработчиков событий при помощи специальных методов addEventListener и removeEventListener. Также поговорим о делегировании событий, событиях мыши клавиатуры, скролла и загрузки страницы.

👉 Файлы урока - https://fls.guru/files/tutorials/js/j...
👉 Плейлист "Как это сделать?" -    • Як це зробити? Туторіали HTML CSS JS ...  
👉 Анимация при прокрутке (скролле) страницы:    • Анимация при прокрутке (скролле) стра...  
👉 Lazy Loading (ленивая загрузка) при скролле страницы:    • Анимация при прокрутке (скролле) стра...  
👉 Параллакс эффект при движении мыши и скролле сайта:    • Параллакс эффект при движении мыши и ...  
👉 Про navigator.sendBeacon(url, data): https://w3c.github.io/beacon/
💪 Курс по верстке: https://edu.fls.guru

🤟 БЕСПЛАТНЫЙ курс по верстке сайтов (HTML, CSS, JavaScript):    • БЕСПЛАТНЫЙ курс по верстке сайтов (Fr...  

🔴 Карта канала: https://miro.com/app/board/o9J_lZB3YKI=/
🔴 Получить доступ к плюшкам + поддержать канал:   / 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:   / freelancerlifestyle  
🔴 Instagram:   / 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-спеціалістами -    / @itpassions  

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал:    / freelancerlifestyle  

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