Angular

Skip to content

RxJs Formation complète

Appearance

Sidebar Navigation

Nouveautés

Angular 21

Les formulaires « orientés signaux » arriveront avec Angular 21

Angular 20.2

Angular 20

Angular 19.2

Documentaire : An origin story

La direction que prend Angular en 2025

Angular 19

Standalone est le futur

Utiliser isolatedModules

Introduction à @let

Angular 18

Angular 17

Les concepts

Pourquoi utiliser Angular ?

Créer un composant

Syntaxes dans les templates

Le composant standalone

input()

output()

Utiliser model() pour du double data-binding

Class Bindings

Style Bindings

Le cycle de vie du composant

Créer son propre pipe

Créer son propre pipe comme filtre

Utiliser @for

Utiliser @if

Utiliser @switch

Projection de contenu avec ng-content

Une référence avec viewChild()

Les références avec viewChildren()

La transclusion avec contentChild()

La transclusion avec contentChildren()

Injection de dépendance

Bien comprendre les Observables

Requêtes HTTP avec HttpClient

Signal, Computed, Effects

Formulaire simple avec ngForm

Formulaire avec FormControl et FormGroup

Créer un routeur

Routeur imbriquée

Routeur avec paramètres

Guard

Guard enfant

Resolver

A savoir

Architecture MVVM

Installation

Extensions utiles sur VS Code

Structure des dossiers

C'est quoi main.ts ?

Savoir utiliser Angular CLI

Comment mettre à jour Angular ?

Mettre en production

Bonnes pratiques

Configurer les environnements

HostAttributeToken

Stocker un état dans un service avec BehaviorSubject

Comprendre très facilement la différence entre switchMap et mergeMap

Le pipe async

Utiliser la propriété pure

éviter la faille XSS (DomSanitizer)

Techniques

Ajouter TailwindCSS

Intégrer un WebComponent existant

Créer un Web Component à partir d'un composant Angular

Interopérabilité des signaux avec RxJS

toSignal() : Convertir un Observable en Signal

Maîtriser la fonction untracked()

A quoi sert @Injectable

Utiliser les intercepteurs HTTP

Authentification avec cookies HTTP-only et refresh token

Créer une librairie

L'héritage des composants

Gérer les dépendances circulaires avec forwardRef

Gérer la destruction avec DestroyRef et takeUntilDestroyed

Les gardes CanDeactivateFn

Intégrer l'IA dans Angular avec Genkit

Internationalisation

Internationalisation avec ngx-translate

Gérer le temps réel

Utiliser les WebSockets

Utiliser PartyKit pour le temps réel

Streaming Resources (Angular 19.2)

Collaboration en temps réel avec YJS

WebRTC

Approfondir l'injection de dépendance

Vocabulaire de l'injection de dépendance

Comment injecter une simple valeur

InjectionToken avec factory

Le contexte d'injection Angular

useValue

useClass

useFactory

useExisting

Les injecteurs hiérarchiques d'Angular

Approfondir le routeur

Récupérer les informations de route avec withComponentInputBinding()

Gérer les fragments dans le routing

Les événements du routeur

Changer le titre de la page

Gestion du scroll avec withInMemoryScrolling

Le service Location

Bonnes pratiques UX pour le routing

Bonnes pratiques (pattern) du routing

Lazy loading

Preloading Strategies

Approfondir les formulaires

Utiliser ngModel

Utiliser ngModelGroup

Mettre des validateurs

ControlValueAccessor: Créer son propre champ

Utiliser le service FormBuilder

Utiliser FormArray

Remplir les champs avec patchValue

Observable sur valueChanges

Validateurs synchrones existants

Créer une fonction de validation synchrone

Créer une fonction de validation asynchrone

Validation centralisée et dynamique

Composants ControlValueAccessor réutilisables

Form Factory à partir d'une configuration JSON

Form Groups et Arrays imbriqués

Approfondir

Une promesse

Un observable dans Angular

Créer des composants dynamiquement avec createComponent

Angular Zoneless

CDK

Gérer le Responsive Design avec BreakpointObserver

Créer des boîtes de dialogue avec CDK Dialog

Créer un loader global avec CDK Overlay

Rendre performant

La stratégie OnPush

@defer

Gérer la taille des bundles

Utiliser les WebWorkers

Optimiser les images

SSR

Server-Side Rendering (SSR)

Gérer la compatibilité client/serveur en SSR

Hydratation

Hydratation incrémentielle

PWA

Progressive Web App (PWA)

Service Worker Personnalisé

DevOps pour les Service Workers

Notifications Push dans une PWA

Cycle de vie des composants

Qu'est ce que le cycle de vie ?

ngOnInit

ngOnChanges

ngDoCheck

ngAfterContentInit

ngAfterContentChecked

ngAfterViewInit

ngAfterViewChecked

ngOnDestroy

afterRender

afterNextRender

Directives

ngIf

ngFor

ngClass

ngStyle

ngSwitch

Créer sa directive

Directive de rendu

Directive de structure

Les pipes

Le pipe date

Le pipe currency

Le pipe json

Les pipes lowercase et uppercase

Le pipe number

Le pipe percent

Le pipe i18nPlural

Animations

La base des animations

Les animations d'entrée et de sortie

Tests unitaires

Terminologie (stub, mock, spy, etc.)

Jasmine

Tester un composant

Tester les outputs d'un composant

Tester la fonction input() dans un composant

Tester un service

Tester asynchrone et mock

Tester un Observable utilisé dans un composant

Tester un pipe

Tester un formulaire

Tester un router

RouterTestingHarness

Tester un guard

Utiliser fakeAsync et tick

Utiliser Vitest

Utiliser Jest

Les erreurs courantes

ExpressionChangedAfterItHasBeenCheckedError

No Provider Found

Invalid Element

Required Input

Platform with a different configuration

C'est quoi un signal ?

On this page

Vous souhaitez recevoir de l'aide sur ce sujet ? rejoignez la communauté Angular.fr sur Discord.

Pager

Next pageAngular 21