System design-собеседование Frontend-разработчика в Т-Банке

Кандидат проектирует frontend мессенджера, уточняет локализацию, API и хранение данных. Интервьюер проверяет схему, архитектурный подход и выбор между localStorage и IndexedDB.

Направление: Frontend
Формат: Собеседование
Компания: Т-Банк
Грейд: Senior
Длительность: 55:58

Источник: Даниил Maximum

Открыть на YouTube

Таймлайн

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

Видео показывает system design-этап собеседования frontend-разработчика в Т-Банке. Интервьюер предлагает спроектировать мессенджер и постепенно вводит требования: поддержку русского и английского языков, поведение интерфейса, обмен данными с сервером и хранение последнего сообщения. Кандидат рисует схему, получает комментарий о её читаемости и уточняет состав API-ответов. В разговоре также обсуждаются слои frontend-архитектуры, изолированность модулей и варианты локального хранения. Интервьюер просит сравнить localStorage с IndexedDB, кандидат называет ограничение объёма и объясняет назначение встроенной базы. В конце стороны кратко говорят о последующем командном этапе процесса найма.

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

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

В system design нужно сначала уточнить пользовательские требования, включая локализацию и ограничения.
Схема должна быть читаемой для другого инженера и явно показывать владельцев данных.
API-контракт стоит описывать через конкретные данные, которые нужны экрану.
Модульная архитектура требует понятных границ и контролируемых публичных интерфейсов.
Выбор localStorage или IndexedDB зависит от объёма, структуры и сценария офлайн-хранения.

Рекомендуем посмотреть

1:26:32

FrontendSenior

Техническое собеседование frontend-разработчика: алгоритмы, браузер и React

Запись реального технического этапа собеседования на позицию Middle+/Senior Frontend-разработчика. Интервьюер проверяет процессы релиза и качество кода, алгоритмы, ООП, API и безопасность, JavaScript и браузерные технологии, микрофронтенды, CSS, accessibility, TypeScript и подходы к рендерингу. В практической части кандидат разбирает порядок выполнения асинхронного кода, исправляет замыкание счётчика и debounce, а также обсуждает профилирование и виртуализацию списков в React.

МТСТехническое собеседование

1:06:59

FrontendSenior

Два технических собеседования Frontend-разработчика: React, JavaScript и лайвкодинг

Две записи реальных технических собеседований frontend-разработчика уровня Middle+/Senior. В первом интервью обсуждают React, CI/CD, тестирование, GraphQL, WebSocket и производительность; во втором проверяют TypeScript, асинхронный JavaScript и решение двух задач в лайвкодинге.

Техническое собеседование

54:56

FrontendSenior

Архитектурная секция собеседования в Т-Банке для Senior Frontend-разработчика

Полная запись архитектурной секции собеседования в Т-Банк на Senior Frontend-позицию. Кандидат проектирует веб-мессенджер: уточняет требования, обсуждает офлайн-режим, React, WebSocket и REST, API-контракты и верхнеуровневую схему с CDN, S3 и балансировкой.

Т-БанкРазбор интервью