Frontend кейс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Делаем универсальные ТАБЫ с АКТИВНОЙ вкладкой! HTML, CSS, JS.

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

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

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