HTML

• Что такое HTML и для чего он используется?
• Что такое DOCTYPE? И для чего он используется? Сколько разновидностей вы можете назвать?
• Что такое режим совместимости (Quirks Mode) и стандартный режим (Standards Mode)?
• Что описывается в тэге head?
• Что такое мета-тэги?
• Единицы измерений: vh,vw,vd (viewport width, viewport height, viewport dynamic)
• Объясните разницу между единицами измерения px, em, rem
• Что такое семантика? Какие семантичные тэги вы знаете?
• Есть ли у HTML элементов свои дефолтные специфичные стили?
• Задача #1
• Разница между идентификацией, аутентификацией, авторизацией?

CSS

• Что такое поток документа?
• Что такое специфичность селектора? Как считать вес селектора?
• Что такое инлайновый стиль? Можно ли его переопределить?
• Если дело вообще касается CSS, то почему-то всё ещё спрашивают про способы “оцентровать блок по центру экрана”?
• Какие псевдоклассы были добавлены в CSS3?
• Разница между Reset.css и Normalize.css?
• Какие CSS-препроцессоры вы знаете? Преимущества их использования?
• styled-components. Что это? Зачем это? Плюсы-минусы?

Оптимизация

• Основные принципы доступности?
• Что такое кроссбраузерность?
• Что такое вендорные префиксы? И для чего они используются?
• Способы уменьшения времени загрузки веб-страницы?
• Растровая и векторная графика
• Что такое ленивая загрузка (lazyloading)
• Разница между script, script async и script defer?
• Назовите критические этапы рендеринга?
• Разница между layout, painting и compositing
• Что такое reflow и repaint?

WEB API

• REST API. Что такое ресурс, ограничения, идемпотентность, кэширование?
• Что такое HTTP?
• Разница между HTTP1 и HTTP2?
• Чем отличается GET от POST? Какие ещё виды запросов есть и для чего используются?
• Назовите 5 кодов состояния при HTTP-запросе?
• Разница между протоколами TCP и UDP?
• Что такое веб-хранилище (web storage)?
• Как происходит авторизация? Что передаётся в заголовке авторизации?
• Что такое WebSocket? В чем принцип его работы?