light/dark mode

Анимированное переключение светлой и темной темы

❓ Что делает event.stopPropagation() в JavaScript и когда его использовать?

Метод event.stopPropagation() останавливает всплытие события вверх по дереву DOM. Это полезно, когда нужно предотвратить выполнение обработчиков на родительских элементах.

✅ Пример:

<div onclick="alert('Div clicked!')">
    <button onclick="event.stopPropagation(); alert('Button clicked!')">Click me</button>
</div>

📌 При клике на кнопку сработает только alert('Button clicked!'), но alert('Div clicked!') не появится, так как всплытие остановлено.

stopPropagation() удобно использовать, если внутри родительского элемента есть вложенные кликабельные элементы, но их события не должны влиять на родителя.

❓ Что делает event.stopPropagation() в JavaScript и когда его использовать?

Метод event.stopPropagation() останавливает всплытие события вверх по дереву DOM. Это полезно, когда нужно предотвратить выполнение обработчиков на родительских элементах.

✅ Пример:

<div onclick="alert('Div clicked!')">
    <button onclick="event.stopPropagation(); alert('Button clicked!')">Click me</button>
</div>

📌 При клике на кнопку сработает только alert('Button clicked!'), но alert('Div clicked!') не появится, так как всплытие остановлено.

stopPropagation() удобно использовать, если внутри родительского элемента есть вложенные кликабельные элементы, но их события не должны влиять на родителя.

Gooey SVG Filter Button

Анимированная кнопка с эффектом при наведении

Laravel 12. Что нового?

Laravel 12 уже здесь! Основной акцент — плавное обновление без правок кода. Поддержка до 2027 года, два года обновлений и исправлений. Разбираем, что нового и насколько легко обновиться.

Фронтенд – это только половина истории!
Освой Node.js и стань Full Stack-разработчиком!

➡ Пиши серверную логику на JavaScript
➡ Работай с базами данных и API
➡ Разбирайся в авторизации и безопасности
➡ Разрабатывай надежные и масштабируемые сервисы

Практический курс для тех, кто уже прошел обучение Front End Developer или имеет опыт работы Front End разработчиком.

Обучение проводят опытные разработчики, 70% практических задач. По окончании курса вы получите реальный проект в портфолио и усилите свое резюме.

Старт 27 марта!
Скидка на последние места в группе 19000 RUB
Подробная информация о программе здесь.

#реклама
О рекламодателе

Scroll-Driven Glow Cards

Светящиеся карточки, меняющие цвет при скролле

React и графики: 8 библиотек для визуализации данных

Какая библиотека лучше для графиков в React? Разбираем Recharts, Visx, Nivo, ECharts и другие: их возможности, плюсы и минусы. Поможем выбрать оптимальный инструмент для ваших задач.

🫠 Fluid Simulation

Сцена с интересной симуляцией жидкости с текстом.

🌟 Animated Star Rating

Каждая звезда - это радио кнопка, при нажатии на которую задействуются свои CSS-стили.