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

Interactive 3D Text Анимация текста и фигур на Three.js. 👉 @sWebDev

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

Chroma.js Небольшая JavaScript-библиотека без зависимостей (размером около 13,5 КБ), предназначенная для различных цветовых преобразований и создания цветовых шкал. Позволяет считывать цвета из различных форматов, анализировать и манипулировать ими, а также генерировать цветовые палитры для визуализации данных. 👉 @sWebDev

Квартиры в Крыму рядом с дворцом, где жили цари! ✨«Новая Ливадия» — знаковый проект на территории Большой Ялты вблизи Ливадийского дворца ⚡Несколько столетий назад территория Ливадии была летней резиденцией российских царей, а также местом притяжения известных писателей, поэтов и художников Архитектурная концепция комплекса выполнена в стиле современного минимализма Мощная инфраструктура: -бассейн infinity pool с летним кафе и зоной отдыха -торговый центр, кафе, рестораны, офисная зона -фитнес-центр и SPA Рядом находятся гора Ай-Петри, водопад Учан-Су, Аквапарк «Атлантида» и многое другое! 💰А еще вы можете преумножить капитал, зарабатывая на сдаче в аренду объектов недвижимости 2 000 000 рублей в год! 👍Получите актуальные планировки и цены Получить предложение Проектная декларация на сайте https://наш.дом.рф/ #реклама mrqz.me О рекламодателе

Есть ли у вас страх, что вас заменит ИИ? ❤️ - Бывает тревожность из-за таких мыслей. 👍 - Пусть он для начала мне напишет нормальный код, а потом поговорим. 👉 @sWebDev | #юмор

Bubbles Background Animation Анимация градиентного фона на CSS и JS. 👉 @sWebDev

IT образование бесплатно на весь 2025 год Отобрали для вас лучшие каналы по IT во всех направлениях: → Frontend → Data Science → Node.JS → Вёрстка → Python → JavaScript → QA (тестирование) Сохраняй себе понравившееся направление и обучайся бесплатно уже сегодня!

Разрешение циклических зависимостей между провайдерами В Angular при наличии циклических зависимостей между провайдерами нельзя напрямую указывать сервис в качестве зависимости другого. Для отложенного определения зависимостей используется forwardRef(), который позволяет ссылаться на провайдер до его фактического объявления. Однако внутри DI-контейнера такой провайдер остается обернутым в forwardRef(). Метод resolveForwardRef() используется для разворачивания ссылки, если она была передана через forwardRef(). Это позволяет явно получить оригинальное значение до его использования. Пример:

@Injectable()
export class ServiceA {
  constructor(@Inject(forwardRef(() => ServiceB)) private serviceB: ServiceB) {}
}

@Injectable()
export class ServiceB {
  constructor(@Inject(forwardRef(() => ServiceA)) private serviceA: ServiceA) {}
}

// Использование resolveForwardRef
const resolvedRef = resolveForwardRef(forwardRef(() => ServiceA));
// resolvedRef теперь содержит прямую ссылку на ServiceA

👉 @sWebDev

Деплой Next.js приложения с Deno Deploy Туториал о поднятии приложения Next.js с использованием Deno Deploy: преимущества и шаги для интеграции технологий. 👉 @sWebDev

Ваши действия? 👍 - Стать первым, кто прервет молчание. ❤️ - Оставить все как есть. 👉 @sWebDev | #юмор

Курс "Дизайн карточек для 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