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

Есть фронтендеры с рабочим местом, которые не знаю ответ на все вопросы?
Уповаю на людей ходивших на собеседования неоднократно и собравших знатную коллекцию вопросов ибо сам не посетил ни одного подобного мероприятия (страшно как в первую брачную, что не смогу ответить ни на один вопрос).

-Какому DOCTYPE отдается предпочтение при верстке с нуля?
-Для каких браузеров/устройств верстали?
-В чем облегчение при отказе от верстки под IE6? IE7?
-Чем отличается блочный элемент от строчного?
-Какие свойства получает элемент, которому назначено свойство display:inline-block?
-Чем отличается display:none от visibility:hidden?
-Какой HTML-документ можно назвать валидным? Что проверяет валидатор?
-Какие теги в HTML употреблять нельзя?
-Какие атрибуты html-тегов устарели?
-Чем отличается класс (class) от идентификатора (id) в HTML?
-Какими тегами и атрибутами можно подключать внешние ресурсы в HTML?
-Какие атрибуты есть у тега input?
-Какие значения есть у атрибута type тега input?
-Чем отличается visibility:hidden от dusplay:none?
-Как очистить поток? Приведите примеры, зачем это может понадобиться.
===================================
ЗАДАНИЯ:
-Задание. Дается рисунок. И нужно его на веб-странице расположить так, чтобы от верхнего края браузера он отступал на 30 px, от левого – на 15. Предложить все возможные варианты.
-Задание написать любой код, который бы нормально отображался в одном, но некорректно в других браузерах (IE, Opera, Firefox).
-Задача. Таблица из 9 ячеек. В первой ячейке ссылка. Написать код, чтобы при нажатии на эту ссылку в девятой ячейке отображался рисунок.

Ответы могу прислать.
------------------
Я бы задавал вопросы по: 1) Прошлой работе, к-во и качество проектов, портфолио.

2) Общим темам, теория. Чем див от спана отличается? Вложенность тегов. Нужно ли в 5-м ХТМЛ закрывать /> одиночные теги. Отличие i от em и т.д.

3) Пару заданий "на внимательность" - найти ошибку в тегах атрибутах. Изменить шаблон чтобы было меньше элементов в менюшке (позаботясь об индексации и спрайтах), Как сделать то-то и то-то в CSS (закругленные уголки - тут и кроссбраузерность и напишет ли 2 радиуса по x и y). Как убрать маркер у ul.

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

5) Приоритеты, несколько правил к одному элементу. Какой стиль "победит" - атрибут в теге, или !important, в теге style класс или наследование тегов, по ИД и классам вопросы.

6) Позиционирование, зет-индекс. Наследование свойств. "тег+тег" vs "тег>тег" vs "тег тег".

7) Задачки на кроссбраузерность. Что нужно сделать, чтобы в браузере таком-то отображалось адекватно. Настройки пользователя. Сброс. Универсальный селектор.

6+7)Можно на *{font-size: 200%;} и вложенные элементы дать. Каким будет размер шрифта.

8) Типы верстки. Табличная, адаптивная. Вопросы по стилю. Как больше нравится, почему? Как именует и группирует в CSS. Как часто оставляет комментарии и что вообще комментирует. Что геморно делать. На чем верстает. Что нравится делать, что нет.
------------------
Да просто по основам поспрашивать:
Как работают флоаты?
Как работают инлайн-блоки?
Как работает vertical-align?
Как центрировать по высоте?
Как работает сокращенная запись.
Как сделать, чтобы элемент занимал всю доступную ему ширину?
Как работает z-index? Понятие «stacking context».
------------------
Если хочется большего, можно спросить:
Основные методы вёрстки: их преимущества и недостатки.
Методология вёрстки типа БЭМ или «многослойный CSS».
Украшения из серии CSS3. Какие бывают, как применять. Постепенное улучшение и изящная деградация.
Адаптация под экраны высокого разрешения.

Высший пилотаж: будущее раскладки CSS, знание SVG.
------------------
Сегодня я решил написать пост о вопросах, которые задают на собеседовании.
Дело в том, что еще перед Новым Годом ходил на собеседование и как вы уже поняли из топика, предлагали мне вакансию верстальщика макетов для сайтов. ©
1. Что такое DOCETYPE и для чего он нужен?
2. Что пишут в теге HEAD?
3. В чем разница между тегами div и span?
5. Что такое entities?
6. Как сделать чтобы все гиперссылки сайта открывались в новом окне, т.е чтобы по умолчанию использовался target="_blank"?
7. А как теперь быть, если какую-то из гиперссылок я захочу открыть в этом же окне, т.е. не создавая новое?

------------------
На сколько соответствует действительности?

Или вопросы будут все по фреймворкам с библиотеками и "нащупыванию" верхней планки возможностей? Какие шансы получить работу в ДС без знания какого-либо нормального фреймворка на JS?