Skip to content

Тестовое задание для компании "Теремъ".

Notifications You must be signed in to change notification settings

AndRomMan/test-task-terem

Repository files navigation

Проект "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-сервисами:

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


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

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

Установите

  • 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

About

Тестовое задание для компании "Теремъ".

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages