Проектирует эффективные алгоритмы для обработки больших списков в Angular: виртуальный скроллинг через CDK, ленивую загрузку данных и инкрементальный рендеринг. Профилирует bottleneck-и через Angular DevTools.
Роли · Frontend Developer (Angular) · Senior
Что должен уметь Senior }
37 ключевых навыков, всего 52. Ожидания по каждому навыку и что меняется на следующем уровне.
На этой странице — что ожидается от Senior }, навык за навыком. Ключевые навыки оценивают руководитель и коллеги в цикле ревью; остальные учитываются только в самооценке. Основные области: Основы программирования, Frontend Development, API и интеграции.
Ключевые навыки для Senior
Сгруппированы по областям. Метка справа — ожидаемая глубина: Осведомлённость, Применение, Продвинутый или Эксперт.
Основы программирования · 7
Проектирует сложные реактивные потоки: race conditions через exhaustMap, retry-стратегии для API, координацию между NgRx Effects и Angular signals. Создаёт кастомные RxJS-операторы для бизнес-логики.
Проектирует системы контроля качества: кастомные ESLint-правила для Angular-архитектуры, enforce-границы между feature-модулями через Nx, метрики покрытия для компонентов и сервисов.
Проектирует архитектурные паттерны для Angular: Feature Shell через standalone-компоненты, Mediator через NgRx Effects, Adapter для интеграции сторонних библиотек с Angular DI и реактивным стеком.
Применяет ООП/SOLID в архитектуре Angular: dependency injection с DI-системой Angular, interface segregation для контрактов сервисов, single responsibility для дизайна компонентов. Проектирует модульные Angular-приложения с правильным использованием модулей, lazy loading и чистым разделением между smart и presentational компонентами.
Проектирует сложные структуры данных для Angular-приложений: деревья для навигации и вложенных компонентов, графы зависимостей для DI, нормализованные entity-хранилища через @ngrx/entity.
Проектирует типобезопасные API для Angular-библиотек: условные типы для DI-токенов, template literal types для роутинга, branded types для бизнес-доменных значений, типизация динамических компонентов.
Frontend Development · 18
Проектирует систему визуального тестирования: покрытие всех компонентов дизайн-системы, интеграция с Playwright для full-page скриншотов, стратегия baseline-менеджмента, тестирование тёмной темы и RTL.
Проектирует accessible Angular-архитектуру: создает accessible component library на Angular CDK, настраивает автоматическое a11y тестирование через Protractor/Playwright + axe-core, реализует route-level focus management. Обеспечивает accessible forms с Reactive Forms и custom validators.
Проектирует стратегию тестирования компонентов: harness-ы для Angular Material, кастомные test-утилиты и page objects, интеграция с Cypress Component Testing, тестирование standalone-компонентов без TestBed.
Проектирует micro-frontend архитектуру на Angular: использует Nx workspace для monorepo management micro-frontends, настраивает Angular CDK для consistent theming, проектирует shared library strategy через Nx publishable libraries. Обеспечивает Angular version alignment между micro-frontends.
Проектирует стратегию оптимизации бандла: гранулярный code splitting через standalone-компоненты, secondary entry points для библиотек, differential loading, preloading strategies (PreloadAllModules, custom).
Проектирует архитектуру дизайн-системы на Angular: standalone-библиотека компонентов, theming через CSS Custom Properties, Angular CDK для поведенческих примитивов, автогенерация документации.
Проектирует CSS-архитектуру Angular-приложения: стратегия ViewEncapsulation, CSS Custom Properties для динамического theming, производительные анимации через will-change и GPU-слои, критический CSS для SSR.
Проектирует архитектуру frontend с Angular Core. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.
Проектирует систему мониторинга Core Web Vitals: интеграция web-vitals библиотеки в Angular, Real User Monitoring через Angular performance API, SSR с Angular Universal для оптимизации LCP, performance-бюджеты в CI.
Проектирует архитектуру data layer в Angular: абстрактные data-сервисы, HttpInterceptors для аутентификации и кеширования, optimistic updates через NgRx, стратегия offline-данных с background sync.
Проектирует PWA-архитектуру Angular-приложения: offline-first стратегия с IndexedDB, кастомный service worker для сложной логики кеширования, background sync через Angular Service Worker, оптимизация Lighthouse PWA-скора.
Проектирует архитектуру frontend с RxJS и реактивное программирование. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду.
Проектирует SSR-архитектуру Angular-приложения: стратегии гидратации (full vs partial), streaming SSR для улучшения TTFB, кеширование на CDN-уровне, обработка dynamic routes, интеграция с Angular Signals для серверного состояния.
Проектирует архитектуру состояния Angular-приложения: разделение UI/domain/server state, NgRx Entity для нормализации, SignalStore с patchState для локального состояния, оптимизация selectSignal.
Проектирует дизайн-систему на Tailwind CSS в Angular: кастомные плагины для генерации утилит, интеграция с ViewEncapsulation.None, dynamic theming через CSS-переменные и Tailwind, оптимизация bundle-размера.
Оптимизирует сборочный пайплайн Angular: кастомные webpack-конфигурации через @angular-builders/custom-webpack, Module Federation для микрофронтендов, оптимизация CI-сборки через кеширование и параллелизм.
Интегрирует продвинутые Web API в Angular: Web Workers через Angular CLI, SharedArrayBuffer для вычислений, WebSocket через RxJS webSocket(), Broadcast Channel для коммуникации между вкладками.
Проектирует архитектуру Angular Elements для кросс-фреймворковой интеграции: Shadow DOM стратегии, lazy-loading Angular Elements, оптимизация bundle-размера для виджетов, стилизация через CSS Parts.
API и интеграции · 2
Проектирует GraphQL-интеграцию в Angular: нормализованный кеш Apollo, стратегии cache-policy (cache-first, network-only), фрагменты для переиспользования, батчинг запросов, мониторинг производительности запросов.
Архитектурит интеграцию с REST API: автогенерация Angular-сервисов из OpenAPI-спецификации, кеширование ответов через HTTP ETag и interceptors, версионирование API, абстракция для переключения между REST и GraphQL.
Облако и инфраструктура · 1
Проектирует Docker-инфраструктуру для Angular: оптимизация размера образов через Alpine, layer caching для CI, docker-compose для full-stack разработки с SSR, health checks для Angular Universal сервера.
DevOps и CI/CD · 1
Проектирует CI/CD архитектуру для Angular: affected-based тестирование через Nx, Chromatic для visual regression, автоматизация релизов через semantic-release, preview deployments для каждого PR.
Тестирование и QA · 3
Проектирует комплексные стратегии тестирования доступности для наборов Angular-приложений с покрытием WCAG 2.1 AA/AAA. Внедряет продвинутые паттерны тестирования — автоматизированную валидацию цветового контраста, тестирование объявлений динамического контента и верификацию взаимодействия сложных виджетов с ассистивными технологиями. Оптимизирует покрытие тестами a11y, комбинируя автоматическое сканирование, протоколы ручного аудита и пользовательское тестирование с пользователями ассистивных технологий для корпоративных Angular-приложений.
Проектирует e2e-стратегию для Angular: Playwright с component testing, visual comparison, тестирование SSR-сценариев, accessibility-тесты через axe в e2e, стратегия тестовых данных и fixture-management.
Проектирует стратегию юнит-тестирования: фабрики тестовых данных, кастомные matchers для Angular-специфичных проверок, тестирование signals и computed, оптимизация скорости тестов через Jest workers.
AI-ассистированная разработка · 2
Интегрирует AI в рабочие процессы Angular-разработки: автоматизация code review через AI, генерация NgRx boilerplate, анализ производительности компонентов, создание документации для Angular-библиотек.
Оптимизирует использование Copilot для Angular: кастомные инструкции через .github/copilot-instructions.md для Angular-паттернов, code review через Copilot, генерация migration schematics и builders.
Контроль версий и коллаборация · 2
Ревьюит архитектурные решения в Angular: оценка структуры feature-модулей, паттерны state management, SSR-совместимость, performance-последствия решений, безопасность через DomSanitizer и CSP.
Оптимизирует Git-workflow для Angular: git hooks для pre-commit проверок (lint, test affected), настройка .gitattributes для Angular-файлов, стратегия LFS для ассетов, автоматизация changelog через conventional-changelog.
Performance Engineering · 1
Проектирует систему performance-бюджетов: гранулярные бюджеты по маршрутам и feature-модулям, real user monitoring через Performance Observer API, кастомные метрики для Angular-специфичных показателей (TTI после hydration).
Дополнительные навыки
Команда их не оценивает, но они входят в самооценку и план развития.
Что меняется на Lead
52 навыков получают более высокое ожидание или становятся ключевыми при переходе с Senior на Lead. Сначала самые большие скачки.
- Алгоритмы и сложность: Продвинутый → Эксперт
- Асинхронное программирование: Продвинутый → Эксперт
- Визуальное регрессионное тестирование: Продвинутый → Эксперт
- Доступность (Accessibility): Продвинутый → Эксперт
- Качество кода и рефакторинг: Продвинутый → Эксперт
- Компонентное тестирование: Продвинутый → Эксперт
- Микрофронтенды: Продвинутый → Эксперт
- Оптимизация бандла: Продвинутый → Эксперт
- Паттерны проектирования: Продвинутый → Эксперт
- Принципы ООП и SOLID: Продвинутый → Эксперт
} в открытой матрице компетенций: 52 навыков на 5 уровнях. Матрица бесплатна для специалистов и останется бесплатной.