Front end собеседование [закрыт]

#jquery #ajax #javascript #html

Подкиньте пару вопросов с собеседования на должность front end из вашего личного
опыта. Все, что было доступно в интернете, я уже нашел. Хотелось бы именно из вашего
личного опыта. Благодарю!     

Ответы

Ответ 1

Задаю простенькие задачи:

http://jsfiddle.net/RubaXa/36Jve/
http://jsfiddle.net/RubaXa/5jaHB/
http://jsfiddle.net/RubaXa/YBSTX/
http://jsfiddle.net/RubaXa/ZSd3w/
http://jsfiddle.net/RubaXa/kQ8fX/

по ходу решения которых спрашиваю, почему именно так сделал, какие ещё есть способы
решения.
И ещё:

Подходы/методологии написания CSS?
GruntJS, Bower, npm — для чего используются?
RequireJS (или подобные) — зачем нужен?
Тестирование: какие библиотеки знаешь (+/-), что использовал?
Как логировать JS ошибки с клиента, какие "подводные" камни?
Какие фреймворки знает/использовал (если не использовал, то почему), как они устроены
внутри.

P.S. Также до собеседования, можно посмотреть акаунт на github.


Ответ 2

По верстке спрашивали:
Как прижать футер к низу окна браузера?
Как выровнять по центру блок с фиксированной шириной? (margin: 0 auto)
Чему равна высота блока, если у него задано float: left? (0)
Как сделать очищение потока при использовании элементов с float ? (через oveflow:
hidden или через псевдоэлемент after How to avoid empty clear divs?)
Какие новые теги разметки появились в html5? (header, section, article, aside и тд),
рассказать немного в каких случаях какой тег используется.

Если еще чего вспомню, то в комментах допишу.


Ответ 3

Что будет если не указать doctype. ( quirks mode )
Как сделать одинаковые по высоте колонки.
Как сделать так чтобы по центру ( по ширине ) располагались квадраты (блоки) и при
уменьшение окна если последний не помещается в ряд, то он перескакивал на следующую
строчку и становится по центру. ( display: inline-block для квадратов + text-align:center
для div-обёртки ).


Ответ 4

Реализовать onclick, чтобы вызвалась функция которую передали и те что были присвоены
до этого.
Реализовать is-a наследование, ооп все функции и публичные свойства должны наследоваться.
Ещё спрашивали как сделть чтобы при изменении записи в БД сразу отображались данные
в табличке.
И как вычислить высоту всего документа.
Только это без jquery.


Ответ 5

Важным вопросом считаю оптимизацию клиентской части. Хорошо, если чесловек не только
разбирается в нужных front-end технологиях, но также знает, какими способами можно
ускорить загрузку страниц/контента и соответственно уменьшить время ожидания пользоватетелей.
Этого списка будет более чем достаточно: High Performance Web Sites


Ответ 6

Какой цвет будет иметь текст в теге, приведенном ниже? Как изменить результат на
противоположный?

Текст


Ответ 7

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