Angular 18 et versions antérieures - Fonctionnalités avancées

Jour 1 - Matin

Rappel sur le fonctionnement d'Angular

• Présentation de Zone.js
• Le futur avec Angular sans Zone.js (Zoneless)
• Les nouveautés de la version 18
• Rappel sur les "standalone components"

Exemple de travaux pratiques (à titre indicatif)

• Développement d'une application rappelant les bases du développement Angular

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 (à titre indicatif)

• Développement d'une application présentant les différentes méthodes d'utilisation de Zone.js

Jour 1 - Après-midi

Gestion de l'état avec NgRx

• Introduction à NgRx
• Le pattern Flux
• Utilisation des stores, states, actions et effects

Exemple de travaux pratiques (à titre indicatif)

• Développement d'une application s'appuyant sur NgRx

Jour 2 - Matin

Utilisation avancée des routes

• Les différentes routes
• Secondaires
• Relatives
• Les Guards
• Chargement asynchrone

Exemple de travaux pratiques (à titre indicatif)

• Développement d'une application exploitant les routes

Jour 2 - Après-midi

Angular Signals

• Présentation des Angular Signals
• Les signaux modifiables ("writable signals")
• Les signaux calculés ("computed signals")
• Communication, parent / enfant avec les "signal inputs"

Exemple de travaux pratiques (à titre indicatif)

• Développement d'une application simple utilisant les signaux

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 (à titre indicatif)

• Développement d'une application exploitant le rendu côté serveur

Jour 3 - Matin

Les PWA (Progressive Web Apps)

• Présentation des Progressive Web Apps
• Notion de Service Worker
• Implémentation d'une PWA avec Angular

Exemple de travaux pratiques (à titre indicatif)

• Développement d'une application PWA, avec détection de version et mise en cache de donnée

Jour 3 - Après-midi

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 (à titre indicatif)

• Développement d'une application exploitant l'internationalisation

Examen M2i (en option)

• Prévoir l'achat de l'examen en supplément
• L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
• Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
• L'examen n'est pas éligible au CPF, mais permettra néanmoins de valider vos acquis

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

• En cours de formation, par des études de cas ou des travaux pratiques
• Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou un examen M2i

Les + de la formation

Un examen M2i permettant de valider vos acquis à l'issue de la formation est disponible sur demande (coût : 120€).