Public interview for Frontend/HTML/CSS developer

Коротко о видео

Запись открытого собеседования по HTML/CSS для позиции middle frontend-разработчика: интервьюеры проверяют знания кандидата и дают уточнения по ответам. Обсуждаются критический путь рендеринга, семантическая HTML-разметка, accessibility, адаптивные изображения, BEM, шрифты, CSS-селекторы, блочная модель, float, Flexbox, адаптивность и CSS-инструменты. В конце интервьюеры дают кандидатке положительный фидбэк по HTML/CSS-части, отмечая отдельные пробелы в старых браузерных механиках и проектировании расширяемой разметки.

Затронутые темы

Что взять на заметку

• Подготовьте связное объяснение загрузки страницы: получение HTML, построение DOM и render tree, layout и paint, а также загрузку внешних ресурсов.
• Повторите doctype, meta-теги, семантические элементы HTML5 и доступность: осмысленный alt, label для полей, клавиатурная навигация и контраст.
• Умейте подбирать адаптивные изображения через srcset, sizes и picture; помните о дескрипторах ширины и обязательном alt у содержательных изображений.
• Отработайте BEM на реальной разметке: отличайте блоки, элементы и модификаторы и выносите потенциально переиспользуемые части в самостоятельные блоки.
• Повторите каскад и specificity CSS, псевдоклассы и псевдоэлементы, соседние селекторы, nth-of-type, а также различия block, inline, none и visibility: hidden.
• Будьте готовы к вопросам о box-sizing, схлопывании margin, float/clear, Flexbox, относительных единицах и media queries.
• Для практики изучите подключение шрифтов через @font-face, оптимизацию изображений, SVG, CSS-препроцессоры, критерии выбора UI-библиотеки и проверку качества через W3C Validator, линтеры и SonarQube.