QuickFrontend

Собеседование в ВК

Полный гайд по фронтенд-собеседованию в VK. Тестовое задание + 1–2 интервью с фокусом на TypeScript и производительность.

Этапы собеседования

1

Тестовое задание

Большое тестовое задание на дом. Реализация мини-приложения или компонента. Оценивают качество кода, архитектуру и внимание к деталям.

2

Техническое интервью

Разбор тестового задания и дополнительные вопросы по JavaScript, TypeScript, React/Vue. 60–90 минут.

3

Финальное интервью

Поведенческие вопросы, обсуждение опыта, зарплатных ожиданий и условий работы. Иногда совмещено с техническим.

Что спрашивают

TypeScript

  • Строгая типизация
  • Generics и utility types
  • Type guards и narrowing
  • Декораторы
  • Конфигурация tsconfig

React / Vue

  • Компонентная архитектура
  • Управление состоянием (MobX, Redux)
  • Хуки и Composition API
  • Виртуальный DOM
  • Серверный рендеринг

CSS & Стилизация

  • CSS Modules
  • CSS-in-JS подходы
  • Flexbox и Grid
  • Анимации и переходы
  • Адаптивный дизайн

Инструменты

  • Webpack / Vite
  • Git и код-ревью
  • Тестирование (Jest, Testing Library)
  • CI/CD
  • Линтинг и форматирование

Грейды и зарплаты

ГрейдЗарплата (gross)Требования
Junior120 000 – 200 000 ₽Базовые знания JS/TS, React или Vue
Middle250 000 – 420 000 ₽TypeScript продвинутый, state management, тестирование
Senior420 000 – 650 000+ ₽Архитектура, производительность, менторство

* Данные о зарплатах основаны на информации из открытых источников: Хабр Карьера, levels.fyi, отзывы кандидатов. Актуальные цифры могут отличаться.

Особенности ВК

  • Один из крупнейших IT-холдингов России — VK, Mail.ru, Одноклассники, DZEN
  • Высокие нагрузки: сотни миллионов пользователей
  • Используют React, Vue, TypeScript, MobX, CSS Modules
  • Сильный фокус на производительность и оптимизацию
  • Офисы в Москве и Санкт-Петербурге, гибридный формат

Задачи с собеседований VK

Перемещение карточки между колонками
Medium
Сжать массив в диапазоны
Medium
Проверка строки на палиндром
Easy
Рекурсивная сумма всех чисел в объекте
Medium
Максимальная дистанция до ближайшего человека
Medium

Советы по подготовке

Сделайте тестовое идеально

Тестовое задание — ключевой этап. Уделите время архитектуре, тестам, документации и чистоте кода.

Знайте TypeScript глубоко

ВК активно использует TypeScript. Разберитесь в generics, conditional types, mapped types.

Изучите MobX

ВК использует MobX для state management. Понимайте observables, actions, computed values.

Думайте о производительности

При таком масштабе каждая миллисекунда важна. Знайте Web Vitals, lazy loading, code splitting.

Навигация по компаниям

4 из 7

АвитоПредыдущаяСледующаяТинькофф