Получить доступ

Frontend system design

Основа с Senior

Проектирование интерфейса целиком — требования, компоненты, данные, производительность, доступность.

Секция frontend system design проверяет, как вы строите интерфейс целиком, а не отдельный компонент.

Структура ответа

  1. Требования: функции, устройства, объём данных, офлайн, доступность, SEO.
  2. Компоненты и их ответственность.
  3. Данные: модель, API, кэш, нормализация, пагинация, реальное время.
  4. Рендеринг: CSR, SSR, стриминг, виртуализация.
  5. Производительность: бюджеты, ленивые загрузки, Core Web Vitals.
  6. Доступность и интернационализация.
  7. Наблюдаемость и обработка ошибок.

Типовые задачи: автодополнение, лента новостей, чат, таблица на миллион строк, совместный редактор, загрузка файлов.

Критерии освоения

Senior ≈ 16 ч

  • Проводит секцию frontend system design — требования, компоненты, модель данных, API, производительность, доступность
  • Обсуждает компромиссы (рендеринг, кэш, реальное время) с оценкой последствий
  • Планирует постепенную миграцию legacy-фронтенда на новый стек

Практика. Разобрать письменно 3 задачи frontend system design (автодополнение, лента с бесконечной прокруткой, совместный редактор) по единой структуре и пройти пробное собеседование.

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

← Вся карта «Frontend-разработчик»

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем