Angular - Développeur

Formation créée le 21/05/2021. Dernière mise à jour le 18/06/2025.
Version du programme : 1

Type de formation

Formation à distance

Durée de formation

35 heures (5 jours)

Angular - Développeur


Place forte des infrastructures JS, Angular permet la transformation du cœur du Framework en se basant sur les nouvelles conventions du Web. Vous développerez dans cette formation les concepts de cette plateforme, tout en faisant progresser vos applications.

Objectifs de la formation

  • Découvrir Angular et ses différentes versions
  • Appréhender les fondamentaux d’Angular
  • Développer et utiliser une application grâce à ce Framework
  • Instaurer des tests unitaires au développement
  • Appliquer les Best practices de développement

Profil des bénéficiaires

Pour qui
  • Développeurs, architectes, chefs de projet techniques…
Prérequis
  • Connaissance en langage Web (HTML, CSS, JSS)

Contenu de la formation

Introduction
  • Configuration Node.js, Angular CLI, IDE, Git
  • Les apports de la dernière version
  • Le moteur Ivy
  • Compilation AOT vs JIT
Architecture d'applications sous Angular
  • L’organisation du code par modules
  • Les services
  • Le rôle des directives
  • Les templates, les components et leur connectivité au Data Binding
  • Injection de dépendance
Le développement sous Angular
  • Structurer un projet Angular
  • Les modules & les composantes
  • Partir de zéro avec Angular CLI
  • Le fonctionnement de Angular CLI
  • L’élaboration de projet
  • Le développement de modules, services et components
  • Travaux pratiques: Créer une application Angular avec ses components et modules
Les templates
  • L’interpolation
  • Les variables locales
  • Property & event bindings
  • Les pipes
  • Travaux pratiques
Les formulaires
  • FormsModule
  • FormBuilder
  • Validation et traitement des erreurs
  • Travaux pratiques: Ajout d’un formulaire de création d’un nouveau client pour l’application
La bibliothèque Reactive extensions for JavaScript (RxJS)
  • La programmation réactive
  • Observable & Observer
  • Les opérateurs
  • Faire communiquer components & subjects
  • Travaux pratiques
Fonctionnement avec HTTP
  • Le service HTTP
  • HTTP et RxJS
  • La récupération de données
  • Les Promises
  • Les Observables
  • Travaux pratiques
Le routage
  • Évolution du module de routage
  • Utilisation du routage
  • Réglages des routes
  • Les directives
  • Travaux pratiques
Les Progressive Web Apps
  • Fonctionnement des PWA
  • Le service worker
  • Mise en place d’une PWA avec Angular
  • Travaux pratiques
NgRx
  • Introduction à Redux
  • Store State et actions
  • Implémentation de NgRx
  • Gérer les requêtes HTTP et les side effects
  • Travaux pratiques
Les tests
  • Le framework de test
  • Les tests unitaires & fonctionnels
  • Exécution des tests
  • Travaux pratiques: Développement d’une application à partir de tests
Les Best Practices
  • Jasmine & Karma
  • Protractor
  • Cypress
  • John Papa & le coding style guide
  • Faire communiquer components & subjects

Équipe pédagogique

Professionnel expert dans le développement

Suivi de l'exécution et évaluation des résultats

  • Feuilles de présence.
  • Mises en situation.
  • Formulaires d'évaluation de la formation.
  • Certificat de réalisation de l’action de formation.
  • Émargement numérique.

Ressources techniques et pédagogiques

  • Documents supports de formation projetés.
  • Exposés théoriques
  • Etude de cas concrets
  • Mise à disposition en ligne de documents supports à la suite de la formation.
  • Espace intranet de formation

Qualité et satisfaction

Taux de satisfaction des stagiaires Progression des compétences visées Taux d'abandon Taux de retour des enquêtes Taux d'interruption en cours de prestation