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

Vue.Draggable Vue.Draggable - библиотека Vue для создания перетаскиваемых элементов. Библиотека имеет простой и понятный API, а также поддерживает различные типы перетаскивания, включая перетаскивание между элементами, перетаскивание в пределах элемента и перетаскивание с одного экрана на другой. 👉 @sWebDev

Разработка веб-приложений в 2023 году: Angular против React: битва за господство В статье сравниваются два популярных фреймворка: Angular и React. Автор статьи рассматривает следующие аспекты: популярность; производительность; обучение; поддержка. 👉 @sWebDev

Game of Thrones: Daenerys, Mother of Dragons Анимированная Дейенерис Таргариен из "Игры престолов", выполненная на Gsap.js. 👉 @sWebDev

ng-admin ng-admin - это библиотека Angular для создания админ-панелей. Библиотека имеет простой и понятный API, а также поддерживает различные компоненты, включая таблицы, формы, фильтры и виджеты. Кроме того, поддерживает международную поддержку и интеграцию с различными API. 👉 @sWebDev

Библиотека компонентов Angular. Часть 1 Рассмотрим как создать библиотеку компонентов для Angular. Статья начинается с планирования библиотеки, в котором необходимо определить цели, целевую аудиторию и набор компонентов. Затем автор описывает процесс создания библиотеки, включая настройку проекта, создание компонентов и их тестирование. 👉 @sWebDev

Виджет погоды на Vue.js Пошаговый туториал по созданию виджета погоды на Vue JS, Open Weather Map API и restful api для получения данных о погоде. 👉 @sWebDev

Angular Elements Angular Elements позволяют использовать Angular-компоненты в качестве обычных HTML-элементов. Это означает, что Angular-компоненты можно включать в любые HTML-документы, даже если они не созданы с использованием Angular. Для создания Angular Elements можно использовать директиву @Component() с атрибутом selector со значением element. Например, следующий код создает Angular-компонент, который можно использовать в качестве HTML-элемента:

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

     click() {
       alert('Button clicked!');
     }
   }

Этот компонент можно использовать в любом HTML-документе следующим образом: <my-button (click)="doSomething()"></my-button> 👉 @sWebDev

Знаешь что такое черная пятница в IT? Хостинг aeza.net устраивает распродажи виртуальных и выделенных серверов на базе процессоров AMD Ryzen 7950X и 7950X3D по очень выгодным ценам. Вас ожидают скидки до 20%, кэшбек, а так же скидки на панель ispmanager. Залетай к нам c 11.11 по 18.11 и забирай, пока не разобрали, число серверов ограничено Наш новостной канал Реклама. ООО "АЕЗА ГРУПП" ИНН 7813654490 erid: LatgBXPFR

Кулинарный гид по Vue.js: всё о props В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props на фреймворке Vue.js, а еще мы затронем тему валидации. Для мидлов и более опытных специалистов — настоящих шеф-поваров мы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему, если замылился глаз. 👉 @sWebDev

Ленивая загрузка изображений в Angular Что использует директива NgOptimizedImage для ленивой загрузки изображений? 👉 @sWebDev

The Fearless Seven Герои Игры Престолов, выполненные на Vue.js. 👉 @sWebDev

Stimulus Библиотека для создания веб-приложений на основе событий. Она позволяет разработчикам создавать реактивные приложения без необходимости использовать виртуальную DOM. 👉 @sWebDev

10 лучших практик и советов от профессионалов при использовании Angular CLI Материал позволит вам узнать чуть лучше о методах Angular CLI для создания и управления проектами Angular. 👉 @sWebDev

​✔️Приходите на бесплатный открытый урок «Nest.Js - мощный фреймворк разработки веб приложений» от OTUS. Занятие пройдёт 20 ноября в 20:00 мск в рамках курса «Node.js Developer». После него вы сможете продолжить обучение на специальных условиях. 🎯 Спикер: Арсений Высоцкий, Teamlead в большой международной компании. Больше десяти лет разрабатывает веб-приложения. На занятии разберем: - Рассмотрим архитектурные принципы, на которых основан Nest.Js, включая внедрение зависимостей (Dependency Injection) и модульность; - Узнаете о создании маршрутов (routes) в Nest.Js и как они связаны с контроллерами; - Рассмотрим, как использовать middleware в Nest.Js для обработки промежуточных операций в приложении; - Покажем, как взаимодействовать с различными системами баз данных в Nest.Js, включая MongoDB, PostgreSQL, MySQL и другие; - Рассмотрим методы и инструменты для тестирования и отладки приложений Nest.Js; В конце вебинара будет предоставлено время для ответов на вопросы участников. Вы сможете задать свои вопросы о Nest.Js и получить консультации от опытного специалиста. 👉Регистрируйтесь бесплатно прямо сейчас и ставьте событие в календарь, чтобы ничего не пропустить: https://vk.cc/cse7H9 Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid: 2SDnjdsqK2Y

Movie App Concept Анимированная галерея постеров кино, выполненная на Vue.js. 👉 @sWebDev

Prismane Prismane — это библиотека для создания веб-приложений на основе React. Она предоставляет набор компонентов и функций, которые упрощают разработку и тестирование приложений. Основные преимущества: 1. Простота использования: библиотека имеет понятный интерфейс и документацию. 2. Надёжность: Prismane использует современные технологии и подходы к разработке. 3. Масштабируемость: библиотека позволяет создавать приложения любого размера и сложности. 👉 @sWebDev

Освоение Angular Services и внедрения зависимостей: подробное руководство с примерами По ссылке подробное руководство по работе с Angular Services. Рассмотрим возможности и внедрим зависимости с помощью наглядных примеров. 👉 @sWebDev

😎Освой продвинутые инструменты фронтенда — изучи React! ✔️Приходите на бесплатный открытый урок «Хуки и мемоизация» от OTUS. Занятие пройдёт 16 ноября в 19:00 мск в рамках курса «React.js Developer». После него вы сможете продолжить обучение на специальных условиях. Занятие будет полезно frontend JavaScript разработчикам и начинающим React разработчикам. 👉Регистрируйтесь бесплатно прямо сейчас и ставьте событие в календарь, чтобы ничего не пропустить: https://vk.cc/csb6Tn Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid: 2SDnjceP7Gc

svg animals Генератор животных, выполненный с использованием Anime.js и SVG. 👉 @sWebDev