https://github.com/webpractik/front-test-layout
Публичная тестовая работа для front-end разработчика
https://github.com/webpractik/front-test-layout
Last synced: 4 months ago
JSON representation
Публичная тестовая работа для front-end разработчика
- Host: GitHub
- URL: https://github.com/webpractik/front-test-layout
- Owner: webpractik
- Created: 2020-07-03T16:17:44.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-09-06T08:20:39.000Z (over 4 years ago)
- Last Synced: 2025-03-05T10:02:12.718Z (about 1 year ago)
- Size: 31.3 KB
- Stars: 1
- Watchers: 6
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Публичная тестовая работа для front-end разработчика от компании [Вебпрактик](https://team.webpractik.ru/)
Макет создан не для использования в коммерческих целях, только для проведения тестовой работы.
### Чтобы получить доступ к [макету](https://www.figma.com/file/vk7y1aNzIBBeYe40qsSa85/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B5-%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5?node-id=0%3A1)
1. Регистрируемся если еще не зарегестрированны в figma.
2. Пишем на hr@webpractik.ru, с просьбой прислать тестовое задание на front-end макет, указывая свой email.
3. Вам будет расшарен макет в figma.
4. После проверки сделать запрос hr@webpractik.ru с ссылкой на репозиторий со своей работой. Опционально, если интересно, можно опубликоватьс помощью [github.pages](https://pages.github.com/)
### Шрифты
- 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](https://github.com/facebook/create-react-app) или простую верстку + jquery. Первое конечно лучше, но не критично.
Если хотите совсем упороиться то можете использоваться nextjs. Кстати у нас есть [своя сборка](https://github.com/webpractik/nextjs-starter), но главное чтобы это не отняло у вас это много времени и беритесь за это только если вы уверены в своих силах ;)
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 приложения. На вас могут прилетать задачи которые связаны и не связанны с версткой. Обычно старшие специалисты верстают сильно меньше чем младшие и берут более сложные и архитектурные задачи.
#### Может ли макет использоваться в коммерческих целях?
Макет посвящен абстрактной пиццерии, разработан компанией вебпрактик специально и исключительно чтобы проверять скилы разработчиков перед решением о приглашении на собеседование. Макет и работы кандидатов не могут быть использованы в коммерческих целях.