Кто это?
Front-end разработчик создает то, что видит на своем экране пользователь, часть сервиса, с которой он контактирует и функционал, обычно использующийся на клиентской стороне.
В Контуре будет заниматься самой лучшей работой на свете — оживлением интерфейсов от проектировщиков и дизайнеров. Необходимые навыки — JavaScript, Html, CSS. Приветствуется понимание C#.
Тестовое задание
Обрати внимание, стандарт тестового задания во время стажировки может дополняться и обновляться. Если твое тестовое сделано по устаревшему стандарту — присылай, мы его проверим, на итоговый балл это не будет влиять отрицательно.
Здесь находится тестовое задание (описание).
Файл для скачивания к тестовому заданию (обновлен 15.02.2017).
Обрати внимание на правила оформления итогового решения, чтобы мы без проблем могли проверить твою работу.
Этапы отбора для front-end направления
- С 1 февраля по 19 марта прием заявок и решений тестовых заданий.
- 30 марта опубликуем результаты проверки работ.
- С 1 апреля по 20 мая собеседования.
- К 1 июня мы сформируем итоговый список стажеров.
Иногородние участники проходят собеседования по Skype в том случае, если они проживают в городе, в котором нет офиса разработки СКБ Контур.
FAQ по тестовому заданию на стажировку для frontend разработчиков
1. Предполагается ли, что в задании нужно писать сервер?
Можно не писать сервер, но если вы как-то хотите получать данные порционно — без него вряд ли можно будет обойтись.
2. Задание фронтенд должно быть выполнено только на js, css и html или я могу использовать asp.net для его решения?
Для сервера вы можете использовать любые технологии, не только asp.net.
3. Как я понял, нужно сверстать ВСЮ страницу, которую вы указали по ссылке в документе, плюс корректная работа автокомплита на каждом шаге подзадания?
Реализация должна выглядеть как прототип + корректная работа автокомплита на каждом шаге (но есть необходимый минимум для участия в конкурсе, а есть задание под звездочкой для опытных).
4. Нужно ли реализовывать обработку событий с клавиатуры типа: нажатие стрелки вниз и вверх (↓, ↑, Tab)?
В задании «реализация веб-интерфейса и клиентской логики без работы с клавиатурой, кроме той, что относится к вводу данных в input (исключаем пункты 9, 18, 19, 20)».
Реализовывать обработку событий с клавиатуры типа: нажатие стрелки вниз и вверх (↓, ↑, Tab) не нужно. Если вы хотите блеснуть, то можно сделать задание под звездочкой.
5. Подскажите, пожалуйста, для выполнения тестового задания frontend направления можно использовать библиотеку Fuse.js и bootstrap?
Вы можете использовать любые технологии. Но использование библиотек, частично или полностью реализующих функциональность автокомплита, — это сразу минус.
6. Правильно ли я понял, что необходимо реализовать один из видов автокомплита (со стрелкой или без стрелки)? В зависимости от выбранного типа будет различаться и реализация.
Можно реализовать автокомплит только одного вида (потому что столько данных в файле). Но было бы логичным научиться анализировать объем справочника и подгружать/доставать данные из него порциями, так как создание 5 000 даже пустых dom элементов — это достаточно много.
7. Достаточно ли будет тестирования в браузерах Опера, Хром, Мозила, ИЕ+? Или потестировать еще в каких-нибудь браузерах?
Достаточно.
8. Необходима ли опция «Добавить свое значение» (https://g.kontur.ru/controls/autocomplete/)?
Она под звездочкой. В необходимый минимум для участия в стажировке не входит.
9. В представленном гайде есть некоторые несоответствия с заданием (необходимо реализовать один автокомплит со списком городов или множество разных автокомплитов с различными вариантами).
Автокомплит один. Есть опции, которые нужно реализовать, если хочешь сделать задание под звездочкой, но автокомплит все равно будет один.
10. В каком случае выдавать красное сообщение об ошибке, а в каком — оранжевое?
Информация про валидацию есть в гайде.
Если вводишь некорректное значение и фокус еще не потерян — поле оранжевое. Если ввел некорректное значение и фокус потерян, то красное.
11. Файл kladr.json (источник данных) на момент открытия тестового задания был пустой (пришлось добавить свой). Увидел, что он теперь непустой. Можно ли использовать свой список городов или переправить на новый?
Странная ситуация, мы файл не меняли, он не был пустым. Используйте наш список городов.
12. К заданию прилагается файл kladr.json — можно ли в нем добавить строчку типа «var cities = дальше содержимое файла без изменений» (чтобы затем подключить этот файл в виде скрипта к html странице и уже в javascript файле использовать эту переменную, хранящую массив объектов)? Я понимаю, что в реальном проекте нужно было бы использовать ajax запрос, но в данном случае без использования локального сервера браузер не даст выполнить кроссдоменный запрос с локального файла.
Все разумно написано — можно так. Но если так разумно, в чем сложность написать простенький локальный сервер?:)
13. По id города (в json файле у каждого объекта есть id города и его название) нужна фильтрация или только по названию хватит?
Автокомплит только по городу. Id там для удобства.
14. Нужно написать три автокомплита на странице (город, ИФНС, организация) или только списка городов?
Нужно реализовать автокомплит списка городов.
15. Автокомплит со стрелкой. Используют для выбора одного значения из справочника, содержащего до 50 значений. Количество значений из всего справочника или количество значений, отфильтрованных при вводе?
Количество значений из всего справочника.
Остались вопросы? Пиши на kontur-student@skbkontur.ru.