Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 9 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save SleepWalker/7b81ed8a32000a70e557 to your computer and use it in GitHub Desktop.
Save SleepWalker/7b81ed8a32000a70e557 to your computer and use it in GitHub Desktop.
Собеседование верстальщика

Офтоп

  • Почему решили покинуть предыдущее место работы?

Теория

  • В чем разница между inline, block, inline-block?
  • Чем отличается margin от padding?
  • Что такое overflow, когда он нужен?
  • Чем отличаются position static, absolute, relative, fixed?
  • Что вы знаете о приоритете селекторов?
  • Как браузер обрабатывает селекторы? Какие из них более производительные?
  • Как отпозиционировать один элемент относительно другого?
  • Что такое спрайты?
  • Расскажите о принципах Responsive верстки

Опыт

  • Расскажите о вашем самом серьезном проекте
  • Какие тематические ресурсы вы читаете?
  • Какие новые технологии вам было бы интересно изучить? Когда и что интересного вы последний раз узнали?

Плюшки

  • Умеете ли вы верстать макеты из Photoshop?
  • Используете вы Perfect Pixel или что-то аналогичное?
  • Знаете ли вы о CSS архитектурах? БЭМ, OOCSS, SMACSS?
  • Используете ли вы какие-либо CSS фреймворки?
  • Используете ли вы SCSS/LESS? Grunt, Gulp?
  • Умеете ли вы использовать Git/SVN.
  • Какую предпочитаете OS, редактор кода?

Практические задания

  • Как бы вы сверстали этот макет? (нужно показать картинку)
  • Напишите простую анимацию по hover
  • Сверстайте горизонтальное меню
  • Сверстайте слайдер с изображением на всю ширину (достаточно одного), текстом по средине и двумя стрелочками/ссылками для переключения слайдов.
@Afres
Copy link

Afres commented Mar 25, 2016

Отлично! Я бы еще добавил про то использует ли кандидат Emmet.

@toradorra
Copy link

отличные вопросы. по ним сразу поймёшь шарит человек или нет

@Re-z
Copy link

Re-z commented Feb 6, 2020

Про гриды еще можно спросить, z-index, какие виды инпутов бывают, что такое box-sizing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment