Тренировка перед тестом по программированию на JavaScript

Как обычно выглядит настоящий тест

Единого теста по программированию на JavaScript не существует. Каждый работодатель выбирает платформу для тестирования, а затем самостоятельно определяет вопросы, количество заданий, ограничение по времени и доступные языки программирования. Лучше всего ориентироваться на приглашение пройти тест. Опубликованные примеры показывают, насколько тесты могут различаться:

• HackerRank. HackerRank указывает, что его тест навыков JavaScript (Basic) включает 2 вопроса за 1 час 30 минут и затрагивает такие темы, как функции (HackerRank). В справочном центре перечислены типы вопросов, которые работодатель может включить в тест: задания на программирование, вопросы с вариантами ответа, задания по HTML/CSS/JavaScript, для front-end-разработчика, проверка кода и вопросы с развернутым ответом. Там также говорится, что работодатели могут добавить вопросы из библиотеки HackerRank или составить свои (HackerRank Help).
• TestGorilla. На странице тестов по программированию на JavaScript TestGorilla говорится, что отдельные тесты длятся от 15 до 45 минут. Там также указан тест по алгоритмам для начинающих продолжительностью 15 минут. Кандидаты работают в онлайн-редакторе, а работодатели выбирают, какие языки доступны для тестирования (TestGorilla).

Что, согласно общедоступным сведениям, часто встречается в тестах работодателей по JavaScript:

• Задания на программирование: написать функцию в онлайн-редакторе, проверить её на примерах входных данных, а затем отправить на проверку с помощью дополнительных тестовых случаев, которые могут быть вам не видны.
• Вопросы с вариантами ответа: понятия JavaScript, то, что выводит фрагмент кода, и выбор правильного кода.
• Отладка или проверка кода: найти и исправить проблему в коде, написанном другим человеком.
• Иногда встречаются и другие задания: создание или исправление веб-страницы, более крупный проект для front-end- или back-end-разработчика, задание на дом либо наблюдение через веб-камеру и мониторинг экрана во время теста.

Что входит в наши пробные тесты. Полные пробные тесты включают 20 вопросов за 60 минут и состоят из четырёх разделов: понятия JavaScript (6), результат выполнения кода (6), поиск ошибки (5) и создание решения (3). Во всех заданиях используется современный JavaScript, выполняемый в Node.js, без кода для браузера или фреймворков. До отправки теста вы можете возвращаться к вопросам, менять ответы и отмечать вопросы. Наши пробные тесты помогают тренироваться читать и анализировать код, отслеживать ход его выполнения, находить ошибки и выбирать код. В них не запускается код, который вы пишете. Во многих реальных тестах нужно писать код, который проверяется на скрытых тестовых случаях. Эта практика развивает необходимые для этого навыки чтения, анализа и отладки кода. Дополнительно потренируйтесь на время в настоящем редакторе кода. В наши пробные тесты также не входят проектные задания для front-end-, back-end- и full-stack-разработчиков, прокторинг, проверки на плагиат, видеоинтервью, задания на дом и какой-либо проходной балл работодателя.

Типы вопросов с примерами решений

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

1. Понятия JavaScript. В чём разница между let и var? Область видимости let ограничена ближайшим блоком, например телом цикла, и переменную нельзя использовать до выполнения строки, в которой она объявлена. Область видимости var охватывает всю функцию, а объявление переменной поднимается вверх, поэтому до выполнения строки она существует со значением undefined. Ловушка: считать, что const не позволяет менять объект или массив. Он лишь запрещает присвоить этому имени другое значение.

2. Что выводит код. console.log(typeof null, typeof []) выводит object object. Для typeof оба значения относятся к объектам; чтобы проверить, является ли значение массивом, используйте Array.isArray. Для асинхронного кода помните порядок выполнения: сначала обычный код, затем обработчики промисов, потом таймеры. Ловушка: воспринимать setTimeout(fn, 0) как команду «выполнить сейчас». Функция всегда ждёт, пока завершится текущий код и выполнятся ожидающие обработчики промисов.

3. Поиск ошибки. Функция возвращает undefined вместо суммы. Проверьте, нет ли стрелочной функции с фигурными скобками, но без return: (a, b) => { a + b } возвращает undefined, а (a, b) => a + b возвращает сумму. Ловушка: исправлять первую строку, которая выглядит необычно. Проследите, как небольшое входное значение проходит через код, и найдите первую строку, где оно становится неправильным.

4. Разработка решения. Нужно вычислить общую стоимость товаров в корзине. Для этого подходит items.reduce((sum, item) => sum + item.price, 0). Если убрать 0 в конце, пустая корзина вызовет TypeError. Ловушка: выбрать вариант, который работает для примера, но не обрабатывает граничные случаи. Проверьте каждый вариант на пустом массиве, одном элементе, повторах и отсутствующих значениях.

Как подготовиться

1. Сначала прочитайте приглашение. Узнайте, какой платформой вы будете пользоваться, сколько будет заданий, сколько времени отведено, сможете ли вы выбрать JavaScript, будут ли задания по фронтенд-разработке и будет ли тест проходить под наблюдением. Форматы слишком сильно различаются, чтобы что-либо предполагать.
2. Попробуйте тренировочный раздел платформы, если он есть. Освойтесь с редактором, кнопкой Run и отображением примеров тестовых случаев, чтобы в день тестирования интерфейс не оказался для вас новым. Например, HackerRank описывает, как кандидаты нажимают Run, чтобы запустить тестовые случаи во время работы (HackerRank Support).
3. Разбирайте код вручную. Для коротких фрагментов записывайте значение каждой переменной после каждой строки. Для асинхронного кода ведите три списка: что выполняется сейчас, обратные вызовы промисов и таймеры.
4. Знайте основные инструменты. Массивы и их методы (map, filter, reduce, some, find, sort), объекты, Map и Set, строки, деструктуризация, spread, шаблонные строки, async и await.
5. Перед отправкой подумайте о граничных случаях. Пустые массивы и строки, один элемент, повторяющиеся значения, null и undefined, числа, переданные в виде строк. Скрытые тестовые случаи часто проверяют именно это.
6. Пишите код на время. Наши пробные тесты помогают развить навыки чтения кода и отладки. Также решите несколько небольших задач в настоящем редакторе с таймером, чтобы написание и запуск кода в условиях ограниченного времени казались привычными.
7. Тренируйтесь в реальном темпе. Если ваш тест похож на пример HackerRank JavaScript (Basic), то 2 вопроса за 1 час 30 минут дают около 45 минут на задачу (HackerRank). Пройдите полные пробные тесты на время, чтобы привыкнуть распределять время.

Как обычно оценивают результаты

Оценка зависит от платформы и работодателя. Единой шкалы и общего порога прохождения нет. Задания по программированию обычно оцениваются автоматически на основе тестовых случаев. Вот два опубликованных описания:

• HackerRank сообщает, что задания по программированию оцениваются с помощью заранее заданных тестовых случаев, проверяющих правильность и эффективность решения. У каждого тестового случая свой балл: код, прошедший этот тестовый случай, получает за него полный балл, а код, не прошедший его, - ноль. Общий балл за задание складывается из баллов за пройденные тестовые случаи, поэтому решение, прошедшее некоторые из них, приносит часть баллов (поддержка HackerRank). Задания по программированию и вопросы с выбором оцениваются автоматически. Задания по HTML/CSS/JavaScript проверяются вручную, а задания по фронтенд-разработке оцениваются автоматически, но рекомендуется ручная проверка (справка HackerRank).
• TestGorilla описывает оценку на основе процентилей, которая учитывает общую правильность ответов. В отчёте также указывается результат по каждому тестовому случаю (TestGorilla).

Каждый работодатель сам решает, какой результат считать хорошим. Многие оценивают не только балл, но и ваш код.

Наш тренировочный результат - это количество наших заданий, на которые вы ответили правильно, с разбивкой по разделам. Так вы увидите, на чём стоит сосредоточиться. Это результат тренировки: он не является оценкой за тест какой-либо платформы и не предсказывает, пройдёте ли вы тест.

Типичные ошибки

• Сортировка чисел без функции сравнения. [10, 9, 1].sort() сортирует как текст. Используйте sort((a, b) => a - b).
• Использование == и неожиданное преобразование типов. Предпочитайте ===, если у вас нет причины поступить иначе.
• Забывать, что forEach не ждёт завершения операций. await внутри функции обратного вызова forEach не приостанавливает внешнюю функцию. Используйте for...of или Promise.all.
• Сравнение объектов или массивов с помощью ===. Два объекта равны, только если это один и тот же объект. Сравнивайте нужные вам поля.
• Изменение массива, который вы хотели сохранить. sort, reverse и splice изменяют исходный массив. Если нужно сохранить оригинал, сначала создайте копию с помощью [...arr].
• Проверка только на примере. Приведённый пример обычно проходит проверку. Скрытые тесты проверяют пустой ввод, один элемент, дубликаты и большие объёмы данных.
• Потеря времени на одном задании. Если вы застряли, отправьте простую версию, которая проходит часть тестов, переходите дальше и возвращайтесь к заданию, если останется время.