Юрий Матюхин

Вопросы для собеседования кандидату на должность Front-end разработчика

 

Это перевод популярного репозитория от html5bp — Front-end Job Interview Questions (en), который существует с 2009 года. Список вопросов составлялся и дополнятся известными во front-end людьми, поэтому на этот список можно положиться. Перевод делал не я (вернее я хотел, но он оказался уже переведен).

Замечание: Этот репозиторий содержит подборку вопросов, которые могут быть использованы на собеседованиях на должность front-end разработчика. Здесь предлагаются лишь идеи, не нужно задавать все вопросы сразу (иначе в один час точно не уложитесь).

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

Содержание

  1. Общие вопросы
  2. Вопросы по HTML
  3. Вопросы по JavaScript
  4. Примеры кода на JavaScript
  5. Вопросы по jQuery
  6. Вопросы по CSS
  7. “Светская беседа«
  8. Первоначальные авторы

Общие вопросы: [↑]

Вопросы по HTML: [↑]

Вопросы по JavaScript: [↑]

function Person (){}

var person = Person ()
var person = new Person ()
[1,2,3,4,5].duplicator (); // [1,2,3,4,5,1,2,3,4,5]

Примеры кода на JavaScript [↑]

~~3.14

Вопрос: Какое значение возвращает данное предложение?
Ответ: 3

"i'm a lasagna hog".split ("").reverse ().join ("");

Вопрос: Какое значение возвращает данное предложение?
Ответ: «goh angasal a m’i»

 ( window.foo ||  ( window.foo = "bar" ) );

Вопрос: Чему равно window.foo?
Ответ: «bar»,
только если выражение window.foo было ложным, иначе переменная сохранит своё изначальное значение

var foo = "Hello";
 (function () {
    var bar = " World";
    alert (foo + bar);
}) ();
alert (foo + bar);

Вопрос: Что покажут эти два alert?
Ответ: «Hello World» и ReferenceError: bar is not defined

var foo = [];
foo.push (1);
foo.push (2);

Вопрос: Чему равно foo.length?
Ответ: 2

var foo = {};
foo.bar = 'hello';

Вопрос: Чему равно foo.length?
Ответ: undefined

Вопросы по jQuery: [↑]

$ (".foo div#bar:eq (0)")

Вопросы по CSS: [↑]

«Светская беседа»: [↑]

Первоначальные авторы [↑]

Read more!