34. JavaScript - Делегирование событий. Всплытие и погружение событий. Event delegation

34. JavaScript - Делегирование событий. Всплытие и погружение событий. Event delegation

407 Просмотров

🟢 Когда событие срабатывает на элементе оно может всплывать или погружаться, что является основной для очень важного приема в программировании веб приложений - делегирования событий. В этом уроке расскажу про эти концепты и посмотрим все на практике.

➡️ таймлайн ➡️
00:00 старт
01:22 всплытие
05:33 погружение
07:24 делегирование событий - таблица
12:18 делегирование событий - калькулятор
14:09 финиш

▶ ПОДДЕРЖАТЬ можно тут - Boosty: https://boosty.to/dmitry_ko
▶ Telegram: https://t.me/Dmitry_Kolotilshikov
▶ GitHub: https://github.com/DmitryKolotilshikov
▶ Linkedin: https://www.linkedin.com/in/kolotilshikov
▶ Графический дизайн и анимация: https://t.me/getlogo

📎 PDF ФАЙЛ с кодом к каждому уроке в телеграм канале 📎

⚡️ вкусняхи ⚡️
🔑 Курс по GIT (одно видео): https://youtu.be/h5SzR2CM6kQ
🔑 CSS Flexbox (2 видео): https://youtu.be/H9NLmrD7w4A
🔑 CSS Grid (2 видео): https://youtu.be/LpsE9GDPDBM
🔑 Препроцессоры SCSS (2 видео): https://youtu.be/6JGm-t-psiE
🔑 SVG, svg-спрайты (2 видео): https://youtu.be/RdlS_8qnyqw
🔑 1 уровень - Верстка макета (8 видео): https://youtu.be/9PjXCToSKag
🔑 2 уровень - Верстка макета (8 видео): https://youtu.be/VvKVx76a1Ko
🔑 3 уровень - Верстка макета (10 видео): https://youtu.be/z3PTjpOlcW0

⚙️ Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;

Frontender[1.0] JavaScript - Делегирование событий. Всплытие и погружение событий. Event delegation

📢 Автор: Дмитрий Колотильщиков
#js #frontend #javascript

Тэги:

#javascript_с_нуля_полный_курс #программирование_с_нуля #html_с_нуля #full_javascript_course #js_курс #js_с_нуля #уроки_javascript #javascript_полный_курс #javascript_для_начинающих #js_уроки #js_уроки_с_нуля #уроки_javascript_для_начинающих #основы_javascript #уроки_javascript_практика #js_курс_2024 #js_курс_с_0 #frontend_курс #всплытие_и_погружение_js #делегирование_событий_js #addeventlistener #события_в_javascript #event_delegation #event_bubbling_and_event_delegation
Ссылки и html тэги не поддерживаются


Комментарии: