Développer des applications web avec Angular

Objectifs pédagogiques

• Mettre en place des architectures solides. (NgRx, RxJs, … )
• Développer une application Angular
• Maîtriser le TypeScript
• Créer des composants et gérer la communication entre composants
• Réaliser des appels réseaux
• Créer des formulaires et les mécanismes de validations
• Mettre en place le router et naviguer entre les pages

‍

Programme détaillé

‍

Introduction générale

• Présentation d'Angular 
• Typescript : présentation du langage
• Angular CLI : créer votre première application Angular 
• Gestion des dépendances via NPM

Objectif opérationnel : Avoir une vision globale sur l’écosystème Angular/Front

Moyen d’évaluation : QCM

‍

Notions de base

• Présentation du Module Angular 
• Les Composantes Angular
• Databinding ”
• Templating Angular 
• Mise en pratique : Manipulations des syntaxes TypeScript, créations d’objets représentant un modèle de données

Objectif opérationnel : Se familiariser avec les composantes principales d’une application Angular

Moyen d’évaluation : QCM

‍

Components et Databinding

• Property et Event binding 
• Cycle de vie d’un Component en action 
• Utiliser @ViewChild pour avoir accès à la template
• Mise en pratique : Créer des composantes et expérimenter le blinding

Objectif opérationnel : Créer des composantes et expérimenter le binding Angular

Moyen d’évaluation : QCM

‍

Programmation réactive

• Concepts de base 
• RxJs et Angular
• Manipulation des Observables 
• Mise en pratique

Objectif opérationnel : Découvrir les concepts de la programmation réactive et mettre en pratique avec RxJs

Moyen d’évaluation : QCM

‍

Services et injection de dépendances

• Introduction aux services Angular 
• Création de service 
• Les scopes d’injection de services
• Injection de service dans des composantes 
• Mise en pratique

Objectif opérationnel : Savoir créer des services et comprendre l’injection de dépendances Angular

Moyen d’évaluation : QCM

‍

Gestion des requêtes HTTP

• Utilisation de HttpClientModule 
• Utilisation des intercepteurs
• Mise en pratique : Workflow d'authentification

Objectif opérationnel : Pouvoir manipuler les requêtes HTTP via les services Angular

Moyen d’évaluation : QCM

‍

State management via NgRx

• Concepts de base
• Action, Effect, State et Reducer
• Mise en place de NgRx

‍

Objectif opérationnel : Mettre en place le pattern Redux pour une app Angular

Moyen d’évaluation : QCM

‍

Navigation dans l’application via Angular Router

• Concepts de base
• Routes et routes hiérarchiques
• Utilisation des Guards
• Mise en pratique : protection des routes authentifiées

Objectif opérationnel : Mettre en place le pattern Redux pour une app Angular

Moyen d’évaluation : QCM

‍

Gestion des formulaires

• Concepts de base
• Création/Validation de formulaires
• Mise en pratique

Objectif opérationnel : Pouvoir créer et valider des formulaires sous Angular

Moyen d’évaluation : QCM

‍

Mettre en place une stratégie de tests unitaires

• Concepts de base
• Utilisation de Karma/Jasmin pour les tests 
• Mise en pratique : Tester les TPs précédents

Objectif opérationnel : Maîtriser les Tests Unitaires

Moyen d’évaluation : QCM

‍

• THÉORIE : 30%
• PRATIQUE : 70%
• LIEUX : CENTRE DE NANTES, CLASSE A DISTANCE, DANS VOS LOCAUX

‍