Самые полезные библиотеки JS для красивых анимаций

Интересное в исполнении приложение всегда сможет привлечь внимание, поскольку мы любим, когда красиво. Но что стоит за этим "красиво"? И начинка, и внешний вид. Сегодня я бы хотела поговорить о внешнем виде, ведь встречают по одежке. А конкретно - про анимации.

📚 Cсылка на статью: Читать

👉 @byFrontDeveloper | #статьи

Коллекция с анимацией кнопок при наведении

Реализованы с помощью CSS

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

JavaScript c Нуля - Курс для начинающих с практикой БЕЗ ВОДЫ

В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. Вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык

📺 Cсылка на курс: YouTube

👉 @byFrontDeveloper | #курсы #js

Стоит ли становиться Fullstack разработчиком

Сегодня я кратко (или не очень) изложу свои мысли о том, стоит ли быть fullstack разработчиком, какие плюсы и минусы у такого пути развития и для кого такое направление выгодно.

📚 Cсылка на статью: Читать

👉 @byFrontDeveloper | #статьи

Анимированный меню индикатор

Реализовано на HTML & SCSS & JS

🔗 Код: CodePen

👉 @byFrontDeveloper | #код

Верстка сайта по макету

Пошаговая верстка сайта Kropp Fitness по макету Figma на HTML, CSS

🔗 Макет: Figma
🔗 Репозиторий с кодом проекта: Github
🔗 Ссылка на плейлист: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

Аккордеон без использования JavaScript

Реализовано с помощью HTML & CSS

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Accessibility курс 2024

Мини-курс по цифровой доступности для Frontend-разработчиков

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #видео #курсы

Hamburger Icons Animations

Реализовано с помощью CSS и JS

🔗 Код: CodePen

👉 @byFrontDeveloper | #код

Верстка сайта портфолио для новичков

Мобильная адаптивная верстка, медиа-запросы. Темная тема на CSS переменных и JavaScript. Публикация сайта на GitHub Pages.

📺 Демо: Сайт

🔗 Макет: Figma
🔗 Репозиторий с кодом проекта: Github
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

Адаптивные табы & аккордеон

Реализовано на HTML & CSS(SCSS)

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Курс по Grammy JS: вся БАЗА | как писать телеграм-ботов на JS в 2024

Вы разберете все основные механизмы библиотеки Grammy JS
– стартовый набор файлов бота и общую структуру
– слушатели событий от пользователя
– объект Context: контекст обновления
– работу с двумя видами клавиатуры
и многое другое.

📺 Cсылка на курс: YouTube

👉 @byFrontDeveloper | #видео #js

Бесконечная горизонтальная прокрутка

Реализована с помощью CSS и JS

🔗 Код: CodePen

👉 @byFrontDeveloper | #код

Верстка многостраничного сайта

Простой многостраничный отзывчивый сайт с табами и анимацией. Используется HTML,CSS и JS

🌐 Посмотреть сайт: Github Pages

🔗 Макет: Figma
🔗 Репозиторий с кодом проекта: Github
🔗 Ссылка на видео: YouTube

👉 @byFrontDeveloper | #видео #вёрстка_сайта

Подборка эффектов наведения

Реализовано с помощью HTML и CSS

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

CSS Animations

Анимация — это отличный способ выделить интерактивные элементы и придать дизайну интерес и увлекательность.

👉 @byFrontDeveloper | #css

Button Hover Effects

Реализовано на HTML и CSS(SCSS)

🔗 Код: Codepen

👉 @byFrontDeveloper | #код

Курс по Frontend разработке

Бесплатный курс по Frontend разработке

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #курсы

Плагин px to rem

Alt+Z переводит выбранный текст из px в rem и обратно

🔗 Плагин: ссылка

👉 @byFrontDeveloper | #плагины

Выполняем реальный проект на JavaScript

Вы реализуете несколько задач из технического задания на реальном проекте, используя JS

📺 Cсылка на плейлист: YouTube

👉 @byFrontDeveloper | #курсы #видео

ui-buttons — 100 современных CSS-кнопок. Любой стиль, который вы только можете себе представить

🔗 Ссылка: https://ui-buttons.web.app/

👉 @byFrontDeveloper | #ресурс