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
