09/08/2024, 16:29 Angular Developer Roadmap: Learn to become a Angular developer

JavaScript Roadmap
Find the detailed version of this roadmap
TypeScript Roadmap along with other similar roadmaps
React Roadmap
Vue Roadmap Angular roadmap.sh

Component Anatomy
JavaScript Roadmap
Creating Components
Angular and History

Metadata
Introduction to Angular Angular Architecture

Selector Template
Setting up a New Project

Styles Standalone

Learn TypeScript Basics Module Architecture

Imports Provider

Creating Modules
viewProvider

Feature Modules
Encapsulation
Components
Lazy Loading Modules
changeDetection

Dependencies
Communication
Interpolation
Parent-Child Interaction
Template Statements Modules
ViewChild ContentChild
Understand Binding

Component Lifecycle Templates

Data Binding
Dynamic Components
Properties Binding Structural Directives

Template Syntax Pipes Attributes Binding Attribute Directives

@if @else Pipes Precedence Event Binding Custom Directives

@else if Change Detection Two-way Binding

Directives
@for @switch Common Pipes Control Flow

@case @default Custom Pipes Template Ref Vars Configuration

@let @defer @Input & @Output Lazy Loading

Router Outlets
Reactive Forms

Typed Forms Services & Remote Data Routing

Template-driven Forms
Dependency Injection Router Links
Dynamic Forms
Router Events
TIP Right-click on a topic to mark it as done.
Guards
Forms HTTP Client

https://roadmap.sh/angular 2/5
09/08/2024, 16:29 Angular Developer Roadmap: Learn to become a Angular developer

Custom Validators Setting Up the Client RxJS Basics

Control Value Accessor Making Requests

Writing Interceptors Observable Pattern

Zoneless Applications
Observable Lifecycle

Zones State Management Signals RxJS vs Promises

Operators
NGXS Elf NgRx RxJS Interop
Filtering
Inputs as Signals
Rate Limiting

Developer Tools SSR Queries as Signals

Transformation
Model Inputs
Combination
Angular CLI DevTools

Local Setup Language Service SSG AnalogJS

Attributes
Deployment Libraries
UI Components
End-to-End Testing Using Libraries
Security Accessibility Containers
Schematics Creating Libraries
Routing
Build Environments
Cross-site Scripting HTTP Vulnerabilities Link Identification
CLI Builders
Sanitization Cross-site Request Forgery
AoT Compilation
Performance
Trusting Safe Values HttpClient CSRF

Enforce Trusted Types XSRF protection

Deferrable Views
Cross-site Script Inclusion
Image Optimization

Testing Services Zone Pollution

Localize Package
Testing Pipes Slow Computations

Locales by ID
Testing Requests Hydration

Translation Files
Testing Directives

Multiple Locales
Services with Dependencies

Internationalization Testing

Transitions & Triggers Component Bindings

Complex Sequences Debugging Tests

TIP Right-click on a topic to mark it as done.
Reusable Animations Component Templates

Route Transitions Code Coverage

https://roadmap.sh/angular 3/5
09/08/2024, 16:29 Angular Developer Roadmap: Learn to become a Angular developer

Animation

Have a look at the following related roadmaps

Frontend React Vue.js TypeScript Node.js

Test your Knowledge All Quizzes →

JavaScript 75 Questions

RelatedRoadmaps All Roadmaps →

Frontend Step by step guide to becoming a frontend developer in 2024

JavaScript Step by step guide to learn JavaScript in 2024

React Step by step guide to become a React Developer in 2024

Vue Step by step guide to become a Vue Developer in 2024

Node.js Step by step guide to becoming a Node.js developer in 2024

Join the Community

roadmap.sh is the 6th most starred project on GitHub and is visited by
hundreds of thousands of developers every month.

Rank 6th out of 28M! +75k every month +1.5k every month

286K +1M
TIP Right-click on a topic to mark it as done.
24K
https://roadmap.sh/angular 4/5