Frontender Libs - обзор библиотек JS / CSS

Sea at sunrise Анимация моря на Three.js. 👉 @sWebDev

React и FormData Статья объясняет, как работать с формами в React с использованием API FormData, позволяющего собирать данные из форм. Она охватывает важные моменты, такие как работа с управляемыми и неуправляемыми формами, обработка данных в TypeScript, а также использование инструментов для валидации данных, таких как Zod. Также рассматриваются современные функции React и фреймворки, поддерживающие FormData. 👉 @sWebDev

Fluids [TSL] Анимация шара с лого на Three.js. 👉 @sWebDev

💻 10 лет в IT, и я публикую только то, что сам читаю или собираюсь прочитать. Это самые важные статьи и новости, которые действительно нужны разработчику. Решил поделиться тем, что помогает мне быть в курсе всего. Подписывайся на DevDrafts | RSS — здесь только то, что стоит твоего времени! 👉 @devdrafts_rss

Awesomplete Awesomplete – это библиотека автозаполнения для полей ввода. Она предлагает гибкий и легковесный способ добавления автокомплита на сайты без зависимости от крупных библиотек, таких как jQuery. 👉 @sWebDev

Как вырастить знание о бренде с помощью медийной рекламы Просто — с новой медийной стратегией «Рост брендовых метрик». Вы запускаете кампанию в Директе и выбираете новую стратегию. А алгоритмы показывают рекламу пользователям, которые пока мало знакомы с вашим брендом и у которых с большей вероятностью изменится его восприятие после контакта с медийной рекламой. В итоге все в плюсе. Пользователи знакомятся с вашим брендом или открывают его для себя с новой стороны, а вы повышаете не только знание, но и рассмотрение к покупке или намерение купить. Узнать больше #реклама yandex.ru О рекламодателе

Чувствуете удовлетворение от своего кода? 👍 - Да. ❤️ - Предпочитаю оставить консоль в покое. 👉 @sWebDev | #юмор

Bike ride Анимация езды на велосипеде на GSAP. 👉 @sWebDev

Timetta — контроль проектов, ресурсов, финансов и задач Комплексное решение для проектно-ориентированного бизнеса. Приложение для контроля проектов, финансов, ресурсов, времени для средних и крупных команд. ✅Планируйте проекты ✅Оценивайте бюджеты ✅Подбирайте ресурсы ✅Контролируйте задачи Узнать больше #реклама 16+ timetta.com О рекламодателе

Декоратор HostListener для работы с нестандартными пользовательскими событиями В Angular декоратор @HostListener предоставляет удобный способ прослушивания событий, происходящих в DOM-элементах. Обычно он используется для стандартных событий, таких как клик, наведение мыши или прокрутка. Однако мало кто знает, что @HostListener можно использовать для регистрации и обработки нестандартных событий, включая те, что определены разработчиком, или даже событий, происходящих за пределами стандартных браузерных API. Пример:

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-custom-event-listener',
  template: `<p>Нажмите Shift + K, чтобы сработало событие.</p>`
})
export class CustomEventListenerComponent {

  @HostListener('window:keydown', ['$event'])
  handleKeyDown(event: KeyboardEvent) {
    if (event.shiftKey && event.key === 'k') {
      console.log('Комбинация Shift + K нажата!');
      // Здесь можно вызывать любые действия
    }
  }
}

👉 @sWebDev

Часто пропускаете документацию? 👍 - Да. ❤️ - Обращаюсь к ней только если что-то не работает. 🤔 - Нет, это же база. 👉 @sWebDev | #юмор

Бесплатный мастер-класс по программированию на Java В занятии могут участвовать все дети возраста 13-17 лет независимо от уровня знаний в программировании. ✅Педагоги из Университета Иннополис в простой форме обучат основам языка программирования Java и создания графических интерфейсов. Всего за одно занятие Ваш ребёнок научится самостоятельно создавать мобильные приложения и сможет реализовывать собственные замыслы с дальнейшем! ⚡Не упустите возможность подарить ребёнку уникальные знания от ведущего ИТ ВУЗа страны. Кто знает, возможно, это станет фундаментом для востребованной профессии в будущем или просто полезным хобби в настоящем... Попробуем? Регистрируйтесь для участия, количество мест ограничено. Зарегистрироваться #реклама 16+ progmatica.innopolis.university О рекламодателе

Работа с методом createPortal Что делает метод createPortal в React? Если забыли, то вернитесь к посту от 14.10.2024. 👉 @sWebDev

Wavesurfer.js Wavesurfer.js — это библиотека JavaScript для визуализации аудиофайлов. Она предоставляет гибкий способ отображать аудиоволны в веб-приложениях, а также обеспечивает базовые возможности для воспроизведения, паузы, перемотки и изменения громкости звука. Библиотека поддерживает взаимодействие пользователя с аудиофайлами, позволяет визуализировать любые аудиоисточники (например, загруженные файлы или URL) и легко кастомизируется для различных целей. 👉 @sWebDev

THE EYE Артхаусная анимация глаза на GSAP. 👉 @sWebDev

Обработка Взаимодействий С Пользователем: Пять Основных Привязок Событий В Angular 18 Статья обсуждает ключевые события привязки в Angular 18, такие как click, input, blur, change, и submit. В статье подробно описаны способы их использования для обработки взаимодействий пользователя с формами, полями ввода, кнопками и другими элементами интерфейса. 👉 @sWebDev

Tangent Абстрактная анимация на Three.js. 👉 @sWebDev

Lory Lory — это легковесная JavaScript-библиотека для создания слайдеров без зависимостей. Она предоставляет минимальный API для создания кастомных слайд-шоу с поддержкой жестов и событий прокрутки. 👉 @sWebDev

Чем больше вы углубляетесь в программирование, тем сложнее оно вам кажется? ❤️ - Да, приходится постоянно держать в голове кучу информации. 👍 - Иногда что-то забываешь, но в целом справляюсь. 🤔 - Знания растут и с опытом легче справляться с новым. 👉 @sWebDev | #юмор