Formation Angular 18 et versions antérieures – Fonctionnalités avancées
- Référence : OPS014B
- Durée : 21 heures
- Certification : Non
- Eligible CPF : Non
CONNAISSANCES PREALABLES
- Avoir suivi la formation OPS006c - Angular 18 et versions antérieures - Développement d'applications Web ou posséder les compétences et connaissances équivalentes
PROFIL DES STAGIAIRES
- Développeurs Angular et chefs de projets
OBJECTIFS
- Définir le framework Angular, de manière approfondie
METHODES PEDAGOGIQUES
- 6 à 12 personnes maximum par cours, 1 poste de travail par stagiaire
- Remise d’une documentation pédagogique papier ou numérique pendant le stage
- La formation est constituée d’apports théoriques, d’exercices pratiques et de réflexions
METHODES D'EVALUATION DES ACQUIS
- Auto-évaluation des acquis par le stagiaire via un questionnaire
- Attestation de fin de stage adressée avec la facture
FORMATEUR
Consultant-Formateur expert Développement Internet
CONTENU DU COURS Développement Internet
1 - Jour 1 - Matin
2 - Rappel sur le fonctionnement d'Angular
- Présentation de Zone.js
- Exemple de travaux pratiques : Développement d’une application rappelant les bases du développement Angular
- Rappel sur les "standalone components"
- Le futur avec Angular sans Zone.js (Zoneless)
- Les nouveautés de la version 18
3 - Détection de changement
- Comprendre le fonctionnement de "Change Detection Strategy"
- Améliorer les performances d’une application Angular
- Déclencher la détection de changement
- Exemple de travaux pratiques : Développement d’une application présentant les différentes méthodes d’utilisation de Zone.js
4 - Jour 1 - Après-midi
5 - Gestion de l'état avec NgRx
- Le pattern Flux
- Exemple de travaux pratiques : Développement d’une application s’appuyant sur NgRx
- Utilisation des stores, states, actions et effects
- Introduction à NgRx
6 - Jour 2 - Matin
7 - Utilisation avancée des routes
- Les différentes routes : secondaires, relatives
- Les Guards
- Chargement asynchrone
- Exemple de travaux pratiques : Développement d’une application exploitant les routes
8 - Jour 2 - Après-midi
9 - Angular Signals
- Les signaux modifiables ("writable signals")
- Les signaux calculés ("computed signals")
- Communication, parent / enfant avec les "signal inputs"
- Exemple de travaux pratiques : Développement d’une application simple utilisant les signaux
- Présentation des Angular Signals
10 - SSR (Server-Side Rendering)
- Angular côté serveur
- Configuration d’un serveur pour effectuer le rendering
- Gestion des pages statiques et dynamiques
- Exemple de travaux pratiques : Développement d’une application exploitant le rendu côté serveur
11 - Jour 3 - Matin
12 - Les PWA (Progressive Web Apps)
- Présentation des Progressive Web Apps
- Exemple de travaux pratiques : Développement d’une application PWA, avec détection de version et mise en cache de donnée
- Implémentation d’une PWA avec Angular
- Notion de Service Worker
13 - Jour 3 - Après-midi
14 - Internationaliser une application Angular (i18n)
- Gestion de l’internationalisation
- Gestion de l’accessibilité
- Le pipe de régionalisation
- Le fonctionnement de l’internationalisation avec Ivy
- Exemple de travaux pratiques : Développement d’une application exploitant l’internationalisation