Выберите текущую позицию

Укажите роль и уровень — система покажет путь развития, навыки и gap-анализ.

Путь развития

Junior

0-2 года

Текущий

Ответственность: Выполнение задач под руководством старших коллег. Изучение кодовой базы, стандартов и процессов команды. Написание кода по спецификациям, исправление простых багов, написание тестов.

Ключевые навыки:

Angular Core Нужно
Core Web Vitals Нужно
Data Fetching Нужно
Progressive Web Apps Нужно
RxJS и реактивное программирование Нужно
SSR/SSG/ISR паттерны Нужно
State Management Нужно
Tailwind CSS Нужно
Vite и современные бандлеры Нужно
Web APIs Нужно
Web Components Нужно
Алгоритмы и сложность Нужно
Асинхронное программирование Нужно
Визуальное регрессионное тестирование Нужно
Доступность (Accessibility) Нужно
Качество кода и рефакторинг Нужно
Компонентное тестирование Нужно
Оптимизация бандла Нужно
Паттерны проектирования Нужно
Принципы ООП и SOLID Нужно
Разработка дизайн-систем Нужно
Современный CSS Нужно
Структуры данных Нужно
Типобезопасность и системы типов Нужно

Middle

2-5 лет

Следующий

Ответственность: Самостоятельная разработка фич от декомпозиции до деплоя. Участие в code review. Оптимизация производительности. Менторинг junior-разработчиков. Участие в архитектурных обсуждениях.

Ключевые навыки:

Angular Core Нужно
Core Web Vitals Нужно
Data Fetching Нужно
Progressive Web Apps Нужно
RxJS и реактивное программирование Нужно
SSR/SSG/ISR паттерны Нужно
State Management Нужно
Tailwind CSS Нужно
Vite и современные бандлеры Нужно
Web APIs Нужно
Web Components Нужно
Алгоритмы и сложность Нужно
Асинхронное программирование Нужно
Визуальное регрессионное тестирование Нужно
Доступность (Accessibility) Нужно
Качество кода и рефакторинг Нужно
Компонентное тестирование Нужно
Микрофронтенды Нужно
Оптимизация бандла Нужно
Паттерны проектирования Нужно
Принципы ООП и SOLID Нужно
Разработка дизайн-систем Нужно
Современный CSS Нужно
Структуры данных Нужно
Типобезопасность и системы типов Нужно
Переход: ~2-3 года
  • Самостоятельно реализовал 3+ проекта
  • Провёл успешные код-ревью
  • Участвовал в разрешении production инцидентов

Senior

5-8 лет

Ответственность: Проектирование архитектуры компонентов и сервисов. Решение сложных технических проблем. Ведение технического долга. Code review как gatekeeper качества. Менторинг middle-разработчиков. Выбор технологий для новых задач.

Ключевые навыки:

Angular Core Нужно
ChatGPT / Claude Нужно
Code Review Нужно
Core Web Vitals Нужно
Data Fetching Нужно
Docker Нужно
E2E тестирование Нужно
Git Advanced Нужно
GitHub Actions / GitLab CI Нужно
GitHub Copilot Нужно
GraphQL Design Нужно
Performance Budgets Нужно
Progressive Web Apps Нужно
REST API Design Нужно
RxJS и реактивное программирование Нужно
SSR/SSG/ISR паттерны Нужно
State Management Нужно
Tailwind CSS Нужно
Unit-тестирование Нужно
Vite и современные бандлеры Нужно
Web APIs Нужно
Web Components Нужно
Алгоритмы и сложность Нужно
Асинхронное программирование Нужно
Визуальное регрессионное тестирование Нужно
Доступность (Accessibility) Нужно
Качество кода и рефакторинг Нужно
Компонентное тестирование Нужно
Микрофронтенды Нужно
Оптимизация бандла Нужно
Паттерны проектирования Нужно
Принципы ООП и SOLID Нужно
Разработка дизайн-систем Нужно
Современный CSS Нужно
Структуры данных Нужно
Тестирование доступности Нужно
Типобезопасность и системы типов Нужно
Переход: ~2-3 года
  • Самостоятельно реализовал 3+ проекта
  • Провёл успешные код-ревью
  • Участвовал в разрешении production инцидентов

Lead / Staff

7-12 лет

Ответственность: Техническое лидерство команды или направления. Проектирование системной архитектуры. Координация с другими командами. Формирование стандартов и best practices. Участие в найме. Планирование технического roadmap.

Ключевые навыки:

Angular Core Нужно
ChatGPT / Claude Нужно
Code Review Нужно
Core Web Vitals Нужно
Data Fetching Нужно
Docker Нужно
E2E тестирование Нужно
Git Advanced Нужно
GitHub Actions / GitLab CI Нужно
GitHub Copilot Нужно
GraphQL Design Нужно
Performance Budgets Нужно
Progressive Web Apps Нужно
REST API Design Нужно
RxJS и реактивное программирование Нужно
SSR/SSG/ISR паттерны Нужно
State Management Нужно
Tailwind CSS Нужно
Unit-тестирование Нужно
Vite и современные бандлеры Нужно
Web APIs Нужно
Web Components Нужно
Алгоритмы и сложность Нужно
Асинхронное программирование Нужно
Визуальное регрессионное тестирование Нужно
Доступность (Accessibility) Нужно
Качество кода и рефакторинг Нужно
Компонентное тестирование Нужно
Микрофронтенды Нужно
Оптимизация бандла Нужно
Паттерны проектирования Нужно
Принципы ООП и SOLID Нужно
Разработка дизайн-систем Нужно
Современный CSS Нужно
Структуры данных Нужно
Тестирование доступности Нужно
Типобезопасность и системы типов Нужно
Переход: ~2-3 года
  • Самостоятельно реализовал 3+ проекта
  • Провёл успешные код-ревью
  • Участвовал в разрешении production инцидентов

Principal

10+ лет

Ответственность: Техническая стратегия на уровне компании или домена. Кросс-организационное влияние. Решение системных проблем бизнеса через технологии. Менторинг lead-инженеров. Публичное представление компании.

Ключевые навыки:

Angular Core Нужно
ChatGPT / Claude Нужно
Code Review Нужно
Core Web Vitals Нужно
Data Fetching Нужно
Docker Нужно
E2E тестирование Нужно
Git Advanced Нужно
GitHub Actions / GitLab CI Нужно
GitHub Copilot Нужно
GraphQL Design Нужно
Performance Budgets Нужно
Progressive Web Apps Нужно
REST API Design Нужно
RxJS и реактивное программирование Нужно
SSR/SSG/ISR паттерны Нужно
State Management Нужно
Tailwind CSS Нужно
Unit-тестирование Нужно
Vite и современные бандлеры Нужно
Web APIs Нужно
Web Components Нужно
Алгоритмы и сложность Нужно
Асинхронное программирование Нужно
Визуальное регрессионное тестирование Нужно
Доступность (Accessibility) Нужно
Качество кода и рефакторинг Нужно
Компонентное тестирование Нужно
Оптимизация бандла Нужно
Паттерны проектирования Нужно
Принципы ООП и SOLID Нужно
Разработка дизайн-систем Нужно
Современный CSS Нужно
Структуры данных Нужно
Тестирование доступности Нужно
Типобезопасность и системы типов Нужно
Переход: ~2-3 года
  • Самостоятельно реализовал 3+ проекта
  • Провёл успешные код-ревью
  • Участвовал в разрешении production инцидентов

Gap-анализ: навыки для развития

Для перехода на следующий уровень необходимо развить:

Angular Core

Самостоятельно реализует сложные UI-компоненты с Angular Core. Оптимизирует производительность рендеринга. Пишет тесты. Применяет инструменты для state management.

Core Web Vitals

Оптимизирует Core Web Vitals в Angular: lazy loading через @defer блоки для улучшения LCP, trackBy в @for для стабильного CLS, ChangeDetectionStrategy.OnPush для снижения INP, NgOptimizedImage для изображений.

Data Fetching

Реализует продвинутые паттерны получения данных: кеширование через shareReplay, отмена запросов через switchMap, пагинация и бесконечный скролл, параллельные запросы через forkJoin, retry-стратегии.

Progressive Web Apps

Настраивает продвинутые PWA-функции в Angular: стратегии кеширования в ngsw-config.json (freshness vs performance), push-уведомления через SwPush, фоновая синхронизация данных, App Shell для быстрого старта.

RxJS и реактивное программирование

Самостоятельно реализует сложные UI-компоненты с RxJS и реактивное программирование. Оптимизирует производительность рендеринга. Пишет тесты. Применяет инструменты для state management.

SSR/SSG/ISR паттерны

Настраивает Angular Universal для SSR: серверные маршруты, TransferState для избежания дублирования запросов, обработка browser-only API через isPlatformBrowser, prerendering статических страниц через ng build --prerender.

State Management

Применяет NgRx для управления состоянием: Store для глобального состояния, createFeature для feature-state, Effects для side effects. Мигрирует на NgRx SignalStore для более простых случаев.

Tailwind CSS

Настраивает Tailwind CSS для Angular-проекта: кастомная тема в tailwind.config, интеграция с Angular Material через @apply, создание переиспользуемых утилитарных классов, purge-конфигурация для production.

Vite и современные бандлеры

Настраивает сборку Angular-приложения: выбор между esbuild и webpack builder, кастомизация angular.json для оптимизации, настройка environment-файлов, source maps, asset management и стилевые препроцессоры.

Web APIs

Применяет современные Web API в Angular-сервисах: IntersectionObserver для lazy-loading компонентов, ResizeObserver для адаптивности, Clipboard API, Web Storage с типизацией через generic-сервисы.

Web Components

Создаёт Angular Elements для использования вне Angular: упаковка standalone-компонентов как Custom Elements, передача данных через attributes/properties, обработка событий через CustomEvent.

Алгоритмы и сложность

Оптимизирует алгоритмы обработки данных в Angular-сервисах, выбирая подходящие структуры для фильтрации и поиска. Применяет мемоизацию через Angular signals и computed() для избежания повторных вычислений в шаблонах.

Асинхронное программирование

Уверенно работает с RxJS в Angular: switchMap для HTTP-запросов, combineLatest для объединения потоков, takeUntilDestroyed для управления подписками. Мигрирует на Angular signals и toSignal/toObservable.

Визуальное регрессионное тестирование

Настраивает визуальное тестирование Angular-компонентов: Chromatic или Percy интеграция со Storybook, тестирование различных состояний компонентов, responsive-скриншоты для разных viewport-ов.

Доступность (Accessibility)

Реализует accessible Angular компоненты: использует CDK a11y (FocusTrap, LiveAnnouncer, ListKeyManager) для сложных patterns, реализует keyboard navigation через HostListener, настраивает angular-eslint accessibility rules. Тестирует с @angular/cdk/testing и jest-axe.

Качество кода и рефакторинг

Настраивает ESLint с @angular-eslint для обеспечения качества кода. Применяет строгий TypeScript (strict mode), архитектурные правила для импортов, автоматическое форматирование через Prettier и lint-staged.

Компонентное тестирование

Тестирует Angular-компоненты с зависимостями: мокирование сервисов через TestBed.overrideProvider, тестирование реактивных форм, компонентов с NgRx через provideMockStore, Angular Testing Library для user-centric тестов.

Микрофронтенды

Работает с micro-frontends в Angular: настраивает @angular-architects/module-federation для шаринга Angular компонентов, реализует dynamic module federation для runtime discovery, создает Angular Elements для cross-framework integration. Управляет shared Angular services через dependency injection.

Оптимизация бандла

Оптимизирует бандл Angular-приложения: code splitting через lazy-loaded routes, dynamic imports для тяжёлых библиотек, анализ через webpack-bundle-analyzer, удаление неиспользуемых Angular-модулей и провайдеров.

Паттерны проектирования

Использует паттерны GoF в контексте Angular: Observer через RxJS/signals, Strategy через DI-токены, Facade для упрощения API сервисов. Применяет Container/Presentational разделение компонентов.

Принципы ООП и SOLID

Самостоятельно применяет ООП/SOLID в Angular/TypeScript: правильная инкапсуляция сервисов с DI, разделение интерфейсов для контрактов компонентов, единственная ответственность в директивах и пайпах. Понимает компромиссы между классовой архитектурой Angular и реактивным программированием с RxJS.

Разработка дизайн-систем

Создаёт переиспользуемые Angular-компоненты для дизайн-системы: кастомные form-контролы через ControlValueAccessor, composable-компоненты с content projection (ng-content), документация через Storybook.

Современный CSS

Использует продвинутые CSS-техники: Container Queries для responsive-компонентов, CSS Layers для управления специфичностью, анимации через Angular Animations API, CSS-in-JS через styleUrls и inline styles.

Структуры данных

Выбирает оптимальные структуры данных для Angular-сервисов: Map для кеширования, Set для уникальных значений, нормализованные объекты для NgRx Store. Грамотно типизирует коллекции через TypeScript generics.

Типобезопасность и системы типов

Применяет продвинутую типизацию: generic-сервисы, строго типизированные формы (Typed Reactive Forms), discriminated unions для состояний компонента, типизация NgRx actions и selectors.