Angular 21 – Saqly Learning Path

This repository contains a complete, structured learning path for Angular 21, aligned with the official documentation. Each folder represents a chapter with practical demos.

1. Introduction

Core Angular concepts and quick-start materials.

Topics

What is Angular

Installation

Essentials → src/app/Essentials

2. Signals

Modern reactivity system introduced in Angular 21.

Topics

Signal basics

Computed / Effects

Signal-based forms

Folder

src/app/Signals

3. Components

Building UI using standalone components.

Topics

Inputs / Outputs

Change Detection

Content Projection

Folder

src/app/Components

4. Templates

New Angular template syntax and control flow.

Topics

@if, @for, @switch

Expression rules

Folder

src/app/Templates

5. Directives

Creating and using Angular directives.

Topics

Structural Directives

Attribute Directives

Folder

src/app/Directives Part

6. Dependency Injection

Angular 21 modern DI system.

Topics

inject() API

Provider scopes

Folder

src/app/Dependency injection

7. Routing

Full routing demo aligned with Angular documentation.

Topics

Navigation

Params & Query Params

Guards & Resolvers

Child Routes

Folder

src/app/Routing

8. Forms

All Angular form APIs in one structured section.

Topics

Signal Forms

Reactive & Typed Forms

Template-driven Forms

Dynamic FormArray

Folder

src/app/Forms

9. HTTP Client

Complete CRUD and networking demos.

Topics

GET / POST / PUT / DELETE

httpResource API

Interceptors

Apidog mock backend

Folder

src/app/Http

🎯 Goal

Provide a clean, practical, documentation-aligned learning path for Angular 21, with real demos, modern APIs, and best practices for teaching and self-study.