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

JAVASCRIPT СОБЫТИЯ. Метод addEventListener и делегирование событий. Cобытия мыши, клавиатуры и загрузки сайта. Практические примеры. Продолжаем изучать JavaScript и сегодня мы разберем одну из самых важных тем - это события. Изучать будем на практических примерах. События - это сигнал поступающий от браузера о том что что-то произошло. Клик мышью, прокрутка скролла, нажатие клавиши, загрузка страницы наконец. Эти и многие другие события мы можем отлавливать и, когда они возникают, выполнять нужные нам действия. Изучим основной способ назначения обработчиков событий при помощи специальных методов addEventListener и removeEventListener. Также поговорим о делегировании событий, событиях мыши клавиатуры, скролла и загрузки страницы. 👉 Файлы урока - https://fls.guru/files/tutorials/js/j... 👉 Плейлист "Как это сделать?" -    • Як це зробити? Туторіали HTML CSS JS (jQue...   👉 Анимация при прокрутке (скролле) страницы:    • Анимация при прокрутке (скролле) страницы ...   👉 Lazy Loading (ленивая загрузка) при скролле страницы:    • Анимация при прокрутке (скролле) страницы ...   👉 Параллакс эффект при движении мыши и скролле сайта:    • Параллакс эффект при движении мыши и скрол...   👉 Про navigator.sendBeacon(url, data): https://w3c.github.io/beacon/ 💪 Курс по верстке: https://edu.fls.guru 🤟 БЕСПЛАТНЫЙ курс по верстке сайтов (HTML, CSS, JavaScript):    • БЕСПЛАТНЫЙ курс по верстке сайтов (Front E...   🔴 Карта канала: 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   🤟 Живи, а работай в свободное время! ©

JAVASCRIPT И ФОРМЫ. Свойства, события, методы. Практические примеры. Уроки JAVASCRIPT
▶︎

JAVASCRIPT И ФОРМЫ. Свойства, события, методы. Практические примеры. Уроки JAVASCRIPT

JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.
▶︎

JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.

Основы Claude Code для продакта. Бесплатный вебинар
▶︎

Основы Claude Code для продакта. Бесплатный вебинар

Практический JS. Всплытие событий
▶︎

Практический JS. Всплытие событий

Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни
▶︎

Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни

Урок #5 — Теория CSS. Часть 1 / HTML-вёрстка сайта для начинающих
▶︎

Урок #5 — Теория CSS. Часть 1 / HTML-вёрстка сайта для начинающих

TrueJS 32. AddEventListener - события
▶︎

TrueJS 32. AddEventListener - события

Интерстеллар, центр за $1 000 000 000, мегалазер / вДудь
▶︎

Интерстеллар, центр за $1 000 000 000, мегалазер / вДудь

Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.
▶︎

Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.

Listen and Feel the Peace | Tibetan Healing Sounds for Deep Meditation, Inner Peace & Soul Healing
▶︎

Listen and Feel the Peace | Tibetan Healing Sounds for Deep Meditation, Inner Peace & Soul Healing

CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике.
▶︎

CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике.

150 минут, которые изменят ваше понимание Вселенной - Физик Александр Панов
▶︎

150 минут, которые изменят ваше понимание Вселенной - Физик Александр Панов

Что олигарх Абрамович делает на переговорах РФ и Украины?
▶︎

Что олигарх Абрамович делает на переговорах РФ и Украины?

React JS фундаментальный курс от А до Я
▶︎

React JS фундаментальный курс от А до Я

Javascript Lessons #2. The Event Object, Bubbling and Submerging (Event Life Cycle Phases).
▶︎

Javascript Lessons #2. The Event Object, Bubbling and Submerging (Event Life Cycle Phases).

Полный гайд по JavaScript собеседованию. Все в 1 видео!
▶︎

Полный гайд по JavaScript собеседованию. Все в 1 видео!

Вспоминаем лучшие серии четвертого сезона | Смешарики 2D. Сборник 2026!
▶︎

Вспоминаем лучшие серии четвертого сезона | Смешарики 2D. Сборник 2026!

Myths About India: An Indian Explains India | Stereotypes, Food, Cows, Castes, and English
▶︎

Myths About India: An Indian Explains India | Stereotypes, Food, Cows, Castes, and English

Free Event: Power BI Beginner to Pro 2026 Edition - Full Hands-On Tutorial
▶︎

Free Event: Power BI Beginner to Pro 2026 Edition - Full Hands-On Tutorial

Вся IT-база в ОДНОМ видео: Память, Процессор, Код
▶︎

Вся IT-база в ОДНОМ видео: Память, Процессор, Код