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

Курс "Дизайн карточек для WB и Ozon". Бесплатно и с нуля Дизайнер карточек для маркетплейсов — востребованная и доходная профессия 💰 Научись ей бесплатно! - Бесплатный доступ к курсу - Разбор ДЗ от наставника - Мощные кейсы в портфолио Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

Забываете удалить старые куски кода? 👍 - Бывает. ❤️ - Нет, чищу сразу. 🤔 - Так крепче прод (наверное). 👉 @sWebDev | #юмор

Gremlins.js Gremlins.js – это инструмент для тестирования интерфейсов, который эмулирует случайные действия пользователя, такие как клики, свайпы и ввод текста. Он помогает выявлять неожиданные баги и проблемы с производительностью веб-приложений, имитируя хаотичное поведение пользователей. 👉 @sWebDev

Shader-Driven Parametric Glow Shape Анимация параметрической светящейся формы с шейдерами на Three.js. 👉 @sWebDev

Микрофронтенды с Angular и Native Federation Микрофронтенды позволяют разбить большое приложение на независимые модули, ускоряя разработку и упрощая поддержку. Статья объясняет, как внедрить этот подход в Angular с помощью Native Federation — встроенного механизма для динамической загрузки модулей. Разбираются преимущества, сложности и реальные сценарии использования, полезные для масштабных проектов. 👉 @sWebDev

Radiant Ripples 3D анимация абстрактной фигуры на Three.js. 👉 @sWebDev

Mustache.js Mustache.js – это легковесный шаблонизатор для JavaScript, использующий синтаксис двойных фигурных скобок ({{}}). Он позволяет динамически генерировать HTML, заменяя плейсхолдеры в шаблоне переданными данными. Mustache.js не имеет логики (условий, циклов), что делает его простым и универсальным. 👉 @sWebDev

Адаптивный дедлайн. 👉 @sWebDev | #юмор

ECG Анимация электрокардиограммы на Three.js. 👉 @sWebDev

Создание реактивных форм без FormBuilder В Angular для работы с реактивными формами часто используют FormBuilder, но создать форму можно и вручную с помощью new FormGroup() и new FormControl(). При создании формы каждый элемент добавляется в FormGroup через new FormControl(), где первый аргумент — это начальное значение поля. Также можно динамически добавлять или удалять контролы с помощью методов addControl() и removeControl(). Пример:

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-login',
  template: `
    <form [formGroup]="loginForm">
      <input formControlName="email" placeholder="Email">
      <input formControlName="password" type="password" placeholder="Пароль">
    </form>
  `
})
export class LoginComponent {
  loginForm = new FormGroup({
    email: new FormControl(''),
    password: new FormControl('')
  });
}

👉 @sWebDev

В канале Selectel Newsfeed новые бесплатные курсы! Наши бесплатные курсы для специалистов всех уровней помогут разобраться в темах быстро, структурно и последовательно. Вступайте в сообщество IT-специалистов в Telegram от Selectel и развивайте новые навыки📚 Смотреть #реклама 16+ О рекламодателе

Часто отвлекаетесь на что-то в компе? 👍 - Постоянно. ❤️ - Нет, только если в перерывах. 🤔 - Скорее отвлекаюсь на код. 👉 @sWebDev | #юмор

Работа с ChangeDetectorRef.detach() Для чего используется метод ChangeDetectorRef.detach()? Если забыли, то вернитесь к посту от 10.02.2025. 👉 @sWebDev

Midnight.js Midnight.js — это небольшая библиотека JavaScript, которая позволяет динамически изменять цвет навигационной панели в зависимости от фона, над которым она находится. Работает путем определения родительского элемента и применения соответствующих CSS-классов при прокрутке страницы. 👉 @sWebDev

Бесплатный курс по дизайну в FIGMA Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

Пример midnight.js Анимация с примером реализации библиотеки midnight.js. 👉 @sWebDev

Тестирование React-хуков с помощью Vitest В статье обсуждается, как эффективно тестировать пользовательские хуки в React, используя библиотеку Vitest. Рассматриваются методы настройки среды тестирования с помощью JSDOM, применения React Testing Library для рендеринга хуков и использования функций spyOn и waitFor для тестирования асинхронной логики и внешних API-вызовов. 👉 @sWebDev

Spline of frames Анимация пленки с фотографиями на Three.js. 👉 @sWebDev

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