frontend-development

[frontend-development]

Задание

Необходимо сделать верстку страницы в соответствии с макетом. Макет можно найти по ссылке: https://www.figma.com/file/VHdgFi1NEieHZVFpOloGE0/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82%D1%8B

К макету также прилагается UI Kit, в котором можно найти все необходимые компоненты и их состояния.

https://www.figma.com/file/Lic7MqDq0Ybrzfi6Wb3yQJ/UI-Kit?node-id=0%3A1

Основные требования

Ожидается, что страница будет соответствовать следующим параметрам

- pixel-perfect  верстка

- адаптивная верстка

- кросс-браузерность

Верстка должна быть выполнена с использованием препроцессора scss или sass. Остальные технологии  остаются на усмотрение кандидата.

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

На выполнение задания отводится 3 дня. После выполнения задания необходимо отправить результат по адресу moodle@oblakogroup.ru, приложив ссылку на репозиторий, также в readme нужно прописать инструкции по запуску проекта. Также по этому адресу можно задавать уточняющие вопросы.

Рекомендации

- Настоятельно советуем использовать Angular (https://angular.io), так как он имеет все необходимое для комфортной верстки из коробки (темплейтинг, scss/sass), также этот тот фреемворк, с которым нужно будет работать внутри компании.

- Используйте принципы БЭМ для получения более качественного результата https://ru.bem.info/.

- Разбивайте страницу на компоненты и переиспользуйте их, следуйте принципу DRY.