Front-end-Job-Interview-Questions

Ответы на вопросы на должность Frontend разработчика.

---

Project maintained by FedorovAlexander Hosted on GitHub Pages — Theme by mattgraham

Вопросы по CSS

• Что такое специфичность CSS-селекторов и как она работает?
• В чем разница между «сбросом» и «нормализацией» CSS? Что бы вы выбрали и почему?
• Объясните, что такое плавающие элементы (floats) и как они работают.
• Объясните, что такое z-index и как формируется контекст наложения.
• Объясните, что такое блочный контекст форматирования и как он работает.
• Какие вы знаете методы запрета обтекания (clearing) и в каких случаях они применяются?
• Как вы решаете стилевые проблемы, связанные с особенностями браузеров?
• Как вы обеспечиваете отображение страниц в браузерах с ограниченными возможностями? Какие приёмы/процессы вы при этом используете?
• Какими способами можно визуально скрыть элемент (оставив его доступным только для скринридера)?
• Использовали ли вы систему сеток, и если да, то какую вы предпочитаете?
• Приходилось ли вам использовать или реализовывать медиазапросы или вёрстку под мобильные устройства?
• Вы знакомы со стилизацией SVG?
• Можете ли вы привести пример свойства @media, отличного от screen?
• На что нужно обратить внимание при написании эффективного CSS?
• Какие преимущества/недостатки в использовании CSS препроцессоров? Опишите, что вам нравится и не нравится в CSS препроцессорах, которыми вы пользовались.
• Как вы реализуете макет, который использует нестандартные шрифты?
• Объясните, как браузер определяет, на какие элементы накладывать CSS стили?
• Объясните, что такое псевдоэлементы и для чего они нужны.
• Объясните своими словами, что такое блочная модель.
• Что делает * { box-sizing: border-box; }? В чем его преимущества?
• Что означает свойство display и можете ли вы привести несколько примеров его использования?
• В чем разница между строчным и блочно-строчным элементом?
• В чем разница между относительным, фиксированным, абсолютным и статически позиционированным элементом?
• Какими CSS-фреймворками вы пользовались? Что бы вы хотели в них изменить/улучшить?
• Пользовались ли вы Flexbox или Grid?
• Можете ли вы объяснить разницу между отзывчивым (responsive) сайтом и сайтом, сделанным по принципу mobile-first»
• Вы имеете опыт работы с ретиновой графикой? Если да, то какие методы вы использовали?
• В каком случае вы предпочтёте использовать translate() вместо абсолютного позиционирования и наоборот? И почему»