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