A l'issue de cette formation, vous serez capable de :

• Définir le framework Angular, de manière approfondie.

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