M2I FORMATION : 05. Angular - Développement d'applications web

Jour 1 - Matin

§ Architecture, installation et premier test

Architecture typique d'une application Angular

Installation minimale d'Angular

Test d'un code simple

§ TypeScript

TypeScript : le JavaScript typé

Les types, classes et modules

L'asynchrone et les promesses

§ Rôle majeur des composants

Définition d'un composant Angular

Décorateurs

Les vues

Le modèle

§ Exemples de travaux pratiques (à titre indicatif)

Création d'une application et analyse du code généré

Jour 1 - Après-midi

§ Une première application Angular

Démarrer "from scratch" avec Angular CLI

Création d'un premier projet

Exemples de travaux pratiques (à titre indicatif)

Avec Angular CLI, création d'une application et modiication des composants

§ Les templates

Utiliser l'interpolation

Property et event bindings

Utiliser des variables locales

Utilisation des pipes

Nouvelle syntaxe @if, @for, @switch plus intuitive

§ Les services

Fournir des fonctionnalités transversales avec les services

Création de services

Injection de services (par constructeur, par la fonction inject())

§ Exemple de travaux pratiques (à titre indicatif)

Travaux d'interpolation sur diverses zones d'affichage en relation avec les données métier alimentées via des services

Jour 2 - Matin

§ Les formulaires

Création de formulaires avec :

 -  Le FormsModule

 -  Le FormBuilder

Validation et gestion des erreurs

Nouvelle API pour créer des formulaires fortement typés

Les types FormGroup et FormRecord

Exemples de travaux pratiques (à titre indicatif)

Ajout de formulaires d'affichage et de saisie en utilisant FormsModule et FormBuilder

Jour 2 - Après-midi

§ Rôle de RxJS (Reactive extensions for JavaScript)

Présentation des flux de données asynchrones

Propagation des changements avec RxJS

§ Travail avec HTTP

Le service HTTP

Communication avec une API en asynchrone

Exemples de travaux pratiques (à titre indicatif)

Appel asynchrone à des API externes, intégration à un service Angular

Jour 3 - Matin

§ Le routage

Les différentes versions du module de routage

Fonctionnement du routage

Configurer des routes et utiliser les directives

Exemple de travaux pratiques (à titre indicatif)

Ajout des tables de routage dans l'application Angular

§ Les "standalone components"

Présentation du concept des composants autonomes

Notion de SCAM (Single Angular Component Module)

Les avantages de l'utilisation de composants autonomes

Présentation des meilleures pratiques pour créer et utiliser des composants autonomes

Exemple de travaux pratiques (à titre indicatif)

Développement d'une application exploitant les "standalone components"

Jour 3 - Après-midi

§ Les signaux

Introduction

Qu'est-ce qu'un signal ?

L'importance des signaux

Comparaison avec les Observables

Syntaxe de base

Exemple de travaux pratiques (à titre indicatif)

Développement d'une application exploitant les signaux

§ Les tests

Présentation de Jasmine et Karma

Tester des composants

Tester des services

Les tests fonctionnels "end-to-end" avec Cypress, Playwright

Exemple de travaux pratiques (à titre indicatif)

Implémentation de tests unitaires et fonctionnels

Examen M2i (en option)

Prévoir l'achat de l'examen en supplément

L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne

Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence

L'examen n'est pas éligible au CPF, mais permettra néanmoins de valider vos acquis