@saltsamuraii

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

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

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. Если можно обойтись без прописывания стилей, лучше обойтись.

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


И фото страницы
5f7658fff0e46605067008.jpeg


Заранее извиняюсь, за вопрос, так как столько раз эту тему поднимали, так как я новичок в поисках работы в IT сфере, хотелось бы совета. И извиняюсь за большой объём текста.
  • Вопрос задан
  • 712 просмотров
Решения вопроса 1
Get-Web
@Get-Web
Front-End Developer
Вам бы просто название в поиск вбить) Ваша работа уже в продакшене, скорее всего ваша студия делала этот сайт и взяла дизайн для тестового задания, я уже сталкивался с такой практикой, так что можете смело верстать и подсматривать на оригинал..

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

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

Вот это глупость, у тегов strong и b разные задачи. strong тег семантический, а b нужен для того чтобы выделить текст, но не делать не него акцент для роботов..
Ответ написан
Пригласить эксперта
Ответы на вопрос 7
AntonLitvinenko
@AntonLitvinenko
HTML coder
Неадекватное тестовое задание, тут работы на 2 дня, день уйдёт только на шапку и хиро с нормальной адаптивкой
Ответ написан
@piccca
Котэ
Тут выход один довериться и сделать. Даже если кинут то будет портфолио
Ответ написан
NetSky
@NetSky
Nix-админ, Разработчик Drupal и Wordpress
ТЗ в принципе грамотное ... но... не для тестового задания а для боевого .. тестовое даётся для того что бы понять на что способен junior.
Так что либо разводка .. либо барьер .. Ну а сделать можно, почему бы и нет, опыт штука полезная
Ответ написан
@Kirill-Gorelov
С ума с IT
Ты, кстати, можешь себя подстраховать.

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

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

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

Они должны были как минимум предложить за эту работу деньги в случае если работа будет соответствовать уровню качества.
Ответ написан
approximate_solution
@approximate_solution
JS Developer. Angular\React\Vue\Ember
Как по мне, хорошее задание.
Во первых - даже если ваш потенциальный наниматель вас кинет, ничего не мешает вам поместить сверстанную вами страницу себе в портфолио.
Во вторых - скорость верстки и разработки - это деньги работодателя. Чем быстрее заказ уйдет в прод - тем быстрее работодатель возьмет новый и получить кэш, ну и вы следовательно, если ставка процент от заказа.
Поэтому если для вас такая страница кажется сложной, или объемной - это плохо. Так как структурно - макет довольно легкий, можно юзать флексы и гриды, никакой сложной графики.
Единственное что смущает, или мб я не прочитал до конца - вам скинули фотку с страницей с просьбой сверстать её, или макеты в фигма на деск, таблет, и мобайл?
Ответ написан
@Programmir
Ну если готовы работать за бесплатно, то можете потратить на это своё время.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
21 окт. 2020, в 22:40
300 руб./за проект
21 окт. 2020, в 22:34
25000 руб./за проект
21 окт. 2020, в 21:24
7000 руб./за проект