Frontender Libs - обзор библиотек JS / CSS
Відкрити в Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
Показати більше7 370
Підписники
-324 години
-297 днів
-9430 днів
Архів дописів
ThreeJS Journey with Lighting Change
Интерактивная сцена полета на ThreeJS.
👉 @sWebDev
Переведем приложения сайты на 45+ языков. С локализацией
Мы специализируемся на:
*** Переводе сайтов - мы поможем вам расширить вашу аудиторию, переведя ваш сайт на разные языки мира. Это отличная возможность привлечь новых клиентов и увеличить продажи.
*** Переводе приложений - мы сделаем ваше приложение доступным для пользователей из разных стран, переведя его на нужные языки. Это позволит расширить географию использования и повысить узнаваемость бренда.
*** Наша компания имеет богатый опыт работы с клиентами из разных отраслей и стран. Мы гарантируем высокое качество перевода, соблюдение сроков и конфиденциальность информации.
Перейти на сайт
#реклама 16+
kolkogroup.com
О рекламодателе
Snabbdom
Snabbdom - это библиотека виртуального DOM, которая обеспечивает высокую производительность и гибкость. Она использует подход
render-as-you-go для создания DOM, что позволяет избежать необходимости повторно создавать весь DOM при каждом изменении данных.
👉 @sWebDevХостинг, сборка и развертывание проектов Next.js на GitHub Pages
Туториал о том, как развернуть проект Next.js на GitHub Pages. Вы найдете подробные инструкции по установке необходимых инструментов и зависимостей, настройке проекта Next.js для работы с GitHub Pages, сборке проекта и его публикации. Также туториал содержит советы по оптимизации производительности и безопасности проекта Next.js, развернутого на GitHub Pages.
👉 @sWebDev
Все кто выбрал вариант 1 - молодцы 👍
Остальным рекомендую с этим разобраться в первую очередь!
Это простые и очень мощные инструменты для адаптивных макетов
Например, чтобы расположить элементы как на картинке достаточно добавить 2 свойства для родительского блока:
flex;
align-items: (один из вариантов)
Но это только верхушка айсберга, чтобы понастоящему разобраться - поиграйтесь с этим тренажером
Ребята разложили все по полочкам, а задания можно выполнять прямо в браузере
😼 P.S. выравнивать нужно будет в основном котовВойти в IT создали годный проект для всех Frontend разработчиков:
1️⃣ Прокачай свои навыки программирования без особых усилий
2️⃣ Каждый день на канале выходят курсы и статьи от ведущих специалистов на рынке IT
3️⃣ Больше не нужно тратить кучу времени на поиск хороших, бесплатных обучающих материалов в интернете
P.S. Мы сами уже давно подписаны и иногда берем контент у них 😏
Christmas webgl
Праздничная анимация на ThreeJS и GSAP.
👉 @sWebDev
Циклическое отображение элементов массива
ngForOf - директива Angular, которая позволяет циклически отображать элементы массива. Директива добавляет в DOM один или несколько элементов для каждого элемента массива.
Синтаксис:
<ul *ngFor="let item of items">
<li>{{item}}</li>
</ul>
Параметры:
item - переменная, которая будет содержать текущий элемент массива.
items - массив, элементы которого будут отображаться.
Дополнительные параметры:
index - переменная, которая будет содержать индекс текущего элемента массива.
first - флаг, который указывает, является ли текущий элемент первым в массиве.
last - флаг, который указывает, является ли текущий элемент последним в массиве.
👉 @sWebDevReact.memo на самом деле хорош
Статья рассказывает о том, что React.memo - это эффективный инструмент для улучшения производительности React-приложений. Он может использоваться для оптимизации React-приложений, предотвращая повторный рендеринг компонентов, которые не зависят от своих props или имеют небольшое количество props.
👉 @sWebDev
Какой из следующих вариантов является правильным описанием того, что делает хук useImperativeHandle()?
Настройка ссылки, возвращаемой компонентом при использовании хука useRef()
Какой из следующих вариантов является правильным описанием того, что делает хук
useImperativeHandle()?
👉 @sWebDevi18n.js
i18n-js - это библиотека для локализации приложений на JavaScript. Она предоставляет простой и удобный способ переводить текст, даты, числа и другие элементы интерфейса на разные языки.
👉 @sWebDev
Anime.js Fireworks
Анимированный эффект фейерверка на Anime.js.
👉 @sWebDev
Полное руководство по использованию cookies в Next.js
Статья о том, как использовать cookies в Next.js. В ней рассматривается как читать, записывать и управлять cookies.
👉 @sWebDev
‼️Всем кодерам посвящается‼️
Code ready — лучшие подборки эффектов, анимаций и многое другое для твоих проектов, сразу с готовым кодом и примером их использования.
🪩 Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready
Encrypted Password Reveal
Анимированное поле логина на GSAP.js.
👉 @sWebDev
React-magic-motion
React-magic-motion - это библиотека для создания анимированных компонентов React. Она основана на библиотеке framer-motion и предоставляет простой и удобный способ создания различных видов анимаций.
👉 @sWebDev
Полиморфизм в React: 2 паттерна, которые вы должны знать
Статья рассказывает о полиморфизме в React. Полиморфизм - это способность объекта выполнять действия в зависимости от его типа. В React полиморфизм можно использовать для того, чтобы создавать компоненты, которые могут обрабатывать различные типы данных.
👉 @sWebDev
3D Little Bakery
Небольшая трехмерная пекарня, созданная с использованием библиотеки Three.js.
👉 @sWebDev
