Подготовка к интервью
63 вопроса по CSS с технических собеседований
Проверьте, насколько резюме подходит выбранной позиции, и получите рекомендации по улучшению.
Что проверяют на интервью
На странице собраны вопросы по CSS — от проверки базовых принципов до практического применения и архитектурных решений. В подборке чаще встречаются темы: frontend, ui, css.
Каталог
Преимущества CSS Grid и Flexbox CSS Grid — мощный двухмерный инструмент для построения интерфейсов Позволяет одновременно управлять строками и колонками Оптимален для сложных макетов с фиксированной или адаптивной сеткой
Читать ответПочему Next.js выбирают вместо обычного React Фреймворк на основе React, дополненный готовыми инструментами Поддержка SSR (Server-Side Rendering) и SSG (Static Site Generation) для ускорения загрузки и улучшения SEO…
Читать ответControlled и uncontrolled компоненты Управление состоянием: в controlled-компонентах React хранит его через props и setState, а в uncontrolled-компонентах состояние остаётся внутри DOM Источник данных:…
Читать ответCSS-способы скрытия элементов и их последствия opacity: элемент становится визуально невидимым, но сохраняет место в потоке и может получать события (при прозрачности) visibility: hidden: элемент не виден и недоступен…
Читать ответКлассовые и функциональные компоненты в React компоненты, используемые для создания UI классовые: классы ES6 с this, где жизненный цикл реализуется через специальные методы функциональные: обычные функции,…
Читать ответCookie хранится в браузере пользователя как небольшой текстовый файл При каждом запросе cookie отправляется клиентом на сервер через HTTP headers Сессии обычно размещаются на сервере — в памяти, базе данных или кеше…
Читать ответЗачем используют ref? React: прямой доступ к DOM или компонентам хранение мутабельных данных без повторного рендера управление фокусом, выделением, анимациями замена прямых манипуляций через чистый JS применяется с…
Читать ответCSS-позиционирование: абсолютное позиционирование Сочетание top: 50% и left: 50% помещает элемент в точку с такими координатами относительно родительского контейнера однако привязывает к этой точке угол элемента, а не…
Читать ответUI-библиотеки или собственный CSS Выбор делаю с учётом особенностей проекта и его требований UI-библиотеки позволяют быстрее разрабатывать интерфейсы, используя готовые компоненты и поддерживая единообразие UI…
Читать ответКак Flexbox работает с осями и чем он лучше float? Flexbox — гибкий контейнер для выравнивания и распределения элементов В нём выделяют две оси: main axis (по умолчанию горизонтальная) и cross axis (перпендикулярная…
Читать ответКаким образом Next.js оптимизирует изображения? Для оптимизации изображений Next.js предлагает встроенный компонент <Image>. Он автоматически применяет ленивую загрузку (lazy loading): файл запрашивается только после…
Читать ответКак flex-direction определяет направление работы justify-content и align-items Свойство flex-direction определяет основную ось flex-контейнера доступные значения: row (горизонтальное направление), column…
Читать ответ