Angular - Les fondamentaux

Objectifs

À la fin de cette formation Angular, les participants seront en mesure de :
- Utiliser les fonctionnalités les plus récentes d'ES2022 et TypeScript pour développer des applications Angular modernes.
- Créer et gérer efficacement des composants, directives et modules dans leurs projets Angular.
- Configurer et gérer le routing pour créer des applications web à navigation fluide.
- Implémenter des services et communiquer avec un serveur backend pour créer des applications Angular complètes et interactives.

Programme de la formation

Programme Angular initiation
Introduction
ES2022, le nouveau JavaScript
ES2022 et les modules
TypeScript : le typage du JavaScript
Les bases du framework:
Comprendre la philosophie du framework
Templating
Angular CLI, un outil pour tout générer
TP : première application et outillage
Composant :
Web Components
Décorateurs Angular
Property binding, lire des données depuis le composant
Event binding, événements personnalisés
Cycle de vie
TP : premier composant
Directives:
Directive : fonctionnement et création
Les directives fournies par Angular
Attribute directives
Structural directives
Directives complexes
TP : première directive
Modules
Déclarations d'un module : imports et exports
Les providers d'un module
Introduction à « forRoot » et « forChild »
TP : créer un module, l'exporter et le réutiliser
Pipes :
Les transformateurs fournis
Formater une chaîne
Formater des collections
Utiliser un pipe comme un service
TP : créer ses propres pipes
Services :
Les services fournis
Injection de service
TP : injecter les services fournis par Angular
Injections de dépendances (IOC)
Principes :
Configurer son application
L'injection de dépendances : type-based et hiérarchique
Différents types de providers
TP : Créer ses propres services
Router :
Router module: configuration des routes et URLs
Définitions des routes, liens et redirection, paramètres
Hiérarchies de routes
Vues imbriquées
Cycle de vie (Routing lifecycle)
TP : transformer une application Web en Single Page Application
OBSERVABLES
Introduction à RxJS
Le concept d'Observable
Les principaux opérateurs
Lien avec les promesses
TP : premier pas avec RXJS
ÉCHANGER AVEC UN SERVEUR
Requêtes HTTP
Communication avec une API
Afficher des données externes
Afficher des données asynchrones avec AsyncPipe
TP : récupérer et afficher des données à partir d'une API REST distance
FORMULAIRE
Créer un formulaire
Template-driven forms
ngModel
Reactive forms
Validation et erreurs
Observateurs
TP : Créer ses propres validateurs, envoyer une requête POST
PERFORMANCE
Astuces, bonnes pratiques & outils
Découverte des différentes stratégies de compilation
TP : Tester la performance
TP Final et API de Spotify

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique