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

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

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

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

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

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

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

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

Проектирует эффективные алгоритмы для обработки больших списков в Angular: виртуальный скроллинг через CDK, ленивую загрузку данных и инкрементальный рендеринг. Профилирует bottleneck-и через Angular DevTools.

Проектирует сложные реактивные потоки: 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 Продвинутый

Применяет ООП/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 Продвинутый

Проектирует CSS-архитектуру Angular-приложения: стратегия ViewEncapsulation, CSS Custom Properties для динамического theming, производительные анимации через will-change и GPU-слои, критический CSS для SSR.

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

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

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

Проектирует систему мониторинга Core Web Vitals: интеграция web-vitals библиотеки в Angular, Real User Monitoring через Angular performance API, SSR с Angular Universal для оптимизации LCP, performance-бюджеты в CI.

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

Проектирует архитектуру data layer в Angular: абстрактные data-сервисы, HttpInterceptors для аутентификации и кеширования, optimistic updates через NgRx, стратегия offline-данных с background sync.

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

Проектирует PWA-архитектуру Angular-приложения: offline-first стратегия с IndexedDB, кастомный service worker для сложной логики кеширования, background sync через Angular Service Worker, оптимизация Lighthouse PWA-скора.

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

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

Проектирует SSR-архитектуру Angular-приложения: стратегии гидратации (full vs partial), streaming SSR для улучшения TTFB, кеширование на CDN-уровне, обработка dynamic routes, интеграция с Angular Signals для серверного состояния.

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

Проектирует архитектуру состояния Angular-приложения: разделение UI/domain/server state, NgRx Entity для нормализации, SignalStore с patchState для локального состояния, оптимизация selectSignal.

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

Проектирует дизайн-систему на Tailwind CSS в Angular: кастомные плагины для генерации утилит, интеграция с ViewEncapsulation.None, dynamic theming через CSS-переменные и Tailwind, оптимизация bundle-размера.

Оптимизирует сборочный пайплайн Angular: кастомные webpack-конфигурации через @angular-builders/custom-webpack, Module Federation для микрофронтендов, оптимизация CI-сборки через кеширование и параллелизм.

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

Интегрирует продвинутые Web API в Angular: Web Workers через Angular CLI, SharedArrayBuffer для вычислений, WebSocket через RxJS webSocket(), Broadcast Channel для коммуникации между вкладками.

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

Проектирует архитектуру Angular Elements для кросс-фреймворковой интеграции: Shadow DOM стратегии, lazy-loading Angular Elements, оптимизация bundle-размера для виджетов, стилизация через CSS Parts.

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

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

Проектирует GraphQL-интеграцию в Angular: нормализованный кеш Apollo, стратегии cache-policy (cache-first, network-only), фрагменты для переиспользования, батчинг запросов, мониторинг производительности запросов.

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

Архитектурит интеграцию с REST API: автогенерация Angular-сервисов из OpenAPI-спецификации, кеширование ответов через HTTP ETag и interceptors, версионирование API, абстракция для переключения между REST и GraphQL.

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

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

Проектирует Docker-инфраструктуру для Angular: оптимизация размера образов через Alpine, layer caching для CI, docker-compose для full-stack разработки с SSR, health checks для Angular Universal сервера.

DevOps и CI/CD · 1

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

Проектирует 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 тестирование Продвинутый

Проектирует e2e-стратегию для Angular: Playwright с component testing, visual comparison, тестирование SSR-сценариев, accessibility-тесты через axe в e2e, стратегия тестовых данных и fixture-management.

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

Проектирует стратегию юнит-тестирования: фабрики тестовых данных, кастомные matchers для Angular-специфичных проверок, тестирование signals и computed, оптимизация скорости тестов через Jest workers.

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

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

Интегрирует AI в рабочие процессы Angular-разработки: автоматизация code review через AI, генерация NgRx boilerplate, анализ производительности компонентов, создание документации для Angular-библиотек.

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

Оптимизирует использование Copilot для Angular: кастомные инструкции через .github/copilot-instructions.md для Angular-паттернов, code review через Copilot, генерация migration schematics и builders.

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

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

Ревьюит архитектурные решения в Angular: оценка структуры feature-модулей, паттерны state management, SSR-совместимость, performance-последствия решений, безопасность через DomSanitizer и CSP.

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

Оптимизирует Git-workflow для Angular: git hooks для pre-commit проверок (lint, test affected), настройка .gitattributes для Angular-файлов, стратегия LFS для ассетов, автоматизация changelog через conventional-changelog.

Performance Engineering · 1

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

Проектирует систему performance-бюджетов: гранулярные бюджеты по маршрутам и feature-модулям, real user monitoring через Performance Observer API, кастомные метрики для Angular-специфичных показателей (TTI после hydration).

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

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

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

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

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

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

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