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 🎯

Master Full-Stack Development for Free.

Thread 🧵

1. Mastering Frontend development:


2. Mastering Backend development:


If you enjoyed reading this thread,

1. Do Retweet the FIRST TWEET.
2. Follow me and turn on notifications: @mdjunaidap

🔥 700+ Tools & Resources for Developers, Designers, and Creators.

Learn.
Build.
Sell.

I've Curated incredible tools and learning resources for developers, designers & content

You May Also Like

॥ॐ॥
अस्य श्री गायत्री ध्यान श्लोक:
(gAyatri dhyAna shlOka)
• This shloka to meditate personified form of वेदमाता गायत्री was given by Bhagwaan Brahma to Sage yAgnavalkya (याज्ञवल्क्य).

• 14th shloka of गायत्री कवचम् which is taken from वशिष्ठ संहिता, goes as follows..


• मुक्ता-विद्रुम-हेम-नील धवलच्छायैर्मुखस्त्रीक्षणै:।
muktA vidruma hEma nIla dhavalachhAyaiH mukhaistrlkShaNaiH.

• युक्तामिन्दुकला-निबद्धमुकुटां तत्वार्थवर्णात्मिकाम्॥
yuktAmindukalA nibaddha makutAm tatvArtha varNAtmikam.

• गायत्रीं वरदाभयाङ्कुश कशां शुभ्रं कपालं गदाम्।
gAyatrIm vardAbhayANkusha kashAm shubhram kapAlam gadAm.

• शंखं चक्रमथारविन्दयुगलं हस्तैर्वहन्ती भजै॥
shankham chakramathArvinda yugalam hastairvahantIm bhajE.

This shloka describes the form of वेदमाता गायत्री.

• It says, "She has five faces which shine with the colours of a Pearl 'मुक्ता', Coral 'विद्रुम', Gold 'हेम्', Sapphire 'नील्', & a Diamond 'धवलम्'.

• These five faces are symbolic of the five primordial elements called पञ्चमहाभूत:' which makes up the entire existence.

• These are the elements of SPACE, FIRE, WIND, EARTH & WATER.

• All these five faces shine with three eyes 'त्रिक्षणै:'.