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

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

Биткоин будет очень сильно расти Через коррекции, через боль, но будет. И за ним весь рынок… Есть мнение интересного аналитика, который сказал автору канала Шеф такие слова: «Если ты не сделаешь свои 10 млн долларов на крипте в 2024-2025 годах, то их уже будет гораздо сложнее сделать потом» 🐆 Есть сильная возможность для всех, кто хочет сложить пополам систему в свою пользу. В смысле и сути денег… Ты либо делаешь это, либо нет: 👉 https://t.me/+L70eYIfFipFjNGJk

Передача контекста в шаблоны Директива ngTemplateOutletContext позволяет передавать контекст шаблону, вставляемому с помощью ngTemplateOutlet. Директива имеет один атрибут: context.

<div>
  <ng-template-outlet name="myTemplate" [ngTemplateOutletContext]="context"></ng-template-outlet>
</div>

<ng-template #myTemplate let-data>
  <p>{{data.name}}</p>
</ng-template>

<button (click)="changeContext()">Изменить контекст</button>


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

@Component({
  selector: 'my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {

  context = {
    name: 'John Doe'
  };

  changeContext() {
    this.context = {
      name: 'Jane Doe'
    };
  }

}

В этом примере ngTemplateOutletContext используется для передачи объекта context в шаблон myTemplate, который использует переменную let-data для доступа к значению свойства name объекта context. 👉 @sWebDev

LAMM - лучший среди конкурентов в контрольной закупке Результаты независимого исследования торгово-промышленной палаты гелей для стирки 5 известных брендов-производителей. Узнайте: -Какова моющая способность гелей для стирки в борьбе с самыми распространенными загрязнениями? -Технология проведения контрольной закупки. -Насколько производители следуют стандартам ГОСТ? -Как показали себя различные гели для стирки белого белья в категории Борьба с пятнами пота и крови? Проверка на прочность в нашей статье Узнать больше #реклама dzen.ru О рекламодателе

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

🔥 Годнота Наткнулся на базу с 1400 вопросов с собеседований на Frontend разработчика. Фишка в том что просчитана вероятность с которой вопрос буден задан и есть примеры ответов. Теперь можно легко получить оффер, подготовившись к самым популярным вопросам.

Объединение рефов в React Какая функция позволяет объединить два или более рефов в один? 👉 @sWebDev

Dnd Kit Библиотека для создания элементов drag and drop в React. Соответственно, разработчик может без проблем добавлять эти функции в свои приложения, давая возможность пользователям управлять контентом при помощи визуальных инструментов. Важная особенность Dnd Kit — бесшовная работа с HTML5 drag-and-drop API. 👉 @sWebDev

Basic animations via Anime.js Примеры реализации базовых анимаций на Anime.js. 👉 @sWebDev

ЖК Mercer House в Дубае от Ellington Properties Шикарный жилой комплекс в центре Дубая! Mercer House расположен в центре оживленного района Аптаун Дубай, и являет собой символ городского изыска и современного дизайна. Комплекс состоит из двух эффектных башен, заметно выделяющихся на фоне городского небосклона. Особо впечатляет архитектура объекта. Из окон зданий открываются панорамные ландшафты на городскую суету и лазурный берег Дубая. Роскошные студии, апартаменты с одной, двумя и тремя спальнями, а также пентхаусы с четырьмя комнатами. Mercer House предоставляет: - Торговые точки и рестораны - Бассейн в стиле пляжного клуба - Аркадная игровая комната Оставьте заявку! Подать заявку #реклама ellingtonproperties.ru О рекламодателе