📌 food delivery

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

Demo ▻

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

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

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

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

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

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

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

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

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

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

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

• Babel
• Core.js
• Webpack
• ES6 Modules

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

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

⬥ ⬥ ⬥