Тестовое задание на Junior Frontend, не кидалово?

Question

[saltsamuraii]

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

TЗ задания

При сдаче верстки на проверку должно быть все готово: деск, моб версия макетов + ссылка на эту верстку

1. Макет, все его детали, отступы, шрифты и стили шрифтов должны быть 1 к 1 соблюдены в верстке. Если с этим возникают проблемы - используем Pixel perfect
2. Использовать БЭМ )(https://ru.bem.info/methodology/naming-convention/
3. По умолчанию основное разрешение - 1920px.
4. Адаптивные версии под разрешения менее 1920px должны максимально сохранять пропорции в процентном соотношении как показано в макете. Обязательная проверка на MAC OS
5. Тексты не должны дублироваться в коде, верстаем адаптивно. По возможности то же самое касается остальных элементов.
6. Мобильная версия должна подключаться при разрешении менее 767px.
7. Скрипты должны работать во всех браузерах (Chrome,Mozilla,Safari,Microsoft Edge)
8. Заголовки h1–h6 не должны использоваться как элементы дизайна или вёрстки и использоваться в текстовой части страницы. У заголовков должны быть прописаны стили в файле стилей (CSS)
9. Картинки должны содержать атрибут alt=””.
10. Уместное использование айдишников (только для скриптов и якорей)
11. По возможности избегать position:absolute
12. Блоки по возможности делать так чтобы их можно было спокойно вытащить из родительского блока (не было жесткой привязки к родителю)
13. Картинки которые будут подгружаться из базы данных сайта - не должны быть прописаны в файле css. Сохранять картинки в максимальном качестве. Все картинки выводить с помощью тега img.
14. Формы для заявок должны быть сверстаны предельно просто, как образец - Контакты | Сезон MACARONS.
15. Повторяющиеся блоки (например - каталог товаров, список новостей итп.) не должны отличаться между собой в коде.
16. Тег "br" не используем вообще.Нельзя теги выделения (strong, u, i) делать вложенными. Например, "strong""i"текст"i""strong".
17. Используйте только один из тегов выделения. (примечание: тег "b" устарел, используем только ).
18. Если согласно дизайну названия должны быть капслоком - только через css.
19. Оборачивать кнопки (кроме форм) в ссылки и логотип сайта тоже
20. Для карт использовать яндекс карты
21. Слайдер swiper
22. Если можно обойтись без прописывания стилей, лучше обойтись.

Результат заливаете на хост, скидывать нам ссылку для просмотра. Основная + мобильная версия в полном объеме готовности. Мольная версия в приоритете

И фото страницы

Заранее извиняюсь, за вопрос, так как столько раз эту тему поднимали, так как я новичок в поисках работы в IT сфере, хотелось бы совета. И извиняюсь за большой объём текста.

Comments

[saltsamuraii]

P.s. Спасибо большое за ответы!!! Нужно было убедиться и спросить у опытных людей!! Вы очень помогли !!! =)

[dollar]

saltsamuraii, не нужно экспрессии и благодарностей, здесь это считается флудом. От вас ждут только чёткости в составлении вопроса, без лирических отступлений (см. правила), с чем вы и так уже справились.

[Robur]

ну еще некоторые ждут что их ответы отметят как решение, если они помогли

[Владислав Лысков]

Robur, но автору-однодневке похер га старания людей, он здесь больше не появится, или появится с другого ака

Answer 1

[Виталий Першин]

Вам бы просто название в поиск вбить) Ваша работа уже в продакшене, скорее всего ваша студия делала этот сайт и взяла дизайн для тестового задания, я уже сталкивался с такой практикой, так что можете смело верстать и подсматривать на оригинал..

Задание далеко не для джуна, для того чтобы вас оценить достаточно шапки с меню, но видать из вас хотят выжать максимум

17. Используйте только один из тегов выделения. (примечание: тег "b" устарел, используем только ).

Вот это глупость, у тегов strong и b разные задачи. strong тег семантический, а b нужен для того чтобы выделить текст, но не делать не него акцент для роботов..

Comments

[saltsamuraii]

Хорошо приму к сведению, спасибо за подробный ответ!!! Хотел все же убедиться у опытных людей здесь! =)

[golentor]

Подсматривать можно тоже по-разному) ябы подсмотрел бы и содрал весь исходный код целиком, ну разве что стили поинтереснее прикрутил интересно мнебы засчитали или нет)

[Zurab Shyvarbidze]

Задание далеко не для джуна, для того чтобы вас оценить достаточно шапки с меню, но видать из вас хотят выжать максимум

полностью согласен требования как на меня для middle разработчика, а так в принципе ничего сложного

Answer 2

[Иван]

Тут выход один довериться и сделать. Даже если кинут то будет портфолио

Comments

[saltsamuraii]

Спасибо!!!

Answer 3

[Евгений Скоробогатов]

ТЗ в принципе грамотное ... но... не для тестового задания а для боевого .. тестовое даётся для того что бы понять на что способен junior.
Так что либо разводка .. либо барьер .. Ну а сделать можно, почему бы и нет, опыт штука полезная

Comments

[saltsamuraii]

Хорошо, буду знать! =) Спасибо!

Answer 4

[Кирилл Горелов]

Ты, кстати, можешь себя подстраховать.

Договориться на оплату. Вполне нормальная практика, даже если тебя не возьмут, то хотя бы что-то заработаешь.
В конце концов, это тестовое задание, тоже работа.

Мы когда искали себе верстальщика, тоже дали ему тестовое задание и договорились на символическую оплату. И обе стороны к этому нормально отнеслись.

Это исключительно как лайфхак можно использовать. Потому как написали выше это дизайн уже готового сайта. То есть тебя действительно хотят проверить, а не сэкономить....

Answer 5

[Слава]

Не стоит работать с этими людьми. Они не порядочные раз просят от человека, попавшего в тяжелую ситуацию выполнить такую объемную работу. Это как если бы кадровик предложил молодой красивой девушке сделать ему минуэт в обмен на прием на хорошую вакансию.

Они должны были как минимум предложить за эту работу деньги в случае если работа будет соответствовать уровню качества.

Comments

[G F]

Что за бред :|

[Слава]

G F, что вам так смутило дамочка? слово "минуэт" ? или девушка в моем рассказе молодая и красивая вызывает у вас зависть? зачем вы так грубо то относитесь к чужому мнению. Яж про реалии жизни пишу. Просить от кандидата выполнить тестовое задание, которое в человеко-часах оценивается как пара-тройка тысяч рублей - это не есть нормально.

[G F]

интересная жизнь у тебя в голове) и реалии интересные. жаль не имеют ничего общего с миром, в котором живут все остальные.

[Слава]

G F, девушка. Вы не можете отвечать за всех. Никто пока еще не может. Вы можете лишь так же как и я отвечать за себя. так что "в котором живут все остальные" справедливее будет поменять на "в котором живу я".

Answer 6

[approximate solution]

Как по мне, хорошее задание.
Во первых - даже если ваш потенциальный наниматель вас кинет, ничего не мешает вам поместить сверстанную вами страницу себе в портфолио.
Во вторых - скорость верстки и разработки - это деньги работодателя. Чем быстрее заказ уйдет в прод - тем быстрее работодатель возьмет новый и получить кэш, ну и вы следовательно, если ставка процент от заказа.
Поэтому если для вас такая страница кажется сложной, или объемной - это плохо. Так как структурно - макет довольно легкий, можно юзать флексы и гриды, никакой сложной графики.
Единственное что смущает, или мб я не прочитал до конца - вам скинули фотку с страницей с просьбой сверстать её, или макеты в фигма на деск, таблет, и мобайл?

Comments

[saltsamuraii]

Макет в PSD формате есть для сайта и мобильной версии

[approximate solution]

saltsamuraii, Тогда норм, даже не заморачивайтесь, доведите до конца эту задачу, даже если не пройдете собес, хотя бы закинете в портфолио себе, и промониторите - сколько времени вам нужно что бы такое сделать. Тоже опыт

Answer 7

[Programmir]

Ну если готовы работать за бесплатно, то можете потратить на это своё время.