Проектирует эффективные алгоритмы для виртуализации больших списков и сложных фильтраций в SvelteKit-приложениях. Анализирует сложность реактивного графа зависимостей, оптимизирует $effect-цепочки для минимизации лишних обновлений DOM.
Роли · Frontend Developer (Svelte) · Senior
Что должен уметь Senior }
36 ключевых навыков, всего 51. Ожидания по каждому навыку и что меняется на следующем уровне.
На этой странице — что ожидается от Senior }, навык за навыком. Ключевые навыки оценивают руководитель и коллеги в цикле ревью; остальные учитываются только в самооценке. Основные области: Основы программирования, Frontend Development, API и интеграции.
Ключевые навыки для Senior
Сгруппированы по областям. Метка справа — ожидаемая глубина: Осведомлённость, Применение, Продвинутый или Эксперт.
Основы программирования · 6
Проектирует сложные асинхронные потоки в 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-архитектуру для масштабируемых Svelte-приложений: методологию токенов, слои стилей, стратегию responsive design. Оптимизирует Critical CSS для SvelteKit SSR, внедряет CSS Houdini API и @property для продвинутых анимаций.
Проектирует архитектуру SvelteKit-приложений с приоритетом Core Web Vitals: streaming SSR для LCP, route-based code splitting, predictive prefetching. Создаёт performance budgets в CI, автоматизирует регрессионное тестирование метрик через Playwright и Lighthouse CI.
Проектирует архитектуру дизайн-системы Svelte, сочетая scoped CSS с CSS-in-JS для кросс-проектной консистентности. Оптимизирует bundle size и Core Web Vitals через zero-runtime CSS подход Svelte. Создаёт переиспользуемые доступные компоненты с поддержкой тем.
Проектирует архитектуру загрузки данных для SvelteKit-приложений: кэширование на уровне load-функций, оптимистичные обновления через form actions, real-time подписки. Реализует GraphQL-интеграцию или tRPC для type-safe API, создаёт middleware для дедупликации запросов.
Проектирует offline-first архитектуру SvelteKit PWA: IndexedDB для персистентного хранения, background sync, periodic sync API. Создаёт стратегию кэширования для SSR/SSG-страниц и API-ответов, реализует плавное обновление приложения через Svelte transitions.
Проектирует гибридную стратегию рендеринга SvelteKit-приложения: route-level выбор SSR/SSG/streaming, edge-рендеринг через adapter-cloudflare. Оптимизирует TTFB через streaming SSR, реализует partial prerendering и progressive hydration для критических путей.
Разрабатывает архитектуру управления состоянием для сложных Svelte-приложений: state machines через XState, normalized stores, event-driven паттерны. Проектирует offline-first состояние с IndexedDB-синхронизацией, создаёт dev-tools для отладки $state и stores.
Проектирует архитектуру frontend с Svelte / SvelteKit. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.
Проектирует масштабируемую дизайн-систему на Tailwind CSS и Skeleton UI для Svelte-приложений. Оптимизирует размер CSS-бандла через purge-настройки, создаёт кастомные Tailwind-плагины для специфичных UI-паттернов, интегрирует dark mode через CSS variables.
Проектирует продвинутую Vite-конфигурацию для SvelteKit: custom плагины, SSR externals, условные сборки для разных адаптеров. Оптимизирует скорость сборки через persistent cache, parallel transforms, создаёт Vite-плагины для кодогенерации и метрик.
Проектирует абстракции над Web API для Svelte-экосистемы: реактивные обёртки через $state, переиспользуемые actions, SSR-безопасные утилиты. Реализует WebSocket-интеграцию в SvelteKit server routes, создаёт SharedWorker-паттерны для межтабового взаимодействия.
Проектирует архитектуру микрофронтендов с Svelte Web Components: изоляция стилей, коммуникация через CustomEvent, shared state. Создаёт framework-agnostic библиотеку компонентов на Svelte, обеспечивает совместимость с React/Vue/Angular consumers.
API и интеграции · 2
Проектирует GraphQL-архитектуру для SvelteKit-приложений: schema-first подход, resolver composition, DataLoader для N+1. Создаёт GraphQL BFF на SvelteKit server routes, реализует persisted queries для безопасности, оптимизирует запросы через query complexity analysis.
Проектирует масштабируемую API-архитектуру в SvelteKit: версионирование, rate limiting через hooks, OpenAPI-документация. Создаёт абстракции для BFF-паттерна между SvelteKit и микросервисами, реализует ETags и conditional requests для оптимизации трафика.
Облако и инфраструктура · 1
Проектирует Docker-инфраструктуру для SvelteKit-приложений: мультистейдж builds с кэшированием Vite, оптимизация размера образов. Создаёт Docker-конфигурации для разных SvelteKit-адаптеров, реализует canary-деплой и rollback-стратегии с контейнерами.
DevOps и CI/CD · 1
Проектирует продвинутые 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 стратегию для SvelteKit-приложений: coverage критических путей, API mocking через route handlers, visual assertions. Реализует тестирование SSR vs CSR поведения, accessibility-проверки через axe-playwright, performance-метрики в E2E сценариях.
Проектирует стратегию unit-тестирования для SvelteKit-приложений: тестовая пирамида, границы unit vs integration, test doubles. Создаёт test utilities и fixtures для SvelteKit-контекста, реализует property-based testing через fast-check для валидаторов.
AI-ассистированная разработка · 2
Интегрирует AI-инструменты в рабочие процессы Svelte-команды: code review с AI, генерация тестов Vitest, документация компонентов. Создаёт кастомные промпт-шаблоны для SvelteKit-паттернов, оценивает и выбирает AI-инструменты для специфичных задач разработки.
Оптимизирует использование Copilot в Svelte-проектах: создание .github/copilot-instructions для SvelteKit-контекста, prompt engineering. Интегрирует Copilot в workflow через workspace commands, оценивает качество предложений для Svelte 5 рун и SvelteKit-паттернов.
Контроль версий и коллаборация · 2
Определяет стандарты code review для Svelte-проектов: чеклисты для компонентов, SvelteKit-маршрутов, stores, архитектурных изменений. Проводит архитектурные ревью крупных фич, фокусируясь на масштабируемости, производительности и maintainability Svelte-кода.
Проектирует 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 для SvelteKit-приложений: гранулярные бюджеты по маршрутам, адаптивные thresholds, алертинг. Интегрирует Lighthouse CI и bundlesize в CI/CD, создаёт dashboards для отслеживания трендов, автоматизирует regression-детекцию.
Дополнительные навыки
Команда их не оценивает, но они входят в самооценку и план развития.
Что меняется на Lead
51 навыков получают более высокое ожидание или становятся ключевыми при переходе с Senior на Lead. Сначала самые большие скачки.
- Алгоритмы и сложность: Продвинутый → Эксперт
- Асинхронное программирование: Продвинутый → Эксперт
- Визуальное регрессионное тестирование: Продвинутый → Эксперт
- Доступность (Accessibility): Продвинутый → Эксперт
- Качество кода и рефакторинг: Продвинутый → Эксперт
- Компонентное тестирование: Продвинутый → Эксперт
- Микрофронтенды: Продвинутый → Эксперт
- Оптимизация бандла: Продвинутый → Эксперт
- Паттерны проектирования: Продвинутый → Эксперт
- Разработка дизайн-систем: Продвинутый → Эксперт
} в открытой матрице компетенций: 51 навыков на 5 уровнях. Матрица бесплатна для специалистов и останется бесплатной.