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

Apple Scrolling Effect Скролл-анимация монеты на GSAP. 👉 @sWebDev

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

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

А вас выматывают долгие созвоны? 👍 - Да, это просто кошмар. ❤️ - Нет, я легко их переношу. 👉 @sWebDev | #юмор

Randomizing Perlin Noise Абстрактная анимация на GSAP и Canvas. 👉 @sWebDev

Управление зонами через NgZone.runOutsideAngular() Метод runOutsideAngular() из Angular позволяет выполнять код за пределами зоны Angular. Это предотвращает избыточное обнаружение изменений, ускоряя приложение в сценариях, где Angular не должен отслеживать изменения. Такой подход полезен для обработки скроллинга, таймеров или анимаций. Пример:

import { Component, NgZone } from '@angular/core';

@Component({
  selector: 'app-optimization-example',
  template: `<p>Скорость приложения оптимизирована!</p>`,
})
export class OptimizationExampleComponent {
  constructor(private ngZone: NgZone) {
    this.ngZone.runOutsideAngular(() => {
      window.addEventListener('scroll', this.handleScroll);
    });
  }

  handleScroll = () => {
    console.log('Событие скроллинга обработано!');
  };
}

В данном примере Angular не отслеживает события scroll, что снижает нагрузку на систему. Однако важно помнить, что для обновления интерфейса нужно вернуться в зону Angular с помощью NgZone.run(). 👉 @sWebDev

Кем быть сложнее: фулстеком или девопсом? 👍 - Фулстеком: больше задач. ❤️ - Девопсом: никто не понимает, что ты делаешь. 👉 @sWebDev | #юмор

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

Choices.js Choices.js — это легковесная библиотека для работы с пользовательскими элементами ввода, такими как выпадающие списки, многострочные выборы (multi-select), и текстовые поля с тегами. Она позволяет быстро создавать и стилизовать интерактивные элементы форм. 👉 @sWebDev

Diorama - Milk Анимация диорамы на Three,js, 👉 @sWebDev

Управление компонентом React через URL Статья объясняет, как синхронизировать состояние React-компонента с параметрами URL. Рассматриваются методы работы с window.location и библиотекой React Router, чтобы изменять состояние компонента на основе текущего URL и сохранять параметры при обновлении страницы. Приведены примеры реализации с кодом. 👉 @sWebDev

✅️ GitHub теперь в Telegram! Подписывайтесь: @GitHub

See Анимация буквы "C" на GSAP. 👉 @sWebDev

FileSaver.js FileSaver.js — это библиотека для сохранения файлов непосредственно из браузера. Она работает с Blob-объектами и обеспечивает простой способ загрузки данных на стороне клиента без серверной обработки. 👉 @sWebDev

Бесплатное IT-образование в 2024 Отобрали для вас полезные телеграм-каналы, которые помогут освоить IT-направления Выбирайте нужное и подписывайтесь: — Frontend: t.me/+qWPopdiaxVMzZDgy — Backend: t.me/+X-zQb-NgzGNhMzRi — GitHub: t.me/+3BVAmDixuO9lYTFi — Книги айти: t.me/+IG2NAVECUXs4MGYy — Python: t.me/+vBSA5zgB_gA0OWRi — Java: t.me/+3BRKfZ09ewg0NDJi — C#: t.me/+O3pnFY4bpF5hNTEy — С/С++: t.me/+PGxPXpZZczQxODcy — Базы Данных & SQL: t.me/+530qWWydM8ExZjk6 — Golang: t.me/+FvTd7F-O-NNmNGMy — PHP: t.me/+jBvbaet0vpplNDQy — Моб. разработка: t.me/+Ikx5H4MrPihlOWZi — Разработка игр: t.me/+Z34knEvL8P9lZTAy — DevOps: t.me/+3wSgqmP5NOBhZGUy — Data Science: t.me/+-CuoNNa6P7VjOTRi — ИБ: t.me/+4jo8N5jtGDs1NTli — Тестирование: t.me/+MvFXlXbmmPFkM2Ey — Маркетинг: t.me/+lgiFPJTYp8M0ZjRi — Дизайн: t.me/+gmflvDFPc_c1YmIy Получить предложение #реклама 16+ О рекламодателе

Вы сталкивались с таким подходом от бэкенд-разработчиков? 👍 - Да, это боль. 🤔 - Мы уже договорились использовать CSS. ❤️ - Я сам так делаю. 👉 @sWebDev | #юмор

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

Симулятор работы тимлидом Представьте, что вы тимлид, и у вас есть месяц, чтобы довести проект до дедлайна. В вашем распоряжении трое сотрудников, мягко говоря, не самых старательных. Вместе с ними вам придется распределять задачи, выполнять работу и выслушивать их на зум-встречах. 👉 @sWebDev

😱 Вот и всё! Теперь вам не нужно сливать деньги на дорогие курсы по фронтенд-разработке — всё необходимое для обучения доступно совершенно бесплатно! Всё, что нужно для изучения фронтенда: полное руководство по HTML, CSS, а также практические гайды — @made_in_html_css. Детальный анализ материалов по FRONTEND-разработке. При этом информация представлена в лёгком и доступном формате, который делает процесс обучения увлекательным и ненадоедливым! Не упустите шанс подписаться на этот уникальный канал — Made in HTML/CSS