Formation Angular - eLearning

- Aperçu du cours

- Introduction aux applications monopages (SPA)

- À quoi sert Angular

- Configuration de l'environnement de développement

- Architecture d'application Angular

- Première application Angular

- Introduction du module et introduction à TypeScript

- Configuration de l'environnement pour écrire en TypeScript

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

- Types - Primitifs

- Types - Référence et types spéciaux

- Opérateurs - Spread et Backticks

- Opérateurs - Déstructuration et Reste

- Cours

- Interface

- Fonctions fléchées

- Modules

- Chercher

- Asynchrone ou await

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

- Qu'est-ce que les décorateurs

- Modules Angular et le décorateur @NgModule

- Déclarations

- Importations et Exportations

- Fournisseurs, amorçage et composants d'entrée

- Mécanisme de démarrage d'application Angular

- Introduction du module

- Composants Angular et le décorateur @Component

- Création d'un composant Angular en utilisant l'Angular CLI et sur StackBlitz

- Métadonnées du Décorateur de Composant

- Encapsulation de Vue - Emulée, ShadowDom, Aucune

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

- Liaison de propriété

- Liaison d'événement

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

- Liaison de données bidirectionnelle

- Liaison d'attribut

- Liaison de classe

- Liaison de classe

- Introduction aux hooks de cycle de vie dans Angular

- Utilisation des hooks de cycle de vie dans Angular

- Afficher les requêtes - Afficher l'enfant, Afficher les enfants, Contenu de l'enfant, Contenu des enfants

- Modifier 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éparation pour le routage enfant

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

- Implémentation des routes enfants

- Correspondance de chemin et types de route

- Introduction aux gardiens de route dans Angular

- Guards CanActivate et CanActivateChild dans Angular

- Guard CanDeactivate dans Angular

- Préchargement des données pour un composant à l'aide de Resolve

- Introduction à la section

- DI en tant que motif, DI en tant que cadre et types de fournisseurs

- Injection de dépendances hiérarchique

- Introduction aux services dans Angular

- Récupérer des données depuis une API Rest en utilisant HttpClient

- Opérations CRUD en utilisant HttpClient, HttpParams et HttpHeaders

- Observables et Opérateurs dans Observables - Map, Retry, Catch

- Sujet de comportement et partage de données en utilisant des sujets de comportement

- Introduction à la section

- Introduction aux directives

- Directives structurelles intégrées

- Directives d'attribut intégrées

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

- Création de directives structurelles personnalisées

- Introduction aux pipes dans Angular

- Utilisation des pipes intégrés

- Création de Pipes personnalisés dans Angular

- Pipes purs et impurs dans Angular

- Les décorateurs revisités

- Création de décorateurs personnalisés dans Angular

- Création d'un décorateur de journalisation de classe de crochet de cycle de vie personnalisé

- Création d'un décorateur de propriété personnalisé dans Angular

- Introduction à la section

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

- Création rapide de longs formulaires Bootstrap avec VS Code en utilisant Emmet

- Ajout de FormControl(s) à un formulaire piloté par modèle en utilisant la directive ngModel

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

- Désactivation du bouton d'envoi sur un formulaire en utilisant le drapeau $invalid du formulaire

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

- Ajout de cases à cocher, de boutons radio et de listes déroulantes à votre formulaire piloté par modèle

- Création de sous-sections dans le formulaire à l'aide de la directive NgModelGroup

- Étapes 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éation d'un formulaire réactif dans la classe TypeScript et connexion à son modèle

- Ajout de validations de formulaire à un formulaire réactif

- Ajout ou suppression dynamique de FormControl(s) ou FormGroup(s) à l'aide de FormArray(s)

- Ajout de validations personnalisées synchrones à votre formulaire réactif

- Ajout de validations personnalisées asynchrones à votre formulaire réactif

- Réinitialisation de la valeur d'un formulaire

- Introduction à la section

- Création d'un projet Angular CLI avec SCSS comme style de base

- Intégration de Material Design Bootstrap dans votre projet Angular CLI

- Ajout d'une barre de navigation dans votre en-tête

- Ajout de boutons Material Design

- Ajout de cartes

- Utilisation des menus déroulants et des champs de formulaire de Material Design

- Introduction de Angular Material dans votre projet Angular CLI en complément de MDB

- Ajout de boutons radio, de bascules coulissantes, de curseurs, de barres de progression et de spinners

- Introduction à Firebase

- Création d'une application en utilisant la console Firebase

- Configurer votre projet Angular CLI pour supporter Firebase

- Interaction avec la base de données Firebase en temps réel en utilisant les méthodes sur AngularFireList

- Ajout et lecture de données depuis la base de données en temps réel dans Firebase

- Mise à jour et suppression de données dans la base de données en temps réel de Firebase