Defines architectural algorithm performance standards for the Angular project. Reviews for suboptimal O(n²) operations in pipes, directives, and NgRx effect handlers.
Roles · Frontend Developer (Angular) · Lead
What a Lead } should know
37 core skills, 52 in total. Expectations per skill, and what changes at the next level.
This page lists what a Lead } is expected to know and do, skill by skill. Core skills are the ones a manager and peers assess in a review cycle; the rest count only in self-assessment. Main areas: Programming Fundamentals, Frontend Development, API & Integration.
Core skills for a Lead
Grouped by area. The label on the right is the expected depth: Awareness, Working, Advanced or Expert.
Programming Fundamentals · 7
Establishes async programming standards: when to use signals vs RxJS, error handling patterns in Effects, request cancellation strategies. Reviews for memory leaks.
Fosters a quality culture in the Angular team: automated CI checks via angular-eslint, architectural fitness functions, technical debt metrics, code review processes for Angular-specific patterns.
Establishes data handling standards for the Angular project: state normalization in NgRx SignalStore, type-safe entity adapters, immutable update patterns for stable ChangeDetection behavior.
Builds a recommended pattern catalog for the Angular team: SCAM (Single Component Angular Module), feature-based architecture, error handling patterns via HttpInterceptors and ErrorHandler.
Ensures SOLID principle adherence in the Angular codebase: Single Responsibility for components and services, Interface Segregation via abstract classes and InjectionToken, Open/Closed via DI providers.
Ensures maximum type safety in the Angular project: strict TypeScript and Angular compiler mode, typed interceptors and guards, auto-generated types from OpenAPI schemas for HttpClient.
Frontend Development · 18
Defines frontend architecture at the product level with Angular Core. Establishes standards and best practices. Conducts architectural reviews.
Implements bundle size control: performance budgets in angular.json, CI checks via bundlesize, regression monitoring, import standards to prevent accidental bundle growth.
Implements component testing standards in the team: minimum coverage per component, test templates for different component types (form, list, dialog), test quality metrics.
Sets performance standards for the Angular project: CWV target values per route, Lighthouse CI automation, PR impact review process for metrics, performance dashboards.
Establishes data handling standards: API layer abstraction for the Angular project, auto-generating HTTP services from OpenAPI, caching strategies (SWR-like), request monitoring and logging.
Manages design system development for the Angular team: versioning via Nx libraries, RFC process for new components, Figma integration through design tokens, adoption metrics.
Standardizes the micro-frontend approach in Angular: creates Nx generators for scaffolding new MFEs, defines Angular upgrade strategy for coordinated version bumps, designs testing strategy (unit per MFE + integration shell). Trains teams on Angular-specific MFE patterns.
Establishes CSS standards for the Angular project: style architecture (BEM vs utility), rules for ::ng-deep and ViewEncapsulation usage, CSS performance budgets, browser support strategy.
Defines PWA standards for the Angular project: app update strategies (SwUpdate), caching policies for different content types, PWA engagement metrics, offline scenario testing process.
Defines frontend architecture at the product level with RxJS and reactive programming. Establishes standards and best practices. Conducts architectural reviews.
Defines SSR standards for the Angular project: which routes to render server-side vs client-side, SSR page caching strategy, server performance monitoring, Angular Universal deployment process on Node.js.
Defines state management standards: when to use services vs NgRx vs SignalStore, server state handling patterns, migration strategy to signal-based state management, NgRx pattern code reviews.
Establishes Tailwind usage standards in the Angular team: naming conventions for custom classes, theme architecture, Angular CDK integration, style review process for component libraries.
Implements visual testing process in the Angular team: CI-integrated visual diff in PR review, visual change approval policy, budgets for the number of changed screenshots per release.
Manages the Angular project's build infrastructure: migration to esbuild builder, Nx caching for monorepo, build configuration standardization, build time monitoring and optimization.
Standardizes accessibility in the Angular ecosystem: defines a11y requirements for Angular Material theme, creates custom schematics for accessible component scaffolding, designs a11y testing pipeline. Trains Angular teams on CDK a11y best practices.
Establishes Web API usage standards in the Angular team: abstractions via DI tokens (DOCUMENT, PLATFORM_ID), SSR compatibility via isPlatformBrowser, feature detection for progressive enhancement.
Manages Web Components strategy in the Angular project: standards for creating Angular Elements for micro-frontends, versioning and npm publishing, integration with non-Angular applications.
API & Integration · 2
Manages GraphQL strategy for the Angular project: query and mutation writing standards, code-generation pipeline, field usage monitoring, schema evolution process, team GraphQL pattern training.
Establishes API integration standards for the Angular team: frontend-backend contracts, mock servers for parallel development, error handling and retry strategy, API layer documentation.
Cloud & Infrastructure · 1
Establishes Docker standards for the Angular project: base images and security scanning, CI/CD pipeline optimization, Docker layer caching strategy, monitoring image sizes and deployment times.
DevOps & CI/CD · 1
Manages CI/CD infrastructure for the Angular project: pipeline time optimization, Nx Cloud for distributed execution, branch protection standards and required checks, CI performance monitoring and metrics.
Testing & QA · 3
Defines accessibility testing standards and quality gates for Angular projects across the organization. Establishes automated a11y testing pipelines, screen reader testing protocols, and WCAG compliance audit workflows for Angular component libraries. Conducts architecture reviews ensuring Angular applications meet accessibility requirements and mentors teams on inclusive design testing practices.
Manages e2e testing in the Angular project: defining critical user flows for coverage, flaky test management, CI parallelization, QA process integration, stability and coverage metrics.
Fosters a testing culture in the Angular team: minimum coverage through coverage thresholds, test naming and organization standards, templates for different types of testable entities, quality metrics.
AI-Assisted Development · 2
Defines AI usage standards for the Angular team: best practices for prompting Angular tasks, AI-generated code validation, AI integration into code review process, team training on AI tools.
Manages Copilot adoption in the Angular team: licensing and organization setup, usage standards for Angular projects, productivity metrics, generated code review policy.
Version Control & Collaboration · 2
Builds the code review process for the Angular team: checklists for different PR types (feature, bugfix, migration), CODEOWNERS for Angular modules, review automation via angular-eslint and Danger.js.
Establishes Git standards for the Angular team: branch protection rules, conventional commits enforcement, branching strategy for Nx monorepo, release management process with semantic versioning.
Performance Engineering · 1
Implements performance budgets as a process in the Angular team: CI gates blocking PRs on budget violations, trend tracking dashboards, budget owners per feature area.
Additional skills
Not assessed by the team, but part of the self-assessment and the development plan.
What changes at Principal
0 skills get a higher expectation or become core when moving from Lead to Principal. The biggest jumps first.
} in the open competency matrix: 52 skills across 5 levels. The matrix is free for individuals and stays free.