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

Работа с методом Injector.create() Какую задачу решает метод Injector.create() в Angular? Забыли? Вернитесь к посту от 30.12.2024. 👉 @sWebDev

Txiki.js Txiki.js — это небольшой и минималистичный JavaScript-рантайм, созданный для выполнения современных стандартов ECMAScript. Основная цель проекта — предложить лёгкий и быстрый инструмент для запуска JavaScript-кода, без необходимости использования громоздких движков вроде Node.js. 👉 @sWebDev

Particle system Анимированные частицы на Three.js. 👉 @sWebDev

Почему не стоит использовать внешние отступы в компонентах В статье рассматривается антипаттерн использования внешних отступов (margin) и внутренних отступов (padding) в компонентах пользовательского интерфейса. Автор утверждает, что добавление margin к внешнему элементу компонента нарушает инкапсуляцию и усложняет повторное использование компонентов. Вместо этого рекомендуется управлять внешними отступами на уровне родительских элементов или контейнеров, оставляя компонент ответственным только за внутренние отступы и оформление. 👉 @sWebDev

Есть 2 способа заработать бабки в айти 1. Бесконечно искать информацию в интернете или тратить сотни тысяч рублей на курсы. 2. Подписаться на Frontender's notes и благодаря нему быстро разобраться в нише Front-end, найти клиента и заработать первые 100к в айти Всего несколько месяцев и ты сможешь получать офферы мечты: Frontender's notes

Interactive Threejs Geometry Интерактивная абстрактная фигура на Three.js. 👉 @sWebDev

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

Узнали своего тимлида? ❤️ - 100% 👍 - Это я. 👉 @sWebDev | #юмор

🌐 Единая точка входа в IT! Хочешь освоить полный стек технологий, подготовиться к реальным собеседованиям и получить работу мечты? Мы собрали всё необходимое для твоего роста и развития в одном месте! Выбирай направление и становись частью IT сообщества: 👩‍💻 React Frontend 👩‍💻 Ruby Backend 👩‍💻 iOS Mobile 👩‍💻 Android Mobile 🖥 PHP Backend 👩‍💻 Node.js Backend 👩‍💻 Rust Backend 👩‍💻 Java Backend 👣 Golang Backend 👩‍💻 Python Backend 👩‍💻 QA & Testing 🖥 Общее IT 👨‍💻 Вакансии IT 📅 Митапы IT А также у нас есть собственная платформа для подготовки к собеседованиям! 🔹 1000+ вопросов по всем направлениям 🔹 Удобные тренажеры для отработки навыков 🔹 Система фильтров по технологиям и уровню сложности 🔹 Персональная статистика прогресса и история подготовки YeaHub помогает расти и достигать целей. ⚡

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