Angular Training - eLearning

- Aperçu du cours

- Introduction aux applications à page unique (SPA)

- Pourquoi avons-nous besoin d'Angular ?

- Mise en place de l'environnement de développement

- Architecture des applications Angular

- Première application Angular

- Introduction au module et à TypeScript

- Mise en place de l'environnement pour écrire TypeScript

- Déclarations de variables (var, let et const)

- Types - Primitives

- Types - Types de référence et types spéciaux

- Opérateurs - Étalement et retour à la ligne

- Opérateurs - Destruction et repos

- Les classes

- Interface

- Fonctions de flèche

- Modules

- Récupérer

- Async ou await

- Introduction au module et vue d'ensemble des modules Angular

- Qu'est-ce qu'un décorateur ?

- Les modules angulaires et le décorateur @NgModule

- Déclarations

- Importations et exportations

- Fournisseurs, bootstrap et composants d'entrée

- Mécanisme d'amorçage des applications angulaires

- Introduction au module

- Les composants Angular et le décorateur @Component

- Créer un composant Angular en utilisant le CLI Angular et sur StackBlitz

- Métadonnées du décorateur de composants

- Encapsulation des vues - Emulated, ShadowDom, None

- Liaison de données - Interpolation de chaînes

- Liaison de propriétés

- Liaison d'événements

- Décorateurs de propriétés @Input et @Output

- Liaison de données bidirectionnelle

- Liaison d'attributs

- Liaison de classe

- Liaison de classe

- Introduction aux crochets de cycle de vie dans Angular

- Utilisation des crochets de cycle de vie dans Angular

- Requêtes de vue - enfant de vue, enfant de vue, enfant de contenu, enfant de contenu

- Changer le mécanisme de détection dans Angular. ZoneJS, NgZones

- Introduction au routage

- Implémentation du routage dans une application Angular

- Création d'une liste d'utilisateurs. Préparer le terrain pour le routage enfant

- Abstraction du lien utilisateur dans un composant séparé

- Implémentation des routes enfant

- Correspondance des chemins et types d'itinéraires

- Introduction aux protections de routes dans Angular

- Garde CanActivate et CanActivateChild dans Angular

- Garde CanDeactivate dans Angular

- Prélèvement de données pour un composant à l'aide de Resolve

- Introduction à la section

- L'injection de dépendance en tant que modèle, l'injection de dépendance en tant que cadre et les types de fournisseurs

- Injection de dépendance hiérarchique

- Introduction aux services dans Angular

- Récupérer des données d'une API de repos à l'aide de HttpClient

- Opérations CRUD avec HttpClient, HttpParams et HttpHeaders

- Observables et opérateurs dans les observables - Map, Retry, Catch

- Sujet de comportement et partage de données à l'aide de sujets de comportement

- Introduction à la section

- Introduction aux directives

- Directives structurelles intégrées

- Directives d'attributs intégrées

- Création de directives d'attributs personnalisées

- Création de directives structurelles personnalisée

- Introduction aux Pipes dans Angular

- Utiliser les Pipes intégrés

- Création de Pipes personnalisés dans Angular

- Pipes purs et impurs dans Angular

- Les décorateurs revisités

- Construire des décorateurs personnalisés dans Angular

- Construire un décorateur de cycle de vie personnalisé (Lifecycle Hook Class Logger)

- Construire un décorateur de propriété personnalisé dans Angular

- Introduction à la section

- Types de stratégies de construction de formulaires dans Angular

- Créer des formulaires Bootstrap longs rapidement avec VS Code en utilisant Emmet

- Ajouter des FormControl(s) à un formulaire basé sur un modèle en utilisant la directive ngModel

- Obtenir la représentation de l'objet JavaScript d'un formulaire en utilisant la directive ngForm

- Désactiver le bouton Submit d'un formulaire en utilisant le drapeau $invalid du formulaire

- Obtenir la représentation objet JavaScript d'un formulaire dans la classe TypeScript

- Ajouter des cases à cocher, des boutons radio et des listes de sélection à votre formulaire piloté par modèle

- Créer des sous-sections dans le formulaire en utilisant la directive NgModelGroup

- Etapes pour implémenter un formulaire réactif dans Angular

- Création rapide d'un formulaire Bootstrap pour notre formulaire réactif en utilisant Emmet

- Créer un formulaire réactif dans la classe TypeScript et le connecter au modèle

- Ajouter des validations à un formulaire réactif

- Ajouter ou supprimer dynamiquement des FormControl(s) ou FormGroup(s) en utilisant des FormArray(s)

- Ajouter des validations personnalisées synchrones à votre formulaire réactif

- Ajouter des validations personnalisées asynchrones à votre formulaire réactif

- Réinitialiser la valeur d'un formulaire

- Introduction à la section

- Créer un projet Angular CLI avec SCSS comme style de base

- Introduire Material Design Bootstrap dans votre projet Angular CLI

- Ajouter une barre de navigation dans votre en-tête

- Ajouter des boutons Material Design

- Ajouter des cartes

- Utiliser des listes déroulantes et des entrées de formulaire Material Design

- Introduire Angular Material dans votre projet Angular CLI en haut de la MDB

- Ajouter des boutons radio, une bascule, un curseur, une barre de progression et un spinner

- Introduction à Firebase

- Création d'une application à l'aide de la console Firebase

- Configurer votre projet Angular CLI pour supporter Firebase

- Interagir avec la base de données en temps réel de Firebase en utilisant les méthodes d'AngularFireList

- Ajouter et lire les données d'une base de données en temps réel dans Firebase

- Mise à jour et suppression des données d'une base de données en temps réel dans Firebase