ветки делаем от master
feature/TEST-XXXX
– фича, поID
задачиhotfix/TEST-XXXX
– хотфикс, поID
задачи- ID задачи будет выдыно при получении тестового задания.
cd frontend/web
npm install
npm run dev
Сверстать макет https://www.figma.com/file/oySOsEeCFajJFnBzsclpF5/RegulTest2?node-id=0%3A1
Допустимо как самостоятельное создание лейаута, страницы и компонентов (при наличии понимания как это делать), так и использование предподготовленных в проекте. Главная цель задачи именно верстка и стилизация по макету. Какая-либо динамика или логика не нужна, главное чтобы страница соответствовала макету и была реализована с помощью компонентов и сеток Vuetify
- При верстке страницы с нуля допустимо не подключать карту, вставить ее картинкой
- При использовании предподготовленной страницы, карта уже подключена
При использовании предподготовленной страницы:
- frontend/web/pages/search/_city.vue - сама страница. основные элементы с данными уже внедрены
- frontend/web/layouts/includes/BaseHeader.vue шапка
- frontend/web/layouts/search.vue лейаут
- frontend/web/components/cards/ObjectCard.vue карточка объекта
- верстка страницы именно в проекте, в структуре Nuxt
- использование классов, хелперов, сеток и компонентов Vuetify (https://vuetifyjs.com/)
- для стилей использовать scss, выносить их в frontend/web/assets и разбивать логически на модули
- качество верстки, соответствие ее макету и умение работать с адаптивностью (верстка не должна разваливаться, в том числе на промежуточных разрешениях экрана)
- способность к работе в крупном проекте (умение выполнить задачу и "убить" при этом проект и работу других разработчиков)
- способность к работе с документацией и адекватность выбора компонентов библиотеки (понимание, что верстать select с помощью button это не комильфо)
Данное тестовое задание отражает суть задач с которыми необходимо будет работать в первую очередь. т.е. верстка страниц в уже существующих проектах на Vue/Nuxt/Vuetify и стилизация уже реализованных frontend-разработчиком компонентов