Typing Effect

Эффект печати, созданный с помощью CSS

🔗 Ссылка на код:: Codepen

👉 @byFrontDeveloper | #код

Как я случайно превратил свой сокращатель ссылок в приманку для мошенников

Я разработал лучший в своём роде сокращатель со всеми возможными примочками, начиная с обширной кастомизации и заканчивая хорошей аналитикой трафика.

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

👉 @byFrontDeveloper | #статьи

CSS курс 2024

Полный подробнейший курс по изучению CSS с самого нуля для начинающих

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

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

Toggle switch

Тумблер, созданный с помощью CSS

🔗 Ссылка на код:: Codepen

👉 @byFrontDeveloper | #код

Создание красивого сайта с Parallax эффектом при скролле

В этом уроке вы рассмотрите создание красивого сайта с Parallax-эффектом при скролле с использованием HTML, CSS и JS

🔗 Скачать готовый результат: Ссылка
🔗 Ссылка на видео: YouTube

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

А точно ли программистам не нужны алгоритмы?

В разговорах со своими коллегами я очень часто слышал фразу «алгоритмы программистам не нужны», «алгоритмы никогда не используются в работе» и т.п. Я не являюсь ярым приверженцем того, что алгоритмы нужно учить и использовать их повсеместно, но я понимаю, как они могут помочь мне в жизни программиста.

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

👉 @byFrontDeveloper | #статьи

Преобразование формата файла изображения

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

🔗 Ссылка на код: Codepen

👉 @byFrontDeveloper | #код

Frontend Roadmap 2024. Сравнение 2017 vs 2021 vs 2024. Что ДЕЙСТВИТЕЛЬНО должен знать JUNIOR?

В этом видео мы обсудим frontend roadmap'ы, которые записывают из года в год. Сильно ли изменился frontend За последние 7 лет? Что делать начинающим frontend разработчикам?

📺 Cсылка на видео: YouTube

👉 @byFrontDeveloper | #видео

Самые полезные библиотеки 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 | #код