Angular

Objectifs

• Comprendre la philosophie et les concepts clés du framework Angular


• Développer des composants Angular réutilisables et modulaires


• Concevoir une application Angular avec TypeScript et RxJS


• Apprendre à produire des applications robustes et efficaces avec Angular

Programme de la formation

Jour 1 : De la théorie aux 1ers composants Angular - Rappel des concepts de base du JavaScript moderne et de Typescript - Comprendre la création et l'évolution du framework Angular et de son écosystème - Apprendre à créer des composants Angular et à les utiliser - Comprendre le fonctionnement du système de templating d'Angular - Apprendre à utiliser les directives pour manipuler le DOM - Faire communiquer les composants entre eux - Apprendre à interagir avec une API REST via les services Angular ***Mises en pratique :*** - *Création du projet « fil rouge » grâce au CLI d'Angular* - *Création des premiers composants de l'application au sein de la page de listing des produits* - *Alimentation de la page de listing des produits avec des données issues de l'API REST fournie*

Jour 2 : Intégration de RxJS et gestion des données - Présentation de la programmation réactive fonctionnelle et son intégration dans Angular via la librairie RxJS - Création de services pour la gestion et le partage des données - Découvrir comment utiliser les pipes pour transformer des données - Comprendre le fonctionnement des formulaires pilotés par le template et des formulaires réactifs ***Mises en pratique :*** - *Manipulation des données issues de l'API REST via les opérateurs RxJS* - *Création du panier utilisateur* - *Implémentation d'un formulaire de création d'un produit avec contrôle de saisie et validation*

Jour 3 : Amélioration, évolution et scalabilité - Comprendre le fonctionnement du routeur Angular, des guards et des resolvers - Apprendre à tester une application grâce aux tests unitaires Karma, Jasmine et Jest - Présentation du concept de PWA et de son intégration dans Angular avec Angular Universal - Partage de bonnes pratiques et de retours d'expérience sur la conception d'applications Angular ***Mises en pratique :*** - *Création du menu* - *Séparation du listing des produits et création de produit dans différentes pages* - *Création de la page d'administration des produits avec une gestion des droits d'accès* - *Développement de tests unitaires sur des règles métier de l'application*

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique