Le programme de la formation

Rappels
⦁ Rappels sur l’écosystème JavaScript
⦁ Rappels sur TypeScript
⦁ Pourquoi des applications Single Page Application ?
⦁ Introduction sur les frameworks et bibliothèques JavaScript

Introduction à Angular
⦁ Présentation d’Angular
⦁ Les grands principes d’Angular
⦁ Installation du poste de développement
⦁ Utilisation de la ligne de commande Angular @angular/cli
⦁ Création d’un premier projet Angular
⦁ Démonstration – Lancer le serveur de développement et visualiser le résultat sur un navigateur
⦁ Anatomie d’un projet Angular

Les composants
⦁ Objectifs du module
⦁ Rappels sur le pattern MVC
⦁ Comprendre les architectures orientées composants
⦁ Anatomie d’un composant
⦁ Démonstration – Créer un composant manuellement
⦁ Démonstration – Créer un composant avec la CLI
⦁ Le cycle de vie des composants

L’affichage dynamique
⦁ Découvrir le Data Binding
⦁ Démonstration – Saisie et affichage dynamique du nom d’utilisateur
⦁ Utiliser les directives d’Angular
⦁ Démonstration – Affichage conditionnel d’un bloc de texte
⦁ Démonstration – Ajouter et supprimer des utilisateurs dynamiquement
⦁ Formater les données avec les pipes
⦁ Démonstration – Normaliser l’affichage des noms d’utilisateur dans la liste

Les services
⦁ Rôle et responsabilité des services dans MVC
⦁ Les services dans Angular
⦁ Injection de dépendances
⦁ Cycle de vie des services
⦁ Démonstration – Création d’un service Angular manuellement
⦁ Démonstration – Création d’un service Angular avec la commande ng generate

Les routes
⦁ Comprendre le routing et la navigation
⦁ Créer des routes simples
⦁ Créer des routes avec des paramètres
⦁ Protéger ses routes avec les Guards

Les formulaires
⦁ Rappel sur les formulaires HTML
⦁ Démonstration – Création de formulaires basiques
⦁ Présentation du module FormsModule
⦁ La validation de données avec les FormsModule
⦁ Démonstration – Transformation du formulaire avec FormsModule
⦁ Démonstration – Création d’un validateur personnalisé

Programmation asynchrone
⦁ JavaScript et les limites du multithreading
⦁ Les callbacks
⦁ Les promesses
⦁ Les async/await
⦁ Comparaison des méthodes de gestion de l’asynchronisme
⦁ Démonstration – Coder du morse avec des callbacks, des promesses et des async/await

Travailler avec une API REST
⦁ Rappels sur le protocole HTTP
⦁ Différences entre REST et SOAP
⦁ Démonstration – Où trouver des API REST publiques ?
⦁ Le module HttpClient
⦁ Les Observables
⦁ Gestion des états et des erreurs
⦁ Démonstration – Afficher une citation aléatoire grâce à QuotesAPI

RxJS
⦁ Présentation de RxJS
⦁ Pourquoi utiliser RxJS dans un projet Angular ?
⦁ Utilisation des Observables
⦁ Démonstration – Mise en place d’un Observable
⦁ Les opérateurs RxJS
⦁ Démonstration – Utilisation des opérateurs

Les bonnes pratiques
⦁ Utiliser des classes pour cadrer l’utilisation des modèles
⦁ Les modules
⦁ Communication entre les composants
⦁ Conventions de nommage et règles de codage avec ESLint
⦁ Optimisation du temps de chargement avec le lazy loading
⦁ Travailler le visuel simplement avec PureCSS