Angular - Développeur
Formation créée le 21/05/2021. Dernière mise à jour le 07/02/2023.
Version du programme : 1
Programme de la formation
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
- Présentation d’Angular
- 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