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

Particle Emitter Генератор искр на Pixi.js. 👉 @sWebDev

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

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

Согласны с диаграммой? 👍 - Да. ❤️ - А минусы будут? 👉 @sWebDev | #юмор

Small heart animation Интерактивная анимация сердца на GSAP и MO.js. 👉 @sWebDev

🔥Тесты для подготовки к собеседованию🔥 Выбери своё направление: 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. C/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

Инъекции зависимостей через глобальную функцию inject() Функция inject() в Angular позволяет инъектировать зависимости непосредственно в тело функции. Это альтернатива стандартному подходу через конструкторы. Пример использования:

import { inject } from '@angular/core';
import { HttpClient } from '@angular/common/http';

export class DataService {
  private http = inject(HttpClient);

  fetchData() {
    return this.http.get('/api/data');
  }
}

inject() вызывает инъекцию Angular для получения нужной зависимости. Ее можно использовать в теле класса, а не только в параметрах конструктора. Пример тестирования:

import { inject } from '@angular/core';
import { HttpTestingController } from '@angular/common/http/testing';

describe('DataService', () => {
  let httpMock = inject(HttpTestingController);

  it('should fetch data', () => {
    // Логика теста
  });
});

👉 @sWebDev

Жизненно? 👍 - Да. ❤️ - Неканон. Нужно еще 10 библиотек подключить. 👉 @sWebDev | #юмор

Работа с ChangeDetectionStrategy.OnPush Когда компонент с ChangeDetectionStrategy.OnPush будет проверять изменения? Если забыли, то вернитесь к посту от 09.09.2024. 👉 @sWebDev

Разбираем как решать задачи на LeetCode ✅ Примеры решений ✅ Пояснения Выбери своё направление: 1. Python 2. JavaScript 3. Java 4. C# 5. Golang 6. C/C++ 7. PHP 8. Kotlin 9. Swift

Gridstack.js Gridstack.js — это библиотека JavaScript для создания динамических, настраиваемых сеточных макетов с функцией drag-and-drop. С её помощью можно легко организовывать элементы на странице, перетаскивая их в нужные позиции. Gridstack.js подходит для создания интерактивных панелей, дашбордов и других интерфейсов, где важна гибкость и динамическое управление содержимым. 👉 @sWebDev

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

Smooth GSAP Text Reveal Animation Анимация текста на GSAP. 👉 @sWebDev

Интеграция аутентификации с отпечатком пальца и Face ID в ваше Angular-приложение с использованием WebAuthn: пошаговое руководство Статья описывает процесс добавления биометрической аутентификации (отпечаток пальца и Face ID) в Angular-приложение с помощью WebAuthn. 👉 @sWebDev

💸 Вакансии для IT'шников Выбери своё направление ⤵ 1. Frontend 2. Python 3. Java 4. Тестировщик QA 5. Data Science 6. DevOps 7. C# 8. С/C++ 9. Golang 10. PHP 11. Kotlin 12. Swift

Pixies at rockpoint palladium 1991 Интерактивный постер на Anime.js. 👉 @sWebDev

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

Курс «Разработчик 1С» от Яндекса. За 6 месяцев освоите один из самых простых языков программирования и пройдёте стажировку Зарегистрироваться #реклама 16+ practicum.yandex.ru О рекламодателе

Когда выглядит не очень, но, в принципе, работает. 👉 @sWebDev | #юмор