Фронтенд Гайд

Button with tooltip hover timing feedback Панель плеера с подсказками при наведении

Дарим подписку на Яндекс Музыку Ответьте на 1 вопрос и Яндекс Музыка для вас и 3-х ваших близких 30 дней бесплатно. Кинопоиск и Яндекс Книги тоже в подписке. Попробуйте сейчас❤️ Попробовать #реклама 18+ music.yandex.ru О рекламодателе Реклама на Яндексе

Как работает dataset в JavaScript? Свойство dataset позволяет получать и изменять пользовательские атрибуты data-* в HTML-элементах. ✅ Пример:

<button id="btn" data-user-id="42">Click me</button>

<script>
  const btn = document.getElementById("btn");
  console.log(btn.dataset.userId); // "42"

  btn.dataset.userId = "99"; // Изменение значения
</script>

🔹 Зачем нужно? • Позволяет хранить данные прямо в HTML. • Удобно для передачи информации в JavaScript. • Избавляет от необходимости использовать скрытые инпуты или классы. ⚡️ dataset делает работу с динамическими данными в разметке проще и чище!

Broken Glass Effect Сцена с эффектом сломанного стекла в месте клика.

⚙️ CSS в 2025: какие фишки теперь доступны? Краткий обзор новых возможностей CSS, которые стали поддерживаться в современных браузерах в 2024 году. Без теории — только список фич, которые стоит изучить и применять уже сейчас. #Полезное

Бесплатный практический вебинар: Веб-разработчик: с нуля до мини-игры за 2 часа. ⏰ Когда: 20 февраля в  19:00 по мск. Погрузитесь в решение реальной задачи и напишите небольшую игру на HTML, JS и CSS, которая работает прямо в браузере 🎮 Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе. Какие JS фреймворки учить: Vue, React, а может, Angular? Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии. 🎁 Всем, кто зарегистрировался - гайд «Как заговорить на сленге IT-специалистов», а каждому участнику -  карта компетенций начинающего Frontend-разработчика и гайд «Как опубликовать страницу в интернете при помощи GitHub Pages»

javascript-algorithms Этот репозиторий содержит JavaScript-примеры многих популярных алгоритмов и структур данных. #GitHub

⚙️ JavaScript Set и Map: За пределами массивов и объектов Как эффективно обрабатывать уникальные значения и пары ключ-значение, избегая принудительного приведения типов и потери производительности? #Полезное

free-programming-books Один из самых популярных и рейтинговых репозиториев на Github, «бесплатные книги по программированию» содержит не только книги, как следует из названия, но и потрясающие бесплатные онлайн-курсы, подкасты/скринкасты. А также интерактивные ресурсы по программированию, наборы задач, соревновательное программирование и шпаргалки. И самое приятное — все это доступно на огромном количестве различных языков. #GitHub

Multiple Glow effects Button Анимированная кнопка с различными эффектами свечения

В чем разница между == и === в JavaScript? 🔸 == (нестрогое сравнение) приводит типы перед сравнением:

console.log(5 == "5");  // true (строка преобразуется в число)

🔸 === (строгое сравнение) сравнивает и тип, и значение:

console.log(5 === "5");  // false (разные типы)
console.log(null === undefined);  // false

⚡️ Всегда используйте ===, чтобы избежать неожиданных преобразований и ошибок!

Dropdown Menu Effects Анимированное выпадающее меню с переливающимся эффектом.

⚙️ Переходите на сторону light-dark() Статья раскрывает современные CSS-функции для создания адаптивного темного режима, заменяющие традиционные медиа-запросы. Рассматриваются подходы, упрощающие настройку цветовых схем под предпочтения пользователя. #Полезное