Angular Roadmap for Beginners in 2022.

🧵

⇝ Fundamentals ⇜

➙ Typescript
➙ Angular CLI
➙ NgModules

• Components

➙ Class
➙ Template
➙ Metadata

• Template Syntax

➙ Interpolation
➙ Property Binding
➙ Two-way binding
➙ Pipes
➙ Template Reference Variables
➪ Directives

➪ Component

• Structural
➙ ngSwitch
➙ ngFor
➙ ngIf

• Attribute
➙ NgClass
➙ NgStyle
➪ Component Styling
➙ Input
➙ Output

➪ Component Interaction
➙ Lifecycle methods
⇝ Advanced Topics ⇜

➪ Services

➙ Dependency Injection
➙ Providing Services

➪ Observables

➙ Creating Observables
➙ Subscribing to Observables
➙ Executing Observables
➙ Disposing Observables
➙ Operators
➪ HTTP Client

➙ HTTPClient
➙ GET, POST, PUT & DELETE
➙ Typed Response
➙ Error Handling
➙ Interceptors
➪ Forms

• Template Driven Forms

➙ FormsModule
➙ NgForm
➙ NgModel
➙ Ng Model Group
➙ Tracking State and Validity
➙ Validation and error messages
➙ ng submit
• Reactive Forms

➙ ReactiveFormsModule
➙ FormControl
➙ FormGroup
➙ setValue and patchValue
➙ Form builder Service
➙ Validatior Functions
➙ Form array
➙ ng submit
➪ Routing

➙ RouterModule
➙ Configuring Routes
➙ Router Outlet
➙ router link
➙ Wildcard routes
➙ Redirecting Routes
➙ Route parameters
➙ Nested Routes
➙ Relative paths
➙ Lazy loading Routes
➙ Route Guards
➪ Animations

➪ Ecosystem

➪ State management
➙ ngRx

➪ UI library
➙ Angular material

➪ Server side rendering
➙ Angular universal
➪ Testing
➙ Jasmine and karma
➙ Profractor

➪ Miscellaneous
➙ i18n
➙ Accessibility
Credits: https://t.co/yILESYOnzz
🔥 700+ Tools & Resource 🌟 for Developers, Designers, and Creators.

Learn.
Build.
Sell.

I've Curated incredible tools and learning resources for developers, designers & content creators.
https://t.co/2XaQR6RW0w

More from Mohammed Junaid 🎯

You May Also Like