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

💸 Вакансии для 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 | #юмор

🔥 Самые нужные каналы для Frontend разработчика, чтобы расти в доходе 💸 • Frontend | Вопросы собесов • Frontend | LeetCode • Frontend | Тесты • Frontend | Удалёнка Подпишись, чтобы не потерять ☝️

Torus Vortex Анимация тороидального вихря на Three.js. 👉 @sWebDev

Динамическая загрузка компонентов с использованием возможностей Angular Ivy Одним из нововведений в Angular с появлением Ivy является возможность динамической загрузки компонентов. Ранее этот процесс требовал использования ComponentFactoryResolver. С Ivy же, динамическая загрузка компонентов стала проще и интуитивно понятнее. Пример: Для динамической загрузки компонентов мы можем использовать метод ViewContainerRef.createComponent. Он позволяет загружать компоненты по мере необходимости, не загружая их в основной бандл приложения.

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

@Component({
  selector: 'app-dynamic-loader',
  template: `<ng-template #container></ng-template>`
})
export class DynamicLoaderComponent {
  @ViewChild('container', { read: ViewContainerRef, static: true }) container: ViewContainerRef;

  constructor() {}

  loadComponent(component: any) {
    this.container.clear();
    this.container.createComponent(component);
  }
}

👉 @sWebDev

Разница налицо. 👉 @sWebDev | #юмор

⚡️ IT-обучение теперь в Telegram! В cвязи с недавнем замедлением Ютуба — лучшие обучающие каналы переехали в Telegram Вот каналы для айтишников: 📱 Frontend: @Frontend 📱 Python: @Python 📱 GitHub: @GitHub ⚙️ Backend: @Backend 🤓 Общее айти: @portalToIT 👩‍💻 Java: @Java 👩‍💻 C#: @Csharp 👩‍💻 С/С++: @Cpp 🖥 Базы Данных & SQL: @SQL 👩‍💻 Golang: @Golang 🖥 PHP: @PHP 👩‍💻 Моб. разработка: @MobDev 👩‍💻 Разработка игр: @GameDev 👩‍💻 DevOps: @DevOps 🖥 Data Science: @DataScience 🤔 Хакинг & ИБ: @InfoSec 🐞 Тестирование: @QA 📱 Маркетинг: @Marketing 🖥 Дизайн: @Design ➡️ Сохраняйте себе, чтобы не потерять

Использование ValidatorFn Что принимает функция-валидатор, созданная с использованием ValidatorFn? Если забыли, то вернитесь к посту от 02.09.2024. 👉 @sWebDev

Superfine Superfine — это минималистичная JavaScript-библиотека для работы с виртуальным DOM, которая позволяет создавать и обновлять пользовательские интерфейсы с минимальными затратами на производительность. 👉 @sWebDev

Eye Анимация глаза на GSAP. 👉 @sWebDev

Яндекс Директ Только этой осенью Яндекс Директ добавит до 20 000 ₽ на рекламу для вашего бизнеса ⚡ Зарегистрируйтесь до 30 сентября 2024 года, чтобы участвовать в акции 💰 Узнать больше #реклама yandex.ru О рекламодателе

Использование изолированных модулей в Angular Статья описывает поддержку опции isolatedModules в Angular 18.2, которая ускоряет сборку приложения на 10% за счёт использования транспиляции TypeScript через бандлер (например, esbuild) вместо обычного TypeScript. Эта опция позволяет оптимизировать код, инлайнить const и обычные enum, и убрать необходимость в оптимизациях на основе Babel для TypeScript-кода. Для включения этой функции нужно добавить "isolatedModules": true в tsconfig.json. 👉 @sWebDev

Textures 3Д анимация фигуры на GSAP. 👉 @sWebDev

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

Курс по frontend-разработке с junior до middle Несколько фактов о нашем курсе: - личный ментор/наставник; - помогаем решать твои текущие задачи; - доучиваем после онлайн-школы; - ведем от уровня junior до middle Уже во время обучения наши ученики зарабатывают от 60 000 рублей. Хватит тратить деньги, покупая не оправдывающие себя курсы Забронируй курс по специальной цене! Узнать больше #реклама 16+ ykul.ru О рекламодателе

У вас уже наступил год "Х"? 👍 - Да. ❤️ - Пусть учатся понимать. 👉 @sWebDev | #юмор