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
              Cookies