Formation - Angular 2+ - Développement d'applications web

1 - Introduction

• ES2022, le nouveau JavaScript
• ES2022 et les modules
• TypeScript : le typage du JavaScript

2 - Les bases du Framework

• Comprendre la philosophie du framework
• Templating
• Angular CLI, un outil pour tout générer
Atelier

Première application et outillage

3 - Composant

• Web Components
• Décorateurs Angular
• Property binding, lire des données depuis le composant
• Event binding, événements personnalisés
• Cycle de vie
Atelier

Développer un premier composant

4 - Utiliser les directives

• Directive : fonctionnement et création
• Les directives fournies par Angular
• Attribute directives
• Structural directives
• Directives complexes
Atelier

Première directive

5 - Directives

• Directives d’attributs (selecteur, ElementRef, HostListener, @Input)
• Directives de structure (ngIf, ngFor, Symbole *)
• ng-template

6 - Modules

• Déclarations d’un module : imports et exports
• Les providers d’un module
• Introduction à « forRoot » et « forChild »
Atelier

Créer un module, l’exporter et le réutiliser

7 - Pipes

• Les transformateurs fournis
• Formater une chaîne
• Formater des collections
• Utiliser un pipe comme un service
Atelier

Créer son propre pipe

8 - Services

• Les services fournis
• Création de service
• Injection d’un service
Atelier

Injecter les services fournis par Angular

9 - Injection de dépendances

• Principes
• Configurer son application
• L’injection de dépendances : type-based et hiérarchique
• Différents types de providers
Atelier

Créer ses propres services

10 - Routeur

• RouterModule: 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)
Atelier

Transformer une application Web en Single Page Application

11 - Observables

• Introduction à RxJS
• Le concept d’Observable
• Les principaux opérateurs
• Lien avec les promesses
Atelier

Premier pas avec RXJS

12 - Échanger avec un serveur

• Requêtes HTTP
• Communication avec une API
• Afficher des données externes
• Afficher des données asynchrones avec AsyncPipe
Atelier

Récupérer et afficher des données à partir d’une API REST distante

13 - Travailler avec des formulaires

• Créer un formulaire
• Template-driven forms
• ngModel
• Reactive forms
• Validation et erreurs
• Observateurs
Atelier

Créer ses propres validateurs, envoyer une requête POST

14 - Gestion des performances

• Astuces, bonnes pratiques et outils
• Découverte des différentes stratégies de compilation
Atelier

Tester et optimiser la performance

15 - Concepts avancés

• Animations
• Nouveautés d’Angular 16
• Injection de dépendances avancée (IoC)
• Test unitaire