Публичная тестовая работа для front-end разработчика от компании Вебпрактик

Макет создан не для использования в коммерческих целях, только для проведения тестовой работы.

Чтобы получить доступ к макету

1. Регистрируемся если еще не зарегестрированны в figma.
2. Пишем на hr@webpractik.ru, с просьбой прислать тестовое задание на front-end макет, указывая свой email.
3. Вам будет расшарен макет в figma.
4. После проверки сделать запрос hr@webpractik.ru с ссылкой на репозиторий со своей работой. Опционально, если интересно, можно опубликоватьс помощью github.pages

Шрифты

• Alegreya: https://fontstorage.com/font/huerta-tipografica/alegreya
• Roboto: https://fontstorage.com/font/google/roboto

Анимация

• Фильтр: https://cp.webpractik.ru/~0PLCg
• Карточка: https://cp.webpractik.ru/~HaQJo

Требования:

1. Для позиции React разработчика: использовать стек агентства NextJS Starter. Для позиции Vue разработчика - Nuxt (последней версии).
2. Должен использоваться tailwind
3. Тестовая работа должна быть опубликована в репозитории, опишите в Readme инструкцию и процесс сборки.
4. Требования кроссбраузерности Edge+.
5. Это должна быть responsive верстка, т.е. макет должен хорошо отображаться на любых устройствах.

Примечания:

1. Английскую версию и бекенд реализовывать не нужно. Мы проверяем только front.
2. Фильтр делается на фронте, без бека.

FAQ

Почему тестовое задание проверяет больше верстку, а не JS?

0. Ваши знания JS мы проверим на собеседовании
1. Макет дается для кандидатов которые не могут показать ни одной своей работы в верстке
2. Хорошая верстка - это фундамент работы front-end разработчика. Если у вас нет фундамента - развивать вас сложно
3. Разработчику который умеет верстать - мы можем давать небольшие задачи на любых проектах
4. Тимлидам/наставникам не интересно учить таким стартовым вещам как верстка. А по JS/TS у нас есть своя траектория по которой мы ведем разработчика, с личным кабинетом, домашками и персональным ментором.
5. Хорошая верстка - показывает аккуратность и внимательность к деталями, которая важна любому front-end разработчику

У вас в работе в основном верстка?

Вовсе нет. У нас порядка 80% работы - spa + ssr приложения. На вас могут прилетать задачи которые связаны и не связанны с версткой. Обычно старшие специалисты верстают сильно меньше чем младшие и берут более сложные и архитектурные задачи.

Может ли макет использоваться в коммерческих целях?

Макет посвящен абстрактной пиццерии, разработан компанией вебпрактик специально и исключительно чтобы проверять скилы разработчиков перед решением о приглашении на собеседование. Макет и работы кандидатов не могут быть использованы в коммерческих целях.