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

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 О рекламодателе

Работа с NgZone Для чего используется метод runOutsideAngular()? Забыли? Вернитесь к посту от 16.12.2024. 👉 @sWebDev

Sprite.js Sprite.js — фреймворк для 2D-анимаций на Canvas и WebGL. Позволяет легко работать со спрайтами, фигурами и анимацией для веб-приложений. 👉 @sWebDev

Twisting Анимация спирали из прямоугольников наThree.js. 👉 @sWebDev

Понимание шаблона ресурсов Angular 19: практическое руководство Статья описывает ресурсный паттерн в Angular для управления состоянием запросов. Используя resource и rxResource, автор демонстрирует создание загрузчиков данных, работу с состояниями (загрузка, ошибка, успех) и обработку запросов с помощью Promise и Observable. Пример с CRUD-приложением для продуктов объясняет использование этих подходов в реальных проектах. 👉 @sWebDev

Strange tubes Интерактивная анимация цветных труб на Three.js. 👉 @sWebDev

Квартиры в Краснодаре от 3,3 млн. руб. Новый жилой район "Первое место" в Краснодаре. Здесь всё для счастливой жизни на первом месте: - Две школы - Шесть детских садов - Поликлиники - Собственный фитнес-центр - Многоуровневый паркинг Жилой комплекс располагается в новом районе города «Новознаменский», в Карасунском округе Краснодара и имеет удобный выезд на трассу М4 ДОН, Джубгскую трассу в направлении Черного моря и горнолыжных курортов. Только в декабре скидка 8% при покупке квартиры за собственные средства. Успейте забрать билет в жизнь, где вы всегда будете на «Первом месте»! Получить предложение Проектная декларация на сайте https://наш.дом.рф/. Застройщик: ООО " СЗ Живые квартиры" #реклама promo.tochno-pervoe.ru О рекламодателе

Ogl Ogl — легковесный WebGL-фреймворк для создания интерактивной 3D-графики. Поддерживает модели, текстуры и шейдеры. 👉 @sWebDev

Как вы относитесь к новым фреймворкам? 👍 - Надо пробовать. ❤️ - Предпочитаю старые и проверенные. 🤔 - Пишу на чистом JS, мне хватает. (Что я делаю в этом канале?) 👉 @sWebDev | #юмор

Animation on scroll Скролл-анимация пчелы на Three.js. 👉 @sWebDev

Использование Injector.create() для динамического создания зависимостей В Angular зависимости обычно предоставляются через инжекторы, зарегистрированные в дереве компонентов или на уровне приложения. Однако в некоторых случаях может потребоваться создать зависимость вне контекста стандартного механизма DI (Dependency Injection). Метод Injector.create() предоставляет возможность вручную создать инжектор и настроить его с необходимыми зависимостями. Пример:

import { Injector } from '@angular/core';

class LoggerService {
  log(message: string) {
    console.log('Logger:', message);
  }
}

// Создаем локальный инжектор с конфигурацией
const injector = Injector.create({
  providers: [
    { provide: LoggerService, useClass: LoggerService }
  ]
});

// Получаем экземпляр LoggerService из инжектора
const logger = injector.get(LoggerService);
logger.log('Динамическое создание зависимости выполнено!');

В данном примере создается инжектор, регистрирующий LoggerService в локальном контексте. 👉 @sWebDev