Разработчик: Роман Демин
Необходимо:
- сверстать pixel perfect
- написать скрипт аккордеона для плашек "что дает сертификат" и "где получить сертификат"
- сделать асинхронную отправку нижней формы на абстрактный обработчик с получением ответа принято/не принято. Обработчик должен проверять поля на заполнение соответственно.
- Стандарты вёрстки: HTML5, CSS3
- Семантически правильная вёрстка (каждый html-элемент используется осмысленно и по назначению)
- Методология: БЭМ
- Фреймворки и сторонние библиотеки: не используются
- Препроцессор: SCSS
- Инструмент автоматизации: Gulp
- Нестандартные шрифты подключены локально.
- Система управления версиями: Git
- Папка build со всем её содержимым должна попадать в репозиторий на github.
-
Адаптивная и семантическая вёрстка страницы index.html
-
Реализован Pixel Perfect подход к верстке
-
C использованием JavaScript реализовано:
- загрузка (AJAX) данных из формы в обработчик на сервере
- аккордеон
-
Сборка проекта автоматизирована с использованием Gulp.
-
Проведена валидация и тестирование online-сервисами:
-
Страница загружена на хостинг и проведено тестирование производительности
Установите
- Node.js - последнюю версию LTS
- NPM - установка включена в установку Node.js
- Проверьте корректность установки Node и NPM:
node --version npm --version
- Проверьте корректность установки Node и NPM:
- 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