5 простых тестовых заданий на позицию Junior Frontend-разработчик

Рассказывает Дарья Пушкарская — основатель и владелец онлайн-школы в IT-сфере Web Hero School

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

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

1. Что выведет на экран следующий код?

			function b(x, y, a) {
	arguments[2] = 10;
	alert(a);
}
b(1, 2, 3);
		

2. Что выведет в консоль следующий код?

			console.log(false == undefined);
console.log(false == null);
console.log(null == undefined);
		

3. Что выведет в консоль следующий код?

			const numbers = [1, 2, 3, 4, 5];
const [y] = numbers;
console.log(y);
		

4. В каком порядке исполняются скрипты? Почему?

			<script async src="script-1.js"></script> // Время загрузки скрипта 1.5s
<script src="script-2.js"></script> // Время загрузки скрипта 1s
<script defer src="script-3.js"></script> // Время загрузки скрипта 3s
<script defer src="script-4.js"></script> // Время загрузки скрипта 1.5s
<script src="script-5.js"></script> // Время загрузки скрипта 2s
<script async src="script-6.js"></script> // Время загрузки скрипта 1s
<script defer src="script-7.js"></script> // Время загрузки скрипта 0.1s
		

5. Что выведет в консоль этот код?

			let x = 3;
function fn() {
    x = 10;
    return;
    function x() {}
}

fn();
console.log(x);
		

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

1. Работодатель прекрасно понимает, что вы не знаете всего, поскольку вы не middle или senior разработчик. С вас не будут требовать высокого уровня выполнения кода, но это не повод расслабляться.
2. Правильного эталонного решения задачи не существует. Если вы не знаете, как справиться с тестовым — сделайте несколько предположений и продемонстрируйте свой ход мыслей.
3. Программирование — это развитие практических навыков, поэтому решайте как можно больше задач, чтобы развивать в себе навык профильного мышления.
4. Соискатель допускает, что вы не знаете решения, и что такие ситуации будут происходить и в работе. Поэтому важно показать ваш ход мыслей, когда вы не знаете ответов. Озвучивайте или пишите предположения, описывайте попытки, демонстрируйте свою готовность к подобным вызовам.
5. Одно из ключевых качеств джуниора — уметь задавать вопросы, работать с обратной связью и быстро обучаться. Покажите свою готовность развиваться и проактивность через вопросы. Когда вы сдали задание, попросите обратную связь по нему. Поинтересуйтесь, чего от вас ожидали, насколько ваше решение оптимально. Это выделит вас среди других кандидатов.

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