Telegram Web Link
This media is not supported in your browser
VIEW IN TELEGRAM
Text animation with anime.js

Интерактивный пример анимации текста на Anime.js.

👉 @sWebDev
Надеемся, что это не ваши поисковые запросы.

👉 @sWebDev | #юмор
jBox

jBox – это библиотека JavaScript, которая позволяет создавать различные типы всплывающих окон.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
CartaSV

Интерактивная анимация открытки с персонализированным содержимым на GSAP.js.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
👨‍💻Изучаешь Frontend? Я тоже!

idk Frontend - канал, в котором я максимально подробно конспектирую весь мой путь обучения с самого старта.

С меня:
— Сложная теория простым языком;
— Практические примеры и объяснения;
— Работа над ошибками.

С тебя:
— Подписка @idk_frontend

Продолжим обучаться вместе! 👋
Please open Telegram to view this post
VIEW IN TELEGRAM
Создание Angular-приложения на базе искусственного интеллекта с помощью Google Gemini

В статье рассказывается о том, как использовать Google Gemini для создания приложений Angular, оснащенных искусственным интеллектом. Gemini — это платформа генеративного ИИ, которая позволяет разработчикам создавать приложения, способные генерировать текст, переводить языки, писать различные творческие тексты и отвечать на ваши вопросы информативно.

👉 @sWebDev
React useTransition: изменение производительности или...?

Статья рассматривает вопросы производительности в React и в частности, как useTransition и useDeferredValue могут повлиять на взаимодействие с пользовательским интерфейсом

👉 @sWebDev
Isotope

Isotope – это JavaScript-библиотека, которая позволяет фильтровать и сортировать элементы на странице. Она работает с элементами DOM, поэтому ее можно использовать с любой библиотекой или фреймворком JavaScript.

👉 @sWebDev
Условия для вызова хука afterNextRender

Когда вызывается хук afterNextRender?

👉 @sWebDev
Изучение четырех ключевых примитивов из Solid

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

👉 @sWebDev
Синхронизация с внешним хранилищем

useSyncExternalStore - это хук, позволяющий синхронизировать состояние компонента с внешним хранилищем данных.

Пример использования:
const store = createStore();

function MyComponent() {
const data = useSyncExternalStore(
store.subscribe,
store.getSnapshot,
);

return (
<div>
{data.map((item) => (
<p key={item.id}>{item.text}</p>
))}
</div>
);
}


В этом примере:
1) store - это наше внешнее хранилище данных.
2) useSyncExternalStore принимает два аргумента:
- store.subscribe: функция, которая подписывается на обновления хранилища.
- store.getSnapshot: функция, которая возвращает текущее состояние хранилища.
3) data - это переменная, которая содержит текущее состояние хранилища.
4) Компонент MyComponent будет обновляться
каждый раз, когда состояние хранилища меняется.

👉 @sWebDev
Media is too big
VIEW IN TELEGRAM
Background Generator

Генератор баблов для фона на Anime.js.

👉 @sWebDev
Забывали ставить ;?

👉 @sWebDev
ImagesLoaded

ImagesLoaded – это JavaScript-библиотека, предназначенная для отслеживания загрузки изображений на веб-странице. Она позволяет вам выполнять код после того, как все изображения на странице (или в заданном селекторе) будут загружены.

👉 @sWebDev
This media is not supported in your browser
VIEW IN TELEGRAM
GSAP scrolltrigger exemple

Пример скролл-анимации на GSAP.js.

👉 @sWebDev
Реализация React Query в веб-приложении

В этой статье рассматривается интеграция библиотеки React Query в базовое веб-приложение. React Query - это библиотека для управления, кэширования и синхронизации состояния сервера в приложениях React. В статье создается простое приложение, которое извлекает данные из открытого API, а для стилизации используется Bootstrap.

👉 @sWebDev
Media is too big
VIEW IN TELEGRAM
Spooky - ThreeJS

Пример реализации трехмерной диорамы на Three.js.

👉 @sWebDev
Resizable.js

Resizable.js - это JavaScript-библиотека, позволяющая сделать элементы HTML-страницы изменяемыми по размеру.

👉 @sWebDev
Внимание, разработчики!
@TopSelectionWeb3

💼Хотите прокачать свой LinkedIn-профиль и привлечь внимание рекрутеров?

🚀Команда TopSel приглашает вас на еженедельный бесплатный Разбор профилей LinkedIn в прямом эфире, который состоится в это воскресенье, 7 апреля, в 14:00 по мск!

💻На этот раз мы сфокусируемся на профилях разработчиков: Frontend, Backend, Fullstack, iOS/Android.

Не упустите возможность улучшить свой LinkedIn профиль и увеличить шансы на трудоустройство!

Делитесь вашими профилями в комментариях под последним постом на канале @TopSelectionWeb3
2025/07/07 08:57:11
Back to Top
HTML Embed Code: