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