FOOD

Всем привет!

Реализация скрипта основана на готовой верстке лендинга FOOD из курса Ивана Петриченко "Полный курс по JavaScript + React - с нуля до результата".

---

В каталоге проекта вы можете запустить:

npm install

или сокращенно:

npm i

Необходимо для инициализации проекта и создания файла package.json, определяющего настройки проекта (зависимости, скрипты, название и т.д.)

После этого необходимо в 2-х разных терминалах запустить эти команды:

json-server db.json

Запустит json-server и вы сможете отслеживать статусы GET и POST запросов в терминале и пр. Вы также сможете увидеть любые ошибки в терминале.

npx webpack

Запустит сборщик модулей и ресурсов (функционал сборщика). Будет фиксироваться каждое ваше действие, если вы внесете изменения в проект. Вы также сможете увидеть любые ошибки в терминале.

---

Полный список того, чему я научилась в процессе реализации скрипта:

• Создала табы в новом проекте
• Создала таймер на странице
• Создала модальное окно
• Внесла улучшения для модального окна: открытие по времени и при скролле страницы в конец
• Использовала классы для создания карточек меню
• Использовала REST-оператор и параметры по умолчанию
• Настроила отправку данных из формы на сервер при помощи XMLHTTPRequest
• Украсила оповещения об отправке
• Использовала fetch API для отправки запросов
• Научилась получать данные с сервера и создала элементы на странице на их основе. Использовала async/await
• Создала простой вариант слайдера
• Создала усложненный вариант слайдера-карусели
• Создала точки под слайдером
• Применила регулярные выражения к слайдеру
• Создала калькулятор на странице
• Использовала валидацию и localStorage в калькуляторе
• Проект собрала при помощи Webpack + Common.js
• Проект собрала при помощи Webpack + ES6 Modules
• Готовая сборка проекта