Задание

Front-end developer

В ходе выполнения задания предстоит реализовать мини-приложение, включающее в себя страницу с pixel-perfect версткой, адаптированной под мобильные приложения и ПК, в соответствии с дизайн системой. Предстоит работать с препроцессором Sass для верстки и фреймворком Angular для формирования структуры страницы и темплейтинга. Данное приложение послужит хорошим дополнением в ваше портфолио.

Задание

Необходимо сделать верстку страницы в соответствии с макетом.
К макету также прилагается UI Kit, в котором можно найти все необходимые компоненты и их состояния.
Основные требования
Ожидается, что страница будет соответствовать следующим параметрам:
  • pixel-perfect верстка;
  • адаптивная верстка;
  • кросс-браузерность.
Верстка должна быть выполнена с использованием препроцессора scss или sass. Остальные технологии остаются на усмотрение кандидата.

На странице присутствуют множество функциональных элементов, которые кандидат также должен сделать. Как правило все эти элементы покрываются существующими библиотеками, которые кандидат может выбрать на свое усмотрение.

На выполнение задания отводится 3 дня. После выполнения задания необходимо отправить результат по адресу: moodle@oblakogroup.ru, приложив ссылку на репозиторий, в readme нужно прописать инструкции по запуску проекта и по этому адресу можно задавать уточняющие вопросы.
Рекомендации
  • Настоятельно советуем использовать Angular, так как он имеет все необходимое для комфортной верстки из коробки (темплейтинг, scss/sass), также этот тот фреймворк, с которым нужно будет работать внутри компании;
  • Используйте принципы БЭМ для получения более качественного результата;
  • Разбивайте страницу на компоненты и переиспользуйте их, следуйте принципу DRY.