Вопросы на интервью #
http://chm.org.ua/css-interview/ https://www.youtube.com/watch?v=4YRG6cMAASI
- Для чего нужен doctype и сколько разновидностей вы можете назвать?
- В чем разница между standards mode и quirks mode?
- Как следует оформлять страницу, в которой контент может быть на разных языках?
- Что нужно иметь в виду при разработке многоязычных сайтов?
- Можно ли использовать синтаксис XHTML в HTML5?
- Как использовать XML в HTML5?
- Чем полезны data- атрибуты?
- Какие box-модели есть в HTML4 и есть ли отличия в HTML5?
- Если рассматривать HTML5 как открытую web-платформу, на чем она строится, из каких компонентов состоит?
- Объясните разницу между cookies, sessionStorage и localStorage.
- Знакомы ли с подводными камнями вёрстки почтовых шаблонов?
- Какая разница между GET и POST?
- Объясните разницу между единицами измерения px, em, rem.
- Для чего нужны CSS-переменные? Приведите несколько примеров использования.
- Что произойдет при добавлении следующего селектора? * {Box-sizing: border-box; }
- Как адаптировать страницу для печати?
- Опишите особенности кастомизации стилей стандартных элементов форм.
- Что такое progressive рендеринг? Какие подходы в нем используются?
- Назовите несколько способов реализации lazy-loading медиаресурсов на странице.
- Назовите популярные шаблонизаторы для фронтенд-разработки. Опишите особенности их использования.
- Назовите популярные CSS-методологии и их различия.
- Как работает CSS Grid?
- Какие форматы изображений поддерживают анимацию?
- Как отследить прогресс / окончание CSS @keyframes анимаций или плавных переходов, реализованных с помощью transition, в JS?
- Какие CSS-свойства могут быть обработаны непосредственно через GPU? Что такое композитные слои и почему большое их количество может привести к аварийному завершению работы браузера на мобильных устройствах?
- Как переиспользовать инлайновые SVG-элементы на странице?
- Опишите способы оптимизации SVG-файлов.
- Как реализовать иконочный шрифт из определенного набора SVG-файлов?
- Что такое ложное жирное или ложное курсивное (Faux) начертания шрифтов?
- Что такое #shadow-root в инспекторе HTML-страницы?
- Зачем нужны Custom Elements?
- Почему удаление лишних символов пробелов (и символов переноса) в HTML не отражается на конечной производительности загрузки страницы?
- Что такое контекст отображения canvas? Какие существуют типы контекста для рендеринга двумерной и трехмерной графики?