Роли · Frontend Developer (Svelte) · Senior

Что должен уметь Senior }

36 ключевых навыков, всего 51. Ожидания по каждому навыку и что меняется на следующем уровне.

На этой странице — что ожидается от Senior }, навык за навыком. Ключевые навыки оценивают руководитель и коллеги в цикле ревью; остальные учитываются только в самооценке. Основные области: Основы программирования, Frontend Development, API и интеграции.

36ключевых навыков
15дополнительных навыков
9областей
100%на уровне Продвинутый или Эксперт
Оценить себя как Senior Полная матрица роли

Ключевые навыки для Senior

Сгруппированы по областям. Метка справа — ожидаемая глубина: Осведомлённость, Применение, Продвинутый или Эксперт.

Основы программирования · 6

Проектирует эффективные алгоритмы для виртуализации больших списков и сложных фильтраций в SvelteKit-приложениях. Анализирует сложность реактивного графа зависимостей, оптимизирует $effect-цепочки для минимизации лишних обновлений DOM.

Проектирует сложные асинхронные потоки в SvelteKit: streaming SSR, параллельные и последовательные load-цепочки, server-sent events. Реализует оптимистичные обновления UI с откатом через form actions, управляет конкурентными мутациями данных.

Проектирует комплексную стратегию качества кода Svelte-проекта: архитектурные линтеры, custom ESLint-правила для бизнес-конвенций, автоматизированные проверки в CI. Внедряет метрики технического долга, code coverage gates и обязательные ревью для SvelteKit-маршрутов.

Проектирует архитектурные паттерны для масштабируемых Svelte-приложений: headless-компоненты, machine-паттерны для сложных состояний, plugin-архитектуру. Создаёт абстракции над SvelteKit hooks и middleware для кросс-cutting concerns.

Структуры данных Продвинутый

Разрабатывает сложные структуры данных для клиентского кэша и оффлайн-хранилища в SvelteKit-приложениях. Проектирует immutable-паттерны для предсказуемых обновлений $state, создаёт типобезопасные обёртки структур с TypeScript generics.

Проектирует сквозную типобезопасность от серверных load-функций до клиентских компонентов через автогенерацию типов SvelteKit. Создаёт type-safe обёртки для API, реализует branded types и discriminated unions для доменной модели Svelte-приложения.

Frontend Development · 18

Проектирует инфраструктуру визуального тестирования для SvelteKit-приложений: параллельный запуск, динамические thresholds, cross-browser покрытие. Создаёт custom reporters для визуальных diff-ов, интегрирует тестирование с дизайн-системой и Skeleton UI компонентами.

Проектирует систему доступности для SvelteKit-приложений: WCAG 2.1 AA соответствие, accessible routing с анонсом страниц, адаптивные компоненты. Создаёт a11y-обёртки и actions для общих паттернов, интегрирует автоматическое тестирование через axe-core и Playwright.

Проектирует стратегию компонентного тестирования для Svelte-приложений: test-паттерны для headless-компонентов, integration-тесты layout-ов SvelteKit. Создаёт custom render-обёртки с провайдерами, тестирует SSR-рендеринг компонентов, обеспечивает 80%+ coverage.

Микрофронтенды Продвинутый

Проектирует micro-frontend архитектуру со Svelte: определяет когда использовать Svelte MFE (lightweight, performance-critical sections), настраивает SvelteKit для SSR micro-frontends, проектирует incremental adoption strategy для добавления Svelte MFE в существующие React/Vue хосты.

Оптимизация бандла Продвинутый

Проектирует стратегию бандлинга для масштабных SvelteKit-приложений: гранулярный code splitting, module federation, edge-оптимизации. Создаёт custom Vite-плагины для специфичных оптимизаций, реализует differential loading и автоматические performance budgets в CI.

Проектирует архитектуру дизайн-системы на Svelte: headless-компоненты, token-система, themeable-архитектура с CSS custom properties. Создаёт npm-пакет библиотеки с автогенерацией документации, обеспечивает WCAG 2.1 AA и поддержку SSR в SvelteKit.

Современный CSS Продвинутый

Проектирует CSS-архитектуру для масштабируемых Svelte-приложений: методологию токенов, слои стилей, стратегию responsive design. Оптимизирует Critical CSS для SvelteKit SSR, внедряет CSS Houdini API и @property для продвинутых анимаций.

Core Web Vitals Продвинутый

Проектирует архитектуру SvelteKit-приложений с приоритетом Core Web Vitals: streaming SSR для LCP, route-based code splitting, predictive prefetching. Создаёт performance budgets в CI, автоматизирует регрессионное тестирование метрик через Playwright и Lighthouse CI.

CSS-in-JS Продвинутый

Проектирует архитектуру дизайн-системы Svelte, сочетая scoped CSS с CSS-in-JS для кросс-проектной консистентности. Оптимизирует bundle size и Core Web Vitals через zero-runtime CSS подход Svelte. Создаёт переиспользуемые доступные компоненты с поддержкой тем.

Data Fetching Продвинутый

Проектирует архитектуру загрузки данных для SvelteKit-приложений: кэширование на уровне load-функций, оптимистичные обновления через form actions, real-time подписки. Реализует GraphQL-интеграцию или tRPC для type-safe API, создаёт middleware для дедупликации запросов.

Progressive Web Apps Продвинутый

Проектирует offline-first архитектуру SvelteKit PWA: IndexedDB для персистентного хранения, background sync, periodic sync API. Создаёт стратегию кэширования для SSR/SSG-страниц и API-ответов, реализует плавное обновление приложения через Svelte transitions.

SSR/SSG/ISR паттерны Продвинутый

Проектирует гибридную стратегию рендеринга SvelteKit-приложения: route-level выбор SSR/SSG/streaming, edge-рендеринг через adapter-cloudflare. Оптимизирует TTFB через streaming SSR, реализует partial prerendering и progressive hydration для критических путей.

State Management Продвинутый

Разрабатывает архитектуру управления состоянием для сложных Svelte-приложений: state machines через XState, normalized stores, event-driven паттерны. Проектирует offline-first состояние с IndexedDB-синхронизацией, создаёт dev-tools для отладки $state и stores.

Svelte / SvelteKit Продвинутый

Проектирует архитектуру frontend с Svelte / SvelteKit. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.

Tailwind CSS Продвинутый

Проектирует масштабируемую дизайн-систему на Tailwind CSS и Skeleton UI для Svelte-приложений. Оптимизирует размер CSS-бандла через purge-настройки, создаёт кастомные Tailwind-плагины для специфичных UI-паттернов, интегрирует dark mode через CSS variables.

Проектирует продвинутую Vite-конфигурацию для SvelteKit: custom плагины, SSR externals, условные сборки для разных адаптеров. Оптимизирует скорость сборки через persistent cache, parallel transforms, создаёт Vite-плагины для кодогенерации и метрик.

Web APIs Продвинутый

Проектирует абстракции над Web API для Svelte-экосистемы: реактивные обёртки через $state, переиспользуемые actions, SSR-безопасные утилиты. Реализует WebSocket-интеграцию в SvelteKit server routes, создаёт SharedWorker-паттерны для межтабового взаимодействия.

Web Components Продвинутый

Проектирует архитектуру микрофронтендов с Svelte Web Components: изоляция стилей, коммуникация через CustomEvent, shared state. Создаёт framework-agnostic библиотеку компонентов на Svelte, обеспечивает совместимость с React/Vue/Angular consumers.

API и интеграции · 2

GraphQL Design Продвинутый

Проектирует GraphQL-архитектуру для SvelteKit-приложений: schema-first подход, resolver composition, DataLoader для N+1. Создаёт GraphQL BFF на SvelteKit server routes, реализует persisted queries для безопасности, оптимизирует запросы через query complexity analysis.

REST API Design Продвинутый

Проектирует масштабируемую API-архитектуру в SvelteKit: версионирование, rate limiting через hooks, OpenAPI-документация. Создаёт абстракции для BFF-паттерна между SvelteKit и микросервисами, реализует ETags и conditional requests для оптимизации трафика.

Облако и инфраструктура · 1

Docker Продвинутый

Проектирует Docker-инфраструктуру для SvelteKit-приложений: мультистейдж builds с кэшированием Vite, оптимизация размера образов. Создаёт Docker-конфигурации для разных SvelteKit-адаптеров, реализует canary-деплой и rollback-стратегии с контейнерами.

DevOps и CI/CD · 1

GitHub Actions / GitLab CI Продвинутый

Проектирует продвинутые CI/CD пайплайны для SvelteKit: matrix-стратегии для кросс-браузерного тестирования, performance budgets. Реализует автоматические Lighthouse-проверки, visual regression тесты, conditional deploys для разных SvelteKit-адаптеров.

Тестирование и QA · 3

Проектирует комплексные стратегии тестирования доступности для наборов Svelte-приложений с покрытием WCAG 2.1 AA/AAA. Внедряет продвинутые паттерны тестирования — кастомизацию правил доступности на этапе компиляции, утилиты тестирования a11y на основе Svelte actions и кроссбраузерную верификацию ассистивных технологий для режимов SSR/CSR SvelteKit. Создаёт переиспользуемую инфраструктуру тестирования a11y для библиотек компонентов Svelte и интегрирует непрерывный мониторинг доступности в продакшн-деплои.

E2E тестирование Продвинутый

Проектирует E2E стратегию для SvelteKit-приложений: coverage критических путей, API mocking через route handlers, visual assertions. Реализует тестирование SSR vs CSR поведения, accessibility-проверки через axe-playwright, performance-метрики в E2E сценариях.

Unit-тестирование Продвинутый

Проектирует стратегию unit-тестирования для SvelteKit-приложений: тестовая пирамида, границы unit vs integration, test doubles. Создаёт test utilities и fixtures для SvelteKit-контекста, реализует property-based testing через fast-check для валидаторов.

AI-ассистированная разработка · 2

ChatGPT / Claude Продвинутый

Интегрирует AI-инструменты в рабочие процессы Svelte-команды: code review с AI, генерация тестов Vitest, документация компонентов. Создаёт кастомные промпт-шаблоны для SvelteKit-паттернов, оценивает и выбирает AI-инструменты для специфичных задач разработки.

GitHub Copilot Продвинутый

Оптимизирует использование Copilot в Svelte-проектах: создание .github/copilot-instructions для SvelteKit-контекста, prompt engineering. Интегрирует Copilot в workflow через workspace commands, оценивает качество предложений для Svelte 5 рун и SvelteKit-паттернов.

Контроль версий и коллаборация · 2

Code Review Продвинутый

Определяет стандарты code review для Svelte-проектов: чеклисты для компонентов, SvelteKit-маршрутов, stores, архитектурных изменений. Проводит архитектурные ревью крупных фич, фокусируясь на масштабируемости, производительности и maintainability Svelte-кода.

Git Advanced Продвинутый

Проектирует Git-workflow для SvelteKit-проектов: trunk-based development с feature flags, release branching для SvelteKit-адаптеров. Создаёт автоматизации через Git hooks и GitHub Actions, настраивает monorepo-стратегии с turborepo или pnpm workspaces для Svelte.

Performance Engineering · 1

Performance Budgets Продвинутый

Проектирует систему performance budgets для SvelteKit-приложений: гранулярные бюджеты по маршрутам, адаптивные thresholds, алертинг. Интегрирует Lighthouse CI и bundlesize в CI/CD, создаёт dashboards для отслеживания трендов, автоматизирует regression-детекцию.

Дополнительные навыки

Команда их не оценивает, но они входят в самооценку и план развития.

Документирование APIИнтеграционное тестированиеМногопоточное программированиеОсновы сетейОсновы System DesignПрактики безопасного кодаПринципы ООП и SOLIDСтруктурированное логированиеAWSKubernetes CoreOWASP и безопасность приложенийPostgreSQLPrometheus и GrafanaPrompt Engineering для кодаRedis

Что меняется на Lead

51 навыков получают более высокое ожидание или становятся ключевыми при переходе с Senior на Lead. Сначала самые большие скачки.

Страница Lead →
Прогоните это со всей командой
Самооценка плюс оценка руководителя и коллег по одной матрице, зоны роста и готовность к следующему уровню для каждого инженера. Team Pro бесплатно 14 дней; личные инструменты бесплатны всегда.
Попробовать с командой (14 дней бесплатно) Отправить тимлиду

} в открытой матрице компетенций: 51 навыков на 5 уровнях. Матрица бесплатна для специалистов и останется бесплатной.