Проектирует эффективные алгоритмы для виртуализации больших списков и деревьев во Vue 3. Оптимизирует критические пути рендеринга через профилирование Vue DevTools, применяя стратегии ленивых вычислений и incremental diffing.
Роли · Frontend Developer (Vue) · Senior
Что должен уметь Senior }
38 ключевых навыков, всего 55. Ожидания по каждому навыку и что меняется на следующем уровне.
На этой странице — что ожидается от Senior }, навык за навыком. Ключевые навыки оценивают руководитель и коллеги в цикле ревью; остальные учитываются только в самооценке. Основные области: Основы программирования, Frontend Development, API и интеграции.
Ключевые навыки для Senior
Сгруппированы по областям. Метка справа — ожидаемая глубина: Осведомлённость, Применение, Продвинутый или Эксперт.
Основы программирования · 6
Проектирует системы управления асинхронными операциями — очереди запросов, retry-стратегии, optimistic updates в Pinia-сторах. Реализует streaming SSR в Nuxt 3 с progressive hydration и Suspense boundaries.
Проектирует систему обеспечения качества Vue-кода — custom ESLint правила, архитектурные линтеры, автоматический аудит компонентов. Внедряет метрики сложности компонентов и зависимостей между модулями через Vite-плагины.
Проектирует архитектурные паттерны для масштабных Vue-приложений — Plugin Architecture, Micro-frontend интеграция через Module Federation. Создаёт абстракции над Pinia для сложных доменных моделей с CQRS-подходом.
Разрабатывает сложные структуры данных для кэширования, виртуализации и offline-хранения во Vue-приложениях. Оптимизирует структуру Pinia-сторов для минимизации пересчётов computed-свойств при частых обновлениях.
Проектирует систему типов для масштабных Vue-приложений — generic компоненты, conditional types для composables, type-safe роутинг. Создаёт утилитарные типы для Pinia-сторов и Nuxt-модулей с полным автодополнением.
Frontend Development · 19
Проектирует систему visual regression тестирования для Vue дизайн-системы — CI интеграция, управление baseline, multi-browser/device проверки. Создаёт custom матрицу тестов покрывающую темы, RTL и responsive-состояния.
Проектирует accessible Vue-архитектуру: создает accessible component library с Nuxt Content для documentation, настраивает automated a11y testing с Vitest + axe-core, реализует dynamic accessibility features (dark mode, reduced motion, text scaling). Проводит screen reader testing в CI.
Проектирует стратегию component testing для Vue-приложения — testing library подход, contract testing для shared компонентов, performance тесты рендеринга. Создаёт test utilities и fixtures для эффективного тестирования Vue-экосистемы.
Проектирует micro-frontend архитектуру на Vue: определяет composition strategy (build-time vs runtime), настраивает single-spa с Vue adapter для multi-framework поддержки, проектирует shared state через custom event bus или shared Pinia plugin. Обеспечивает SSR compatibility для SEO-критичных micro-frontends.
Проектирует стратегию бандлинга для масштабных Vue-приложений — granular chunks, prefetch hints, module federation. Анализирует и устраняет дублирование зависимостей, оптимизирует Vite build через custom Rollup плагины.
Проектирует дизайн-систему на Vue 3 — headless компоненты с Tailwind-стилизацией, токены, иконки, типографика. Организует монорепо для дизайн-системы с Turborepo, автоматизирует публикацию через changesets.
Проектирует CSS-архитектуру для масштабных Vue-приложений — CSS Layers для управления каскадом, custom properties для theming, View Transitions API. Оптимизирует критические стили через Vite CSS code splitting.
Проектирует систему мониторинга Core Web Vitals для Vue-приложений — RUM через web-vitals библиотеку, performance budgets в CI. Оптимизирует INP через дебаунсинг обработчиков, requestIdleCallback и Vue scheduler.
Проектирует архитектуру дизайн-системы Vue с CSS-in-JS: token-based theming, композиция вариантов, изоляция стилей. Оптимизирует bundle size и Core Web Vitals через tree-shaking и critical CSS extraction. Создаёт доступные переиспользуемые компонентные библиотеки.
Проектирует data fetching layer для Vue-приложения — абстракция над API, typed endpoints, автоматическая инвалидация кэша. Реализует real-time обновления через SSE/WebSocket composables, интегрирует с Nuxt server routes.
Проектирует архитектуру frontend с Nuxt. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.
Проектирует архитектуру PWA на Vue 3 — стратегии обновления service worker, precaching критических ресурсов, background data sync. Оптимизирует производительность через runtime caching и stale-while-revalidate паттерны.
Проектирует SSR-архитектуру масштабного Nuxt-приложения — streaming SSR, selective hydration, edge rendering через Nitro. Оптимизирует TTFB через серверное кэширование, CDN-стратегии и progressive rendering.
Проектирует масштабируемую архитектуру состояния — Pinia с domain-driven модулями, optimistic updates, offline sync. Реализует server state management через Nuxt useState, создаёт абстракции для кэширования и инвалидации.
Проектирует масштабируемую Tailwind-архитектуру для Vue-приложений — design tokens, multi-theme поддержка, dark mode через CSS variables. Интегрирует UnoCSS как альтернативу, оптимизирует критические CSS через Vite-плагины.
Проектирует Vite конфигурацию для масштабных Vue-приложений — custom плагины, multi-entry builds, library mode для компонентных библиотек. Оптимизирует время сборки через parallelism, caching и incremental builds.
Проектирует архитектуру frontend с Vue Core. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.
Проектирует абстракции над Web API для Vue-приложений — Web Workers через comlink, SharedArrayBuffer, WebRTC. Создаёт переиспользуемые composables с graceful degradation и feature detection для кросс-браузерности.
Проектирует архитектуру Web Components библиотеки на базе Vue 3 — SSR совместимость, lazy loading, shared state. Решает проблемы Shadow DOM стилизации через CSS Parts и Constructable Stylesheets.
API и интеграции · 2
Проектирует GraphQL-архитектуру для Vue-приложения — schema design, optimistic updates, subscriptions для real-time данных. Настраивает persisted queries, cache policies и pagination patterns для масштабных приложений.
Проектирует архитектуру API-интеграции для Vue-приложения — абстракция endpoints, OpenAPI codegen для типизации, contract testing. Реализует кэширование, пагинацию и optimistic updates через Pinia-сторы с Nuxt server API.
Облако и инфраструктура · 1
Проектирует Docker-инфраструктуру для Vue-приложений — оптимизация размера образов, health checks, graceful shutdown Nuxt-сервера. Настраивает Docker для SSR с управлением памятью Node.js, горизонтальным масштабированием.
DevOps и CI/CD · 1
Проектирует CI/CD архитектуру для Vue-приложений — matrix builds, conditional deployments, canary releases. Настраивает Lighthouse CI для performance regression, bundle size checks и visual regression testing в pipeline.
Тестирование и QA · 3
Проектирует комплексные стратегии тестирования доступности для экосистем Vue-приложений с покрытием требований WCAG 2.1 AA/AAA. Внедряет продвинутые паттерны тестирования — Nuxt-специфичную валидацию SSR-доступности, утилиты тестирования a11y на основе Vue composables и мультиустройственную верификацию ассистивных технологий. Создаёт переиспользуемую инфраструктуру тестирования a11y для библиотек компонентов Vue и интегрирует непрерывный мониторинг доступности в продакшн-деплои Nuxt.
Проектирует E2E-тестовую архитектуру для Vue-приложения — стратегия покрытия, управление тестовыми данными, flaky test mitigation. Настраивает visual comparison, multi-browser testing матрицу и CI интеграцию с Playwright.
Проектирует стратегию unit-тестирования для Vue-приложения — test architecture, fixture patterns, custom test utilities. Создаёт shared test helpers для мокирования Vue Router, Pinia, i18n и других плагинов Vue-экосистемы.
Безопасность · 1
Проектирует систему безопасности для Vue-приложений — security headers через Nitro middleware, auth flow с PKCE, subresource integrity. Проводит security review компонентов, внедряет automated vulnerability scanning в CI pipeline.
AI-ассистированная разработка · 2
Интегрирует AI-ассистентов в Vue-рабочий процесс — шаблоны промптов для архитектурных решений, code review с AI, генерация миграций. Создаёт custom instructions для Vue-контекста, обучает модели на кодовой базе проекта.
Оптимизирует Copilot для Vue-проектов — workspace context, custom instructions для Vue/Nuxt конвенций, code review с Copilot. Интегрирует Copilot в CI через automated PR review, создаёт промпт-шаблоны для архитектурных задач.
Контроль версий и коллаборация · 2
Проектирует процесс code review для Vue-команды — review guidelines, automated checks, architectural decision records. Менторит через review — объясняет Vue 3 паттерны, Nuxt best practices, performance оптимизации.
Проектирует Git-стратегию для Vue-монорепо — Turborepo workspace, conventional commits, automated changelogs. Настраивает CODEOWNERS для Vue-компонентов и shared библиотек, решает сложные merge conflicts в package-lock.
Performance Engineering · 1
Проектирует систему performance budgets для Vue-приложения — per-route budgets, component-level metrics, RUM correlation. Интегрирует с Vite build analysis, настраивает автоматический blocking при регрессии производительности.
Дополнительные навыки
Команда их не оценивает, но они входят в самооценку и план развития.
Что меняется на Lead
53 навыков получают более высокое ожидание или становятся ключевыми при переходе с Senior на Lead. Сначала самые большие скачки.
- Алгоритмы и сложность: Продвинутый → Эксперт
- Асинхронное программирование: Продвинутый → Эксперт
- Визуальное регрессионное тестирование: Продвинутый → Эксперт
- Доступность (Accessibility): Продвинутый → Эксперт
- Качество кода и рефакторинг: Продвинутый → Эксперт
- Компонентное тестирование: Продвинутый → Эксперт
- Микрофронтенды: Продвинутый → Эксперт
- Оптимизация бандла: Продвинутый → Эксперт
- Паттерны проектирования: Продвинутый → Эксперт
- Разработка дизайн-систем: Продвинутый → Эксперт
} в открытой матрице компетенций: 55 навыков на 5 уровнях. Матрица бесплатна для специалистов и останется бесплатной.