Публичная тестовая работа для 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. Можно использовать CreateReactApp или простую верстку + jquery. Первое конечно лучше, но не критично.

   Если хотите совсем упороиться то можете использоваться nextjs. Кстати у нас есть своя сборка, но главное чтобы это не отняло у вас это много времени и беритесь за это только если вы уверены в своих силах ;)

2. Должен использоваться BEM

3. Тестовая работа должна быть опубликована в репозитории, если вы использовали какую то сборк gulp/grunt - опишете в Readme процесс сборки.

4. Требования кроссбраузерности Edge+, можно не оглядываться на IE в данной работе.

5. Это должна быть responsive верстка, т.е. макет должен хорошо отображаться на любых устройствах.

6. Должен быть использован препроцессор sass.

Примечания:

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

FAQ

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

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

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

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

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

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