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

Abandoned Planet (Metaverse) Интерактивная модель заброшенной планеты на Three.js. 👉 @sWebDev

AnimationTrigger для создания сложных анимаций В Angular AnimationTrigger управляет анимациями компонентов, задавая состояния, их изменения и связывая анимации с событиями. Пример:

import { Component } from '@angular/core';
import { trigger, state, style, transition, animate } from '@angular/animations';

@Component({
  selector: 'app-animated',
  template: `
    <div [@fadeInOut]="isVisible ? 'visible' : 'hidden'" class="box"></div>
    <button (click)="toggle()">Toggle</button>
  `,
  animations: [
    trigger('fadeInOut', [
      state('visible', style({ opacity: 1 })),
      state('hidden', style({ opacity: 0 })),
      transition('hidden => visible', [animate('500ms ease-in')]),
      transition('visible => hidden', [animate('300ms ease-out')]),
    ]),
  ],
  styles: [`.box { width: 100px; height: 100px; background: lightblue; margin: 10px; }`],
})
export class AnimatedComponent {
  isVisible = false;
  toggle() {
    this.isVisible = !this.isVisible;
  }
}

👉 @sWebDev

Дизайнерская мебель российского производства! Скидки в этом месяце до 30%! Фабрика "Этажерка" - качественная дизайнерская мебель в европейском стиле. Меняем размеры, конфигурацию и цвет изделий. Удаленная предоплата, Рассрочка, оплата при получении. Перейти на сайт #реклама etagerca.ru О рекламодателе

Как вам такая формализация? ❤️ - Зато всё строго по регламенту. 👍 - Без комментариев. 👉 @sWebDev | #юмор

Использование AbstractControl Как можно использовать AbstractControl? Забыли? Вернитесь к посту от 23.12.2024. 👉 @sWebDev

Tabloid.js Минималистичная библиотека для создания вкладок (tabs) в веб-приложениях. Не требует сложной настройки и предоставляет гибкие инструменты для управления интерфейсами с несколькими секциями. 👉 @sWebDev

3D Shader Grid with Floating Cubes Анимированная сцена с летающими кубами на Three.js. 👉 @sWebDev

Крупнейший университет искусственного интеллекта Временные ряды — это данные, упорядоченные во времени, например, трафик на дорогах, изменения температуры или спрос на товары. С помощью AI можно предсказывать тренды, выявлять аномалии и оптимизировать процессы. Получите полный доступ к курсу по временным рядам на сайте. Это абсолютно бесплатно. ✨ 8 000+ студентов со всего мира ✨ 600+ AI-проектов, созданных студентами ✨ Сборная Университета — победители крупнейших AI-хакатонов России ✨ Стажировки в крупнейших компаниях России (РЖД, Ростелеком, РУДН, Совкомбанк, Самолет и другие) ✨ Трудоустраиваем выпускников в крупнейшие компании (Яндекс, ВТБ, Сбербанк, Роскосмос и другие) Будем рады видеть тебя среди наших студентов! Узнать больше #реклама 16+ neural-university.ru О рекламодателе

Встроенные обработчики событий всё ещё срабатывают при передаче в React через dangerouslySetInnerHTML В статье рассматривается, что, несмотря на то, что React не выполняет теги <script> при использовании dangerouslySetInnerHTML, встроенные обработчики событий, такие как onclick, всё же могут выполняться. Автор демонстрирует, как это может привести к потенциальным уязвимостям, и предлагает способы их предотвращения, включая использование функций для очистки HTML-кода от встроенных обработчиков событий перед его вставкой. 👉 @sWebDev

Search Bubbles Анимация кнопки поиска на Three.js. 👉 @sWebDev

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

Zod Zod — это библиотека для валидации данных, созданная для использования в JavaScript/TypeScript проектах. Она позволяет легко определять схемы данных и проверять их соответствие на сервере и клиенте. 👉 @sWebDev

Встречали таких фулстеков? 👍 - Нет. ❤️ - Знаете, я и сам своего рода фулстек. 👉 @sWebDev | #юмор

Load .GLTF - Shadows Анимация дорожного движения на Three.js. 👉 @sWebDev

⚡️ В сети начали массово сливать курсы и книги известных онлайн школ Вот отсортированная база с тонной материала(постепенно пополняется): БАЗА (4687 видео/книг): (363 видео, 87 книги) — Python (415 видео, 68 книги) — Frontend (143 видео, 33 книги) — ИБ/Хакинг (352 видео, 89 книги) — С/С++ (343 видео, 87 книги) — Java (176 видео, 32 книги) — Git (293 видео, 63 книги) — C# (174 видео, 91 книги) — DevOps (167 видео, 53 книги) — PHP (227 видео, 83 книги) — SQL/БД (163 видео, 29 книги) — Linux (107 видео, 43 книги) — СисАналз (181 видео, 32 книги) — Go (167 видео, 43 книги) — Kotlin/Swift (112 видео, 24 книги) — Flutter (137 видео, 93 книги) — DS/ML (113 видео, 82 книги) — GameDev (183 видео, 37 книги) — UI/UX (129 видео, 73 книги) — QA (213 видео, 63 книги) — Rust (121 видео, 24 книги) — Ruby Скачивать ничего не нужно — все выложили в Telegram

Декоратор ＠SkipSelf() для исключения текущего провайдера из цепочки инъекций @SkipSelf() в Angular заставляет DI пропустить текущий провайдер и искать зависимость в родительском инжекторе. Это полезно, если нужно использовать родительский провайдер вместо локального. Пример:

@Injectable({ providedIn: 'root' })
export class ConfigService {
  constructor(public config: string) {}
}

@Component({
  selector: 'app-parent',
  providers: [{ provide: ConfigService, useValue: new ConfigService('Parent Config') }],
  template: `<app-child></app-child>`,
})
export class ParentComponent {}

@Component({
  selector: 'app-child',
  providers: [{ provide: ConfigService, useValue: new ConfigService('Child Config') }],
  template: `{{ configService.config }}`,
})
export class ChildComponent {
  constructor(@SkipSelf() public configService: ConfigService) {}
}

@SkipSelf() исключает локальный ConfigService в ChildComponent, используя родительский провайдер. 👉 @sWebDev

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

Резиденции в клубном доме «Три Грации» от 211 млн. ₽ Клубный дом DELUXE класса «Три Грации» — место, где история Петербурга оживает в каждой детали. ✨ Элитные квартиры с уникальной отделкой и великолепными видами. ✨ Закрытая инфраструктура: комфорт и безопасность для жильцов. ✨ Престижная локация: центр Петербурга, рядом с Таврическим садом. Каждая деталь продумана для вашего комфорта. Станьте частью мира роскоши и безупречного стиля. Узнать больше Проектная декларация на сайте https://наш.дом.рф/ #реклама three-graces.ru О рекламодателе