Подготовка к интервью

Вопросы на собеседовании по CSS

63 вопроса по CSS с технических собеседований

63 вопроса 119 компаний 249 технологий

Усильте резюме перед собеседованием

Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.

Анализ резюме

Что проверяют на интервью

Как устроена подборка

На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, ui, css.

Основные темы и навыки

frontend 57 ui 25 css 22 performance 20 livecoding 19 layout 14 optimization 14 react 12

Форматы вопросов

  • Поведенческие вопросы49
  • Технические вопросы11
  • System Design2
  • Лайвкодинг1

Ориентировочная сложность

  • Продвинутые23
  • Базовые7
  • Практические33

С чего начать подготовку

  1. Начните с раздела «Поведенческие вопросы» и проверьте, можете ли дать короткий ответ своими словами.
  2. Затем разберите вопросы по теме «frontend» и свяжите ответы с собственным опытом.
  3. Завершите подготовку практикой: проговорите решение, ограничения и возможные альтернативы.
Сбросить

Каталог

Результаты поиска

Найдено: 63
Теория

Как получить все элементы на странице?

DOM представляет HTML-документ в виде дерева элементов Для этого применяют document.querySelectorAll('') — селектор, соответствующий всем элементам Метод возвращает NodeList, содержащий все элементы документа…

Читать ответ
Теория

Как правильно выровнять элемент по горизонтали и вертикали в CSS?

Контекст: CSS-позиционирование и флексбокс Центрирование с помощью Flexbox: родительский элемент: display: flex; justify-content: center; align-items: center; элемент выравнивается по центру сразу по обеим осям Другой…

Читать ответ
Поведенческий

Как правильно использовать keys в React?

Как правильно использовать keys в React? keys служат уникальными идентификаторами элементов в списках React позволяют React эффективно обновлять DOM за счёт сравнения элементов должны оставаться стабильными и…

Читать ответ
Поведенческий

Как правильно работать с библиотеками для рисования?

библиотеки для рисования — API, предназначенные для создания графики с помощью canvas, SVG и WebGL изучить базовые объекты и методы, включая рисование фигур, работу с цветами и трансформациями разобраться с…

Читать ответ
Поведенческий

Как предотвратить всплытие события при клике внутри модального окна?

Как отключить всплытие события в модальном окне? Веб, события, DOM всплытие означает переход события от дочернего элемента к его родителям для прекращения распространения в обработчике клика модального окна вызывают…

Читать ответ
System Design

Как проверять React-компоненты без запуска всего проекта?

Модульное тестирование с Jest и React Testing Library Изолированная проверка рендеринга компонентов и обработки событий Моки для пропсов и внешних зависимостей Запуск тестов через CLI без использования браузера…

Читать ответ
Поведенческий

Как работает Flexbox и за что отвечают его свойства?

Как работает Flexbox и за что отвечают его свойства? CSS-модель для гибкой верстки Flex-контейнер и его дочерние элементы, называемые flex-элементами Основная ось (main axis) — направление размещения flex-элементов,…

Читать ответ
Поведенческий

Как работает position: sticky и в какой момент элемент «отклеивается»?

Как работает position: sticky и в какой момент элемент "отклеивается"? CSS-свойство для позиционирования, которое частично фиксирует элемент До достижения установленной границы прокрутки элемент ведёт себя как…

Читать ответ
Поведенческий

Как реализовать аккордеон с бесконечной вложенностью и оптимизировать его рендеринг?

Реализация аккордеона с бесконечной вложенностью и оптимизация рендеринга структура: каждый узел представлен рекурсивным компонентом, который получает массив дочерних элементов управление: состояние раскрытия можно…

Читать ответ
Поведенческий

Как реализовать модальное окно с формой логина и пароля и закрывать его по outside click?

Как реализовать модальное окно с формой и закрытием по клику вне его области UI-компонент модального окна, содержащий форму с логином и паролем Управлять отображением и скрытием окна с помощью состояния (state)…

Читать ответ
System Design

Как реализовать функцию map?

Функция map преобразует массив вызывая переданную функцию для каждого его элемента и формируя новый массив с полученными результатами при этом исходный массив остаётся неизменным, что обеспечивает иммутабельность для…

Читать ответ
Поведенческий

Как свойство box-sizing: border-box рассчитывает размеры элемента?

Как свойство box-sizing: border-box рассчитывает размеры элемента? CSS-свойство, определяющее модель коробки объединяет content + padding + border в заданной ширине и высоте сохраняет итоговый размер элемента в…

Читать ответ