📌 food delivery

Лендинг доставки правильного питания

Demo ▻

Создан таймер на странице

Созданы функции: устанавливающая таймер и обновляющая таймер
Реализован функционал, который определяет разницу между временем

Создано модальное окно

Созданы функции, отвечающие за открытие/закрытие модального окна
Обработчики событий привязаны на несколько тригеров
Вызов модального окна через определенное время (setTimeout и setInterval)
Если пользователь долистал до конца страницы - выводится модальное окно
Верстка модального окна
Добавлен спиннер при загрузке формы
Примененено делегирование события

Применение fetch API для отправки запросов

GET-запрос
POST-запрос
Использование async/await

Создан слайдер-карусель

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

Создан калькулятор на странице

Применен обработчик события на каждый элемент
Использование валидации и localStorage
Подсветка неверно введенных инпутов

Готовая сборка проекта

Babel
Core.js
Webpack
ES6 Modules

В проекте также отработаны следующие методы, впоследствии удаленные при рефакторинге:

Отправка данных из формы на сервер при помощи XMLHTTPRequest
Сборка проекта при помощи Webpack + Common.js

⬥ ⬥ ⬥