Angular

Premiers pas avec Angular

• Installation d’Angular
• Découverte d’un composant
• Démarrage d’une application
• Présentation des modules
• Ateliers:  Création d’un composant / Démarrage de l’application

Databinding

• Découverte du mécanisme de databinding d’Angular : variables, propriétés, événements
• Ateliers:  Création de binding de variables et propriétés / Création d’un événement

Observables

• Choix d’Angular de partir sur RxJS
• Principes de bases d’un observable
• Présentation de quelques opérateurs
• Ateliers: Manipulation basique d’observables

Les composants

• Analyse des attributs d’un composant
• Présentation des directives
• Présentation des annotations
• Présentation des classes
• Présentation de la communication entre composants
• Présentation du cycle de vie d’un composant
• Ateliers:  Création d’un composant et d’un sous composant pour tester l’imbrication et la communication / Gestion d’événements sur un composant

Communication serveur

• Présentation du module http
• Manipulation d’observables
• Ateliers:  Gestion d’un appel serveur / Manipulation d’observables

Routage

• Mise en place du routeur
• Configuration du routeur
• Ateliers: Mise en place d’un mécanisme de navigation

Services

• Découverte des services Angular
• Présentation de l’injection de dépendance
• Ateliers: Création d’un service

Formulaires & validation

• Présentation des différents éléments de formulaires
• Formulaire Template-driven
• Formulaire Model-driven
• Manipulation de validateurs
• Ateliers:  Création de formulaire Template driven, model driven / Création d’un validator

Pipes

• Présentation des pipes
• Comment créer ses propres pipes
• Ateliers:  Utilisation de pipes Angular / Création d’un pipe customisé

Utilisation avancée des directives

• Retour sur les directives
• Comment créer sa directive
• Ateliers:Création d’une directive

Communication avancée

• Présentation du pattern Flux
• Présentation d’outils NgRX et NgXs
• Ateliers: Manipulation de NgRX ou de NgXs

Module: Déploiement

• Présentation du déploiement d’applications Angular
• Jit, AoT
• Introduction aux schématics
• Ateliers: Génération d’un application Angular

Tester une application

• Présentation des tests sous Angular
• Karma & Jasmine
• Test asynchrones
• Mécanisme de Mock
• Ateliers: Réalisation de tests unitaires d’un service, d’un composant et d’une directive

Concepts avancés

• Angular et le Lazyloading
• Utilisation de guard
• Présentation des zones et de la stratégie OnPush
• Routing avancé
• Ateliers: Décomposition de l’application en module à lazyloader / Utilisation d’un routing évolué