Использование v-model во Vue 3

В статье рассмотрим изменения в директиве v-model во Vue 3. Также, изучим несколько привязок v-model для упрощения процесса создания сложных форм.

👉 @sWebDev

Ramda

Ramda — это JavaScript библиотека для функционального программирования. Одна из прекрасных сторон JavaScript — это то, что разработчики могут выбирать между функциональным и объектно-ориентированным программированием. У обоих подходов есть как плюсы, так и минусы, но, если вы предпочитаете именно функциональное, то стоит определённо обратить внимание на Ramda. Подробный обзор по ссылке.

👉 @sWebDev

Space Travel

Анимированная сцена, созданная при помощи SCSS, SVG, Three.js и GSAP.js.

👉 @sWebDev

Stack game with Three.js and Cannon.js

Залипательная игра, созданная на CSS и библиотеках Three.js и Cannon.js.

👉 @sWebDev

Lodash

Lodash по-прежнему является одной из популярных и полезных JavaScript библиотек. Она берёт на себя все хлопоты по работе со строками, массивами, объектами и прочим. Полный обзор по ссылке.

👉 @sWebDev

Magnetic Hover Interaction

Эффект притягивания магнитом при наведении. Выполнено на SCSS и GSAP.js.

👉 @sWebDev

Preact

Библиотека Preact, как можно судить из её названия, весьма похожа на React. Но, гораздо меньше, её размер составляет всего 3 Кб. Preact даёт разработчику современный API, как у React и предоставляет компактную реализацию абстракции виртуальной DOM. Подробный обзор доступен по ссылке.

👉 @sWebDev

Как быстрее освоить фронтенд разработку? Используйте комплексный подход!

Немаловажный фактор - наличие обратной связи. Вот почему мы собрали для вас бесплатный интенсив с практикой и обратной связью.

Будет общий чат, проверка домашек от экспертов, различные бонусы!

Проскочить на интенсив бесплатно можно по ссылке: Frontend Start

Going to Quasar

Анимация, созданная с помощью canvas и библиотеки p5js.

👉 @sWebDev

Использование директивы NgOptimizedImage для реализации загрузки изображений в Angular

Если используете Angular, то полезно разобраться с принципом работы директивы NgOptimizedImage, используемой для реализации загрузки изображений, доступной в Angular 14.2.0.

👉 @sWebDev

Кубик Рубика

Интерактивная головоломка, созданная на HTML, CSS и Three.js.

👉 @sWebDev

Руководство по Vue 3 Composition API

Composition API - позволяет устранять ограничения и дает возможность управлять скоростью приложений без ущерба их архитектуре и валидности кода.
По ссылке подробное руководство по Vue 3 Composition API.

👉 @sWebDev

Riot

Riot — это простая библиотека для разработки пользовательских интерфейсов, основанная на компонентах. Позволяет применять пользовательские элементы во всех современных браузерах без необходимости использования полифиллов. Эти компоненты помогают объединять HTML и JavaScript, формируя сущности, подходящие для многократного использования. Синтаксис Riot отличается чистотой и рассчитан на лёгкость восприятия программных конструкций. Размер Riot составляет всего 6 Кб.

👉 @sWebDev

Dreaming of Jupiter - Three.js

Анимированная сцена, созданная при помощи CSS и библиотеки Three.js.

👉 @sWebDev

Backbone.js

Аналог тяжеловесных JS-библиотек. Необходимо учитывать, что для работы с библиотекой понадобится jQuery, либо его аналог. Фреймворк можно использовать в проектах и по частям. Backbone.js придает структуру веб-приложениям, предоставляя модель с привязкой «ключ-значение», настраиваемыми событиями и коллекциями с богатым API – все это можно подключить к существующему API через интерфейс RESTful JSON.

👉 @sWebDev

3D Carousel на React

Карусель, созданная на React и SCSS. Немного оптимизации и карусель можно использовать в собственных проектах.

👉 @sWebDev

Portal scene на Three.js

Анимированная 3D модель, созданная на SCSS и Three.js.

👉 @sWebDev

Продвинутые хуки в React: всё о UseEffect

useEffect — это хук, который можно использовать для замены некоторых методов жизненного цикла классового компонента. UseEffect используется в следующих случаях:
при визуализации компонента (метод componentDidMount в классовом компоненте);
при обновлении компонента (метод componentDidUpdated в классовом компоненте);
при удалении компонента из DOM (метод componentWillUnmount в классовом компоненте).

👉 @sWebDev

Letterize.js

Letterize.js - библиотека для анимации текста. Помещает каждую из букв в отдельный блок и использует их в процессе анимации.

👉 @sWebDev

Folding Ticket Detail

Анимированное расписание полётов. Созданное на CSS и React.

👉 @sWebDev