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

1/“What would need to be true for you to….X”

Why is this the most powerful question you can ask when attempting to reach an agreement with another human being or organization?

A thread, co-written by @deanmbrody:


2/ First, “X” could be lots of things. Examples: What would need to be true for you to

- “Feel it's in our best interest for me to be CMO"
- “Feel that we’re in a good place as a company”
- “Feel that we’re on the same page”
- “Feel that we both got what we wanted from this deal

3/ Normally, we aren’t that direct. Example from startup/VC land:

Founders leave VC meetings thinking that every VC will invest, but they rarely do.

Worse over, the founders don’t know what they need to do in order to be fundable.

4/ So why should you ask the magic Q?

To get clarity.

You want to know where you stand, and what it takes to get what you want in a way that also gets them what they want.

It also holds them (mentally) accountable once the thing they need becomes true.

5/ Staying in the context of soliciting investors, the question is “what would need to be true for you to want to invest (or partner with us on this journey, etc)?”

Multiple responses to this question are likely to deliver a positive result.