Техническое задание.
*Имеется чистая верстка без функционала JS. Необходимо c помощью модульной структуры создать функционал и выполнить ряд задач:
- Табы для переключения контента стиль питания;
- Создать функционал слайдера на нативном чистом JS без использования готовых библиотек. Реализация переключения слайдов по кнопкам и дотсам;
- Создание калькулятора для рассчета потребности в калориях;
- Создать функционал получения данных из db.json (при исп. плагина json-server) и вывести данные. Использовать ООП, шаблонизации;
- Познакомиться с библиотекой Axios;
- Реализация функционала открытия модального окна по кнопке "связаться с нами", закрытие модалки по крестику и вне модалки. Показывать модалку при достижении пользователя прокрутки страницы до подвала, а также через некоторый интервал;
- Отправка формы. Познакомиться с ajax XMLHttpRequest. Реализовать отправку формы через fetch. Сделать отдельным модулем services.js;
- Таймер обратного отсчета до окончании акции.
- При завершении проекта, выпустить JS для production.
*Примечание:
Данная верстка проекта не адаптирована под разные устройства и ширину экрана устройств. Данный макет верстки выдали на курсе, где необходимо было внедрить только функционал JS.
Для запуска проекта, впишите следующие команды в терминал:
npm i
gulp
json-server db.json