Frontend кейс

Как сделать простое модальное (popup) окно новичку? HTML, CSS, JS.

Тестовое задание. Junior Frontend (JavaScript) разработчик. Reduce, классы, наслед, деструктуризация

Управляй контентом на странице. Создаем кнопку ПОКАЗАТЬ ЕЩЕ. Очень простой вариант для начинающих!

Интернет-магазин на JavaScript. Кнопка показать еще. Карточка товара. Корзина. Local Storage.

Fetch API, Promise, Async/Await, Try/Catch для новичков на практике. Запросы на сервер. JavaScript.

Две популярные структуры сайта на Flex и Grid CSS. Прижимаем footer книзу! Семантическая вёрстка.

Приложение для генерации QR-кода на JavaScript. Проект в портфолио. API. События в JS. Практика.

Давай сделаем кнопку ПОКАЗАТЬ ЕЩЕ без косяков! Управляй контентом на странице.

Меню аккордеон. Простой способ для новичков! HTML, CSS, JS.

Самый простой слайдер с автоматическим перелистыванием для своего сайта без библиотек!

Меню бургер за 10мин для начинающих! Очень простой способ. Мобильное меню. Код из видео в описании)

Самый популярный адаптивный слайдер с точками (пагинацией) без библиотек на чистом JS.

Отправка заявок с сайта в Telegram. JavaScript, запросы к API, Fetch, FormData. Создадим бота.

Готовая сборка Gulp для начинающих. Разделение на компоненты HTML и JS файлов.

Плавная прокрутка к контенту. Кнопка НАВЕРХ (автоматическая). HTML, CSS, JS.

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

Хватит дублировать код! Разберем, как оптимизировать JavaScript код. Сделаем его универсальным.

Практика PHP для начинающих. Сессии. Отправка заявок на чистом PHP, без JavaScript на Yandex почту.

Графики и диаграммы на JavaScript для начинающих. Chart.js и plugin datalabels.

Проект в портфолио на чистом JavaScript. Quiz, викторина, тест. Динамическая загрузка данных.

Выпадающее меню для новичков на чистом CSS и HTML с переходом на другие страницы!

Крутейший To Do List на JavaScript. Добавление, редактирование, перемещение, закрепление задачи и др

Анимированные ТАБЫ. Переключение на клавиатуре. Универсальный код. Native JavaScript. @frontend_case

Анимированное модальное окно (без косяков). HTML, CSS, JS.

Простой способ обойти защиту копирования контента! Пишем script защиты контента. JS, keydown, copy.

Анимированный аккордеон, как в Bootstrap 5, пишем сами. Все фишки!

Валидация формы на JavaScript. Отправка письма на почту Nodemailer. Сервер на NodeJS (Express).

Слайдер SWIPER 2023. Основные типы слайдеров. Подробный курс для новичков. Код из видео в описании.

Подборка макетов для верстки 4 уровней сложности! Frontend - HTML, CSS, JS, Figma.

Как сделать ТАБЫ у себя на сайте новичку? Cамый простой способ! HTML, CSS, JS.

Как сделать простое модальное (popup) окно новичку? HTML, CSS, JS.

Git и GitHub для новичков с полного нуля! Размещаем свой сайт в интернете (GitHub pages).