Проект "Terem test"

Сайт в интернете

---

Разработчик: Роман Демин

---

Задача

Необходимо:

1. сверстать pixel perfect
2. написать скрипт аккордеона для плашек "что дает сертификат" и "где получить сертификат"
3. сделать асинхронную отправку нижней формы на абстрактный обработчик с получением ответа принято/не принято. Обработчик должен проверять поля на заполнение соответственно.

---

Общие технические требования

1. Стандарты вёрстки: HTML5, CSS3
2. Семантически правильная вёрстка (каждый html-элемент используется осмысленно и по назначению)
3. Методология: БЭМ
4. Фреймворки и сторонние библиотеки: не используются
5. Препроцессор: SCSS
6. Инструмент автоматизации: Gulp
7. Нестандартные шрифты подключены локально.
8. Система управления версиями: Git
   • Папка build со всем её содержимым должна попадать в репозиторий на github.

---

Что сделано

• Адаптивная и семантическая вёрстка страницы index.html

• Реализован Pixel Perfect подход к верстке

• C использованием JavaScript реализовано:

  • загрузка (AJAX) данных из формы в обработчик на сервере
  • аккордеон

• Сборка проекта автоматизирована с использованием Gulp.

• Проведена валидация и тестирование online-сервисами:

  • корректность БЭМ-структуры
  • HTML checker
  • CSS validator

• Страница загружена на хостинг и проведено тестирование производительности

  • PageSpeed Insights

---

Краткая инструкция по развертыванию проекта

Подготовка системы автоматизации сборки

Установите

• Node.js - последнюю версию LTS
• NPM - установка включена в установку Node.js
  • Проверьте корректность установки Node и NPM:

        node --version
        npm --version

• Gulp-cli - v4.x:

      npm install --global gulp-cli

  • Проверьте корректность установки Gulp:

      gulp --version

Порядок работы с проектом:

• Запустите терминал из корневой директории проекта
• Установите npm-пакеты плагинов сборки и тестирования (devDependencies из файла package.json)

      npm i

• Протестируйте код на соответствия style-guides

      npm test

• Соберите проект без запуска локального сервера

      npm run build

• Запустите локальный сервер

      npm start