Jump to content

Тестовое задание для frontend разработчика


Быколай
 Share

  

9 members have voted

You do not have permission to vote in this poll, or see the poll results. Please sign in or register to vote in this poll.

Recommended Posts

Добрый день.

Хотелось бы обсудить сабж. Сам я больше специализируюсь по server-side, но сейчас есть задача собеседовать фронтэндщиков. В частности некоторые кандидаты просят тестовые задания.

Лично мне, из беседы как правило и так почти всё понятно. Но всё же какие сейчас тренды в клиентской разработке, на что по вашему стоит обращать внимание? Есть какие-то общепринятые инструменты и практики на которые следует обращать внимание?

Поясню: для стэка backend (php) я считаю обязательным владение такими вещами как СКВ (90% это git), composer (менеджер зависимостей, знание возможностей актуальной версии языка, базовых шаблонов проектирования — вот такого плана вещи. Что сейчас актуально для клиентского стека: html / css / js?

 

Link to comment
Share on other sites

Что сейчас актуально для клиентского стека: html / css / js?

На мой взгляд ответ на данный вопрос зависит от:

а) того, кого вы (работодатель/компания) хотите получить:

1. верстальщика

2. js-разработчика

3. frontend разработчика

б) и того, какого уровня специалиста вы хотите получить

Edited by nerv
Link to comment
Share on other sites

речь скорее о 3. голая верстка вероятнее всего будет поступать вместе с дизайном. насколько я представляю: фронтэндщик не должен боятся сверстать внутряк какой-нибудь, в рамках уже существующего дизайна.

уровень разный. я пока вижу необходимость в 1-ом ведущем и 1-ом ведомом. Если появится сильный специалист, который займёт вакансию ведущего по front-end, то я с удовольствием делегирую ему подбор помощника.

 

Цель темы уяснить для себя, какими инструментами необходимо владеть для front-end. Ну а выявить эти навыки владения, планируется в тестовом задании.

 

PS: Конкретнее о вакансиях - у меня в подписи ссылка.

Link to comment
Share on other sites

Поясню: для стэка backend (php) я считаю обязательным владение...

 

и о БД ни слова) А ведь сейчас очень "широкий круг" от общего (sql/no_sql) к частному (my_sql, postgre_sql, mongo_db, ...)

 

Если нужен senior-frontend'ер, который способен руководить вверенной ему командой, то, как мне кажется, следует понимать, что по большей части он должен заниматься проектированием (ООП, MV©, паттерны, построение объектного каркаса приложения) и постановкой задач для младших разработчиков.

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

 

1. js (es3, es5, es6(?)), coffescript(?), dom, браузерные особенности, особенности разработки под мобильные приложения, особенности highload, определение/выявление потенциальных уязвимостей, grunt, bower, node.js (общие знания), знание/применение хотя бы одного из популярных MVC фреймворков (о проектировании, ооп и т.п. писал выше)

2. css (2.1, 3, потенциальные новые фичи/черновики), браузерные особенности, особенности разработки под мобильные приложения, знание/владение хотя бы одним из препроцессоров (тут пусть верстальщики рассказывают)

3. html (4, 5) валидность, семантичность (тут пусть верстальщики рассказывают)

4. понимание/опыт работы с CVS

5. желательно знание серверного языка, на кот. написан бекенд

 

Лично я знаю очень мало людей, кот. действительно хорошо разбираются во всем этом.

Как правило они работают в Яндексе или Мейле (применительно к русско язычному сегменту) =)

 

 

 

PS: Конкретнее о вакансиях - у меня в подписи ссылка.

 

 

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

 

jumior/middle вероятно, не смогут справится с задачей "построения каркаса приложения", масштабирование которого можно/нужно будет осуществлять в дальнейшем

Edited by nerv
Link to comment
Share on other sites

Считаю, что тестовое задание должно быть:

1. Актуальным. То есть высасывать из пальца не стоит — надо давать то, что реально пригодится компании.

2. Разнообразным и всеохватывающим. Не стоит уж прям совсем всё спрашивать, но, например, надо сверстать полностью рабочий сайт с js и всем, что для этого надо. Ну и вы на большом и хорошем задании сможете оценить скорость работы. Если разработчик выдаёт хороший продукт, но тормоз, то он не нужен.

3. Оплачиваемым. То есть после обычного собеседования вы как бы берёте человека на работу и по результатам его или берёте в штат или увольняете.

Link to comment
Share on other sites

nerv, спасибо за развёрнутый ответ! Вот мы подошли конкретнее к тому что я хочу выяснить.

Флэнагана я конечно читал, но вести беседу на уровне спецификаций CSS мне будет не просто  :blush:

Как я представляю сферическое в вакууме тестовое задание:

==============

  1. Реализовать на языке Z, приложение A, которое делает X и Y
  2. Разрешается использовать любые необходимые сторонние библиотеки
  3. Результат оформить в виде репозитория на github, с кратким описанием деплоя в вики репозитория.

==============

Всё. Каждый пункт этого теста даёт ответ на вопрос:

  1. Человек достаточно вменяем чтобы самостоятельно реализовать элементарное приложение
    с простым функционалом. Тут же можно поглядеть на стиль и качество кода.
  2. Немаловажно, что вместо велосипеда, человек сумеет подобрать готовое решение, знает где их брать и как использовать.
  3. Он умеет пользоваться общепринятыми для стека инструментами.

Т.е. само приложение (A) и что оно там умеет (X, Y) - вещи не столь значимые и, имхо, могут быть совсем элементарными. Мы же не будет в продакшене использовать этот код =) И по времени, имхо, реализация должна быть минимальна.

 

Вот, когда расписал самому становится всё яснее =) Думаю по аналогичной схеме для младшего разработчика стоит сделать.

 

 

 

Лично я знаю очень мало людей, кот. действительно хорошо разбираются во всем этом.

Лично я вообще почти не знаю :( 

 

Мм.. Veseloff, твой вариант — более серьёзный подход. Да, пожалуй, если оплачивать задание, то справедливо можно требовать что-нибудь существенное, как ты описал. Думаю эту схему можно попробовать применить для ведущего специалиста.

 


Вообще конечно ситуация на рынке интересная, особенно для соискателей. Пока сам был соискателем радовался этому, а оказавшись с другой стороны "баррикад" начинаю грустить. Множество новичков которые ещё ничего не имеют, но уже хотят зарабатывать (взять хотя бы соответствующий раздел этого форума) и стремящееся к ничтожно малому количество ещё не "заханченных" спелых специалистов. Даже middle-уровня найти не просто. Начинаю понимать, почему меня последние годы хантили через агентства)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Роман Онищенко
      Разрабатываю React/React Native приложения. С образцами моих некоммерческих работ вы можете ознакомиться по адресу: https://github.com/Roman-Onishchenko?tab=repositories
      Готов рассмотреть ваши предложения о разработке React/React Native приложений различной тематики и объема работ с частичной занятостью (до 30 рабочих часов в неделю). 
      Мои контакты:
      skype - romanonishencko
      email - roman951t@gmail.com
    • By Spiritnoize1
      В  молодую креативную студию Team Z требуются:
      Frontend и Backend разработчики, на проектной или постоянной основе.

      Языки HTML CSS java jquery bootstrap react, хорошо если стэк angular

      При обращении, скидывается тестовое задание, при удачном выполнении, начинаем работать.

      т.к наша студия состоит в 2х клубах (это позволяет нам работать с крупными заказчиками из москвы и аутсорсить зарубежные заказы) все разработчики должны проходить небольшую аттестацию в виде тестовых заданий по направлениям с которыми они работают

      Все интересующие вас вопросы задавать на почту указанную в профиле, или в контакте: https://vk.com/id428650440
    • By abelausavaz
      Требуется специалист с опытом написания и кастомизации модулей, умеющий использовать ядро Друпал 8 на полную, опыт с коммерс приветствуется 
      Важен хороший английский, чтоб смог переписку вести и на входном интервью устно пообщаться 
      Почасовая ставка 10-16 долларов, готовы предоставить постоянное сотрудничество
      Пожалуйста, пишите только с английским и с Drupal 8
      Почта для Ваших вопросов и предложений a.belousova@zwolves.com
      Наиболее оперативно проконсультирую в Skype live:a.belousova_2
    • By abelausavaz
      Мы -- аутсорс компания Z-Wolves Development, и сейчас американскому заказчику требуется на частичную занятость фронтенд для сайта на Drupal.
      Следующие задачи планируются:
      80-90% Drupal 7
      10-20% Drupal 8
      Чистый Drupal, не decoupled/headless
      Front-End Skills: 
      Разработка подтем по кастомному шаблону (D7; 80%)
      Разработка кастомных тем (D7 и D8; 20%)
      небольшие задачи по JS
      80% SASS/Compass; 20% Grunt
      Английский язык intermediate и выше

      Работа удалённо, около 20 часов в неделю, обязательно наличие нескольких часов оверлэпа с США.
      Оплата почасовая, рейт 7$+, оформление договора с ИП/ООО.

      Способы связи: 
      a.belousova@zwolves.com
      Skype live:a.belousova_2
    • By nerv
      Мы – студия «Элемент». Ищем верстальщика для постоянного сотрудничества, который не боится, умеет и любит верстать проекты сложнее среднего. Работа проектная, но проекты идут часто (каждый месяц 1-2, иногда даже 3 проекта).
      Кратко о нас:
      Располагаемся в Рязани. Работаем с 2008 года. У нас в команде 10 человек. Предпочитаем технологически сложные проекты.
      Обязательно:
      - знание HTML5 / CSS3 с учетом кросс-браузерности;
      - умение подбирать сторонние компоненты и стилизовать их (календари, слайдеры и т.п.);
      - умение работать с адаптивными стилями;
      - менеджер пакетов bower или jspm;
      - знание основ CSS-анимации;
      - знание основ SVG;
      - понимание основ работы git;
      - желание развиваться;
      - быть на связи, чтобы не приходилось разыскивать;
      - здравый перфекционизм в работе в части соответствия верстки макету и в части качества кода;
      - умение принимать решения в мелочах (чтобы часто не дергать менеджеров и/или дизайнеров)
      Приветствуется:
      - умение работать в комнде;
      - компонетный подход к разработке (например, БЭМ);
      - знание основ JS в объеме, который помогает верстке;
      - навыки работы с GitHub и/или GitLab
      - понимание принципов семантического версионирования
      - навыки работы с Bootstrap;
      - навыки работы с FlexBox;
      - навыки работы с Grid Layout;
      - навыки работы с WebStorm;
      - пост-обработчики: PostCSS, LESS, SASS;
      - возможность работы в часовом поясе, близком к Москве;
      - умение сверстать новый / подверстать готовый код, когда он уже включен в шаблонизатор движка (smarty). Там никаких Америк нет, просто требуется аккуратность;
      - наличие ИП.
      Что нам важно видеть в отзыве на наше предложение:
      - примеры 3-4 свежих работ онлайн (посмотрим, какие используются методики);
      - опыт верстки в годах;
      - краткое описание умений по списку наших требований (буквально по одной строке на пункт);
      - ожидаемая ставка часа в рублях;
      - метод перечисления оплаты;
      - в каких сферах вы бы хотели развиваться в ближайшие 1-2 года.
      Если написать отзыв в таком виде, то мы сэкономим друг другу время. А это приветствуется.



      Вопросы/ответы можно писать сюда или мне в личку.
       
      От себя замечу, что целевые браузеры это: последние версии Chrome(ium), FireFox, Safari, IE11/Edge.
      Целевые платформы: десктоп + мобильные устройства.
      Не pixel pirfect, но и чтобы выглядело достойно =)
      Если вы не знакомы с парой пунктов из обязательно списка, но у вас присутствуют адекватность и здравый смысл, то мы можем пообщаться и выяснить детали)
      Мы понимаем, что "знать все" не возможно. Вместе с тем, мы постарались перечислить то, с чем вам, вероятно, придется иметь дело.

      На js-фронтэнде у нас Angular 1.x, Vue, jQuery.
      Для сборки применяется Webpack.
      Для запуска задач Gulp.

      Взаимодействовать придется в том числе со мной , будет шанс научится чему-либо из js, если не знаете, но хотите развиваться в этом направлении.
      В недалекой перспективе на бекэнде Node.js. Если хотите развиваться в эту сторону, такая возможность тоже имеется.
      Вы можете писать код в чем угодно (IDE, редакторы), но ваши инструменты должны уметь деплоить на удаленный сервер (требуется для ряда проектов).
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy