Objectifs
-
Découvrir la dernière version du Framework Angular
-
Développer et tester complètement une application
-
Appliquer les bonnes pratiques de développement.
A qui s'adresse cette formation
Public :
Développeurs et Chefs de projets.
Prérequis :
Connaître des langages Web comme HTML, CSS et JavaScript.
Contenu du cours
Présentation du Framework
-
La nouvelle version d'Angular
-
Les nouveautés de TypeScript 3.8
-
Le nouveau moteur d'Angular : Ivy
-
Compilation AOT vs JIT
Architecture d'une application Angular
-
Organiser son code avec les modules
-
Les components et les templates
-
Connecter components et templates avec le Data Binding
-
Le rôle des directives
-
Les services
-
Notion d'injection de dépendance
Une première application Angular
-
La structure d'un projet Angular
-
Les modules et composants
-
Démarrer "from scratch" avec Angular CLI
-
Utilisation d'Angular CLI
-
Création de projet
-
Création de modules, components et services
Les templates
-
Utiliser l'interpolation
-
Property et event bindings
-
Utiliser des variables locales
-
Utilisation des pipes
Les formulaires
-
Création de formulaires avec le FormsModule
-
Création de formulaires avec le FormBuilder
-
Validation et gestion des erreurs
La bibliothèque RxJS (Reactive extensions for JavaScript)
-
La programmation réactive
-
Observable et Observer
-
Utilisation des opérateurs
-
Communication entre components avec les Subjects
Travail avec HTTP
-
Le service HTTP
-
Utilisation de RxJS
-
Récupérer des données
-
Rappel sur les Promises
-
Utiliser les Observables
Le routage
-
Les différentes versions du module de routage
-
Fonctionnement du routage
-
Configurer des routes et utiliser les directives
Les PWA (Progressives Web App)
-
Présentation des Progressives Web App
-
Notion de Service Worker
-
Implémentation d'une PWA avec Angular
Découverte de NgRx
-
Présentation de Redux
-
Store, state et actions
-
Mise en place de NgRx
-
Gestion des requêtes HTTP avec les side effects
Les tests et les bonnes pratiques
-
Les tests unitaires et fonctionnels
-
Présentation de Jasmine et Karma
-
Présentation de Protractor
-
Présentation de Cypress
-
John Papa et le coding style guide