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

Управление состоянием в Angular: какие есть варианты? Статья рассказывает о различных вариантах управления состоянием в Angular приложениях. Автор объясняет, что такое состояние, зачем им нужно управлять, и какие библиотеки и подходы существуют для этого. 👉 @sWebDev

Любишь рисовать или создавать новые проекты – тебе сюда, на бесплатный курс компьютерной графики! ☑️ Узнай, как создавать арт-проекты для игр, кино и рекламы. ☑️ Научись делать уникальный визуал, даже если у тебя нет опыта в компьютерной графике. Куратор поможет, и ты совсем скоро добавишь в портфолио 20 работ — и сможешь устроиться в студию, работать на фрилансе или стать NFT-художником. Классная перспектива? Ну да, для тех, кто запишется прямо сейчас, а не отложит все на потом.

Разрыв фото на Gsap.js Пример анимации разрыва фото на GSAP.js. 👉 @sWebDev

Не бойся собеседований и поиска работы! Трать 10 минут в день и оставайся максимально актуальным разработчиком на рынке. progway — канал с разбором самых актуальных вопросов с Front-End собеседований: — Как оценить алгоритм? — Откуда методы у примитивов? — Какая структура у HTTP запроса? — Что такое cookies? — и ещё более 150 вопросов Автор канала — Денис, разработчик с опытом менторинга и собеседований более 4 лет. Готовься к собеседованиям эффективно вместе с @prog_way_blog — выделись среди конкурентов!

Тонкая настройка директивы ngModel ngModelOptions – это объект, который позволяет настроить различные параметры директивы ngModel. updateOn: определяет, когда происходит обновление модели (при blur, change или input). debounceTime: задержка обновления модели (в миллисекундах). emitModelToViewChange: позволяет синхронизировать изменения модели с представлением. modelToViewConverter: функция для преобразования значения модели перед отображением в представлении. viewToModelConverter: функция для преобразования значения представления перед сохранением в модели. Пример использования:

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
})
export class AppComponent {
  model = '';

  constructor() {}

  ngOnInit() {
    this.model = '初始值';
  }
}

<input [(ngModel)]="model" ngModelOptions="{updateOn: 'blur', debounceTime: 500}">

В этом примере значение модели будет обновляться только при потере фокуса с поля ввода. обновление модели будет задерживаться на 500 миллисекунд. 👉 @sWebDev

Вебинар: «Эффективные коммуникации в проектной команде» - Упускаете детали, которые влияют на реализацию проекта и влекут дополнительные затраты на исправление ошибок? - Коммуникация проектных групп бывает затруднительной, что замедляет процесс реализации проекта? - Регулярные совещания команды затягиваются и заканчиваются без четких договоренностей и конкретных решений? - Участники ощущают, что тратят время впустую, а их мотивация к участию в этих совещаниях снижается? Глеб Архангельский, ведущий российский эксперт в области личной и бизнес-эффективности, подробно разберет каждую из этих проблем! Вебинар пройдет 5 марта 2024 года с 17:00 до 18:00. Мы ждём всех тех, кто интересуется современными технологиями и готов применять их для повышения командной эффективности! Зарегистрироваться #реклама 16+ my.mts-link.ru О рекламодателе

Улучшаем типизацию роутинга в Next.js Next.js - популярный фреймворк React, который упрощает создание серверных и статически-генерируемых веб-приложений. Однако встроенная система маршрутизации Next.js не обладает полной типобезопасностью. Без типобезопасности маршрутизации возможны ошибки, такие как: сломанные ссылки, неверно отформатированные строки запросов или отсутствующие параметры маршрута. 👉 @sWebDev

Назначение параметра loading в use(Promise) Что означает параметр loading в хуке use(Promise)? 👉 @sWebDev

gl-matrix gl-matrix - это библиотека JavaScript для работы с векторами и матрицами, оптимизированная для WebGL. Она предоставляет набор функций для выполнения различных операций с векторами и матрицами. 👉 @sWebDev

CARD NARUTO Слайд анимация карточек с персонажами из Наруто на Anime.js. 👉 @sWebDev

Telegram-канал об IT-решениях для бизнеса СофтТех Друзья, не пропустите важную информацию! Канал СофтТех рассказывает об IT-решениях для бизнеса и тех, кто их создаёт: ПО и кибербезопасность, облачные технологии, ЦОДы и IoT. Сами давно читаем и вам советуем подписаться. Подписаться #реклама О рекламодателе

Оптимизация рендеринга Vue с помощью v-once и v-memo Фреймворки front-end, такие как Vue и React, завоевали популярность как ответ на отсутствие реактивности в JavaScript. В этой статье рассматривается, чем реактивные данные отличаются от нереактивных данных в Vue. 👉 @sWebDev

В жизни все взаимосвязано Если ты потратил весь вечер на компьютерную игру – упустил возможность заработать, создавая ее. Не жди, возьми жизнь в свои руки, и зарабатывай на любимом деле – стань разработчиком игр! И да, это бесплатно, так что не жди, пока твое место на потоке обучения займет твой напарник по игре. Поторопись, бро! Реклама ЧОУ ДПО «Образовательные технологии «Скилбокс (Коробка навыков)» ИНН 9704088880 erid 2VtzqvVWQgi

Netbase Animated Icons Анимированные иконки на Anime.js. 👉 @sWebDev

Как разрабатывать CLI на Node.js? Узнайте на бесплатном практическом уроке от OTUS, где вы вместе с опытным экспертом разберете: 1. Введение в CLI-разработку 2. Основы работы с Node.js 3. Создание интерфейса CLI 4. Обработку пользовательского ввода 5. Взаимодействие с файловой системой и внешними API 6. Тестирование и отладку 7. Лучшие практики и советы разработки CLI Встречаемся 6 марта в 20:00 мск в рамках курса «JavaScript Developer. Professional». Доступна рассрочка на обучение! Пройдите небольшой тест прямо сейчас, чтобы посетить бесплатный урок и получить запись: https://vk.cc/cv0Tj1 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 Erid 2SDnjcKE7ct

Next-typed-routes Next-typed-routes - это библиотека TypeScript, которая добавляет типобезопасность к маршрутизации Next.js. 👉 @sWebDev

Упрощение импорта файлов в Angular с помощью новых параметров загрузчика В статье представлены три новых типа загрузчиков: загрузчик текста (text): преобразует содержимое файла в строку, что идеально подходит для текстовых файлов; бинарный загрузчик (binary): преобразует бинарные файлы в Uint8Array, что удобно для работы с бинарными данными; загрузчик файлов (file): сохраняет файлы отдельно и предоставляет их местоположение во время выполнения, что идеально подходит для ресурсов. 👉 @sWebDev

Большое событие для фронтенд-сообщества — конференция «Я💛Фронтенд 2024». Встречаемся 23 марта в Москве и онлайн! В один день в одном месте соберутся ведущие специалисты в области разработки, чтобы поделиться последними новостями веба, узнать много интересного от крутых экспертов своей области, и, конечно, пообщаться с другими участниками сообщества. Узнайте больше информации о программе и спикерах конференции на сайте. Реклама. ООО "Яндекс". ИНН 7736207543

Anime.js Анимация линий на Anime.js. 👉 @sWebDev