[Lv1] В чём различия между Session-based и Token-based аутентификацией?
Частый уточняющий вопрос на собеседовании: понимаете ли вы различия между традиционной Session и современным Token? Освойте следующие ключевые моменты, чтобы быстро структурировать свои мысли.
[Lv1] Как была реализована аутентификация в прошлых проектах?
Цель: Чётко объяснить за 3–5 минут, «как фронтенд обрабатывает вход, управление состоянием и защиту страниц», чтобы легко вспомнить на собеседовании.
[Lv1] Какова структура JWT?
Интервьюеры часто задают уточняющий вопрос: «Как выглядит JWT? Почему он спроектирован именно так?» Понимание структуры, метода кодирования и процесса верификации поможет ответить быстро.
[Lv1] Оптимизация загрузки изображений: четырёхуровневая ленивая загрузка
Четырёхуровневая стратегия ленивой загрузки изображений, которая значительно сокращает трафик первого экрана и улучшает воспринимаемую скорость загрузки.
[Lv1] Оптимизация на уровне маршрутов: трёхуровневая ленивая загрузка
Ленивая загрузка на уровне маршрутов уменьшает начальный размер JavaScript и улучшает скорость загрузки первого экрана, доставляя код по требованию.
[Lv1] Основы SEO: Режим роутера и мета-теги
Базовая SEO-реализация для веб-приложений: чистые URL, базовые метаданные и структура страницы, удобная для краулеров.
[Lv2] Оптимизация времени выполнения JavaScript: Debounce, Throttle, Time Slicing
Оптимизация затрат на выполнение JavaScript путём управления частотой, планирования тяжёлых задач и предотвращения блокировки основного потока.
[Lv2] Основы Lifecycle и Hydration в Nuxt 3
Понимание границ lifecycle и поведения hydration критично, чтобы избегать проблем рассинхронизации SSR и клиента.
[Lv2] Продвинутое SEO: Динамические мета-теги и интеграция трекинга
Постройте масштабируемый SEO-слой с динамическими метаданными, интеграцией трекинга и централизованным управлением конфигурацией.
[Lv2] Реализация SSR: Загрузка данных и управление SEO-метаданными
Практический паттерн SSR-реализации в Nuxt для динамических страниц: получать данные на сервере, рендерить полный HTML и генерировать route-specific метаданные.
[Lv2] Режимы рендеринга Nuxt 3: SSR, SSG, CSR и гибридная стратегия
Выбор правильного режима рендеринга — это продуктовое решение, а не только техническое предпочтение.
[Lv2] Серверные возможности Nuxt 3: Server Routes и динамический Sitemap
Серверные возможности Nuxt 3 Nitro позволяют строить SEO-ориентированные backend-возможности прямо в том же репозитории.
[Lv3] Virtual Scrolling: эффективный рендеринг больших списков
Virtual scrolling поддерживает небольшой размер DOM, рендеря только видимое окно плюс буфер.
[Lv3] Web Worker на практике: фоновые вычисления без блокировки UI
Web Worker переносит ресурсоёмкую логику с основного потока, чтобы UI оставался отзывчивым.
[Lv3] Лучшие практики Nuxt i18n и SEO
В SSR-проектах i18n SEO — это не только перевод. Сюда входят стратегия маршрутов, alternate-ссылки, canonical-политика и безопасное для hydration locale-состояние.
[Lv3] Оптимизация производительности Nuxt 3: размер bundle, скорость SSR и доставка изображений
Практическое руководство по оптимизации производительности Nuxt 3: от результатов сборки и задержки серверного рендеринга до доставки медиаконтента.
[Lv3] Проблемы реализации SSR и решения
Реальные SSR-проекты обычно ломаются на границах: консистентность hydration, различия окружений, совместимость со сторонними библиотеками и производительность под нагрузкой.
[Lv3] Стратегия оптимизации больших данных: выбор и реализация правильного подхо да
Когда интерфейсу необходимо обрабатывать тысячи или миллионы записей, успех зависит от выбора правильной комбинации продуктовых, серверных и клиентских стратегий.
Использование Pinia в компонентах и composable'ах
Корректные паттерны использования предотвращают баги реактивности и сохраняют тестируемость бизнес-логики.
Конфигурация Vite в мультиарендной системе
Как использовать Vite для поддержки множества бренд-шаблонов в одном репозитории с динамической маршрутизацией сборки и изоляцией окружений.
Лучшие практики Pinia и частые ошибки
Как поддерживать Pinia store'ы в удобном состоянии в средних и больших Vue-приложениях.
Настройка и конфигурация Pinia
Практическая настройка Pinia для масштабируемых Vue 3-проектов.
Обеспечение совместимости с браузерами
Практические стратегии совместимости с браузерами с фокусом на Safari и поведение viewport на мобильных устройствах.
Обзор вопросов по аутентификации на собеседованиях
Постоянно накапливаемые вопросы и ключевые моменты по аутентификации на собеседованиях, организованные от базовых до продвинутых.
Обзор реализации
Практический маршрут изучения SSR и SEO: от основ до сложных продакшен-задач.
Обзор реализации State Management
Практические заметки по state management для интервью и продакшен-проектов, сгруппированные по фреймворкам.
Паттерны реализации Pinia Store
Выбирайте стиль store по сложности: Options API для простых store, Setup-синтаксис для сценариев с активной композицией.
Руководство по оптимизации веб-производительности
Практическая дорожная карта по оптимизации веб-производительности, организованная от основ до продвинутых сценариев.
Сравнение Vuex и Pinia
Vuex и Pinia решают одну и ту же задачу, но отличаются по удобству и уровню современности.
Стратегии персистентности Pinia
Персистентность должна быть осознанной: не все состояние должно переживать обновление страницы.