Programme Angular 16 - Fonctionnalités avancées
Développeurs Angular et chefs de projets.
Durée : 3 jours - 21 heures
Tarif : Nous contacter pour une formation INTER – INTRA ou en COURS PARTICULIER
La formation est délivrée en présentiel ou distanciel (e-learning, classe virtuelle, présentiel et à distance). Le formateur alterne entre méthodes démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). La validation des acquis peut se faire via des études de cas, des quiz et/ou une certification.
Cette formation est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par Audit Conseil Formation.
Les objectifs
pré-requis
Avoir des connaissances de base du framework Angular.
Moyens pédagogiques, techniques et d'encadrement
- 1 poste de travail complet par personne
- De nombreux exercices d'application
- Mise en place d'ateliers pratiques
- Remise d'un support de cours
- Remise d'une attestation de stage
Modalités d'évaluation des acquis
- Evaluation des besoins et objectifs en pré et post formation
- Evaluation technique des connaissances en pré et post formation
- Evaluation générale du stage
Accessibilité handicapés
- Au centre d’affaires ELITE partenaire d’ACF à 20 m.
- Guide d’accessibilité à l’accueil.
Le Programme
Le nouveau moteur Ivy
Rappel sur le fonctionnement des zones et le rôle des modules
Son rôle dans une application Angular (JIT vs AOT)
Son impact sur : Les performances et la génération de bundle, les tests.
Amélioration du debugging
Piepe de régionalisation et a11y
Gestion de l'internationalisation
Gestion de l'accessibilité
Le piepe de régionalisation
Le fonctionnement de l'internationalisation avec Ivy
Utilisation avancée des routes
Les routes Secondaires
Les routes Relatives
Les Guards
Chargement asynchrone
Angular Signals
Présentation des Angular Signals
Les signaux modifiables ("writable signals")
Les signaux calculés ("computed signals")
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
NgRx
Rappel NgRx (store, state, actions et effets)
Utilisation des routes avec le router-store
Utilisation des meta-reducers
Tester une application NgRx
Angular Universal
Angular côté serveur
Configuration d'un serveur pour effectuer le rendering
Gestion des pages statiques et dynamiques
Les PWA (Progressive Web Apps)
Présentation des Progressive Web Apps
Notion de Service Worker
Implémentation d'une PWA avec Angular