Passer au contenu principal
Accéder à l'ensemble des vidéos de ce cours en illimité à partir de 99€HT/an.
Retour aux cours

Cours Angular Initiation (version 21 et antérieures)

Découvrez Angular, le framework de Google pour construire des applications web monopages, dans sa version 21 et les versions antérieures. Le cours commence par les bases de JavaScript moderne indispensables : tableaux, map, filter, classes, getters et setters, champs privés, spread, références et déstructuration.

Vous créerez ensuite un projet avec Angular CLI, découvrirez TypeScript (types, interfaces, unions et enums), le routage avec RouterOutlet et RouterLink, la communication entre composants avec @Input, puis les templates : @if, @for, liaisons de propriété et d’événement, et formulaires avec ngModel.

JavaScript moderne : tableaux et chaînes

lire un tableau et structurer des objets

Lire un tableau et structurer des objets

Facile 00:02:33
transformer un tableau avec map

Transformer un tableau avec map

Facile 00:07:01
calculer des carrés avec map et maîtriser return

Calculer des carrés avec map et maîtriser return

Facile 00:04:02
sélectionner des éléments avec filter

Sélectionner des éléments avec filter

Facile 00:06:23
filtrer les nombres pairs avec le modulo

Filtrer les nombres pairs avec le modulo

Facile 00:03:03
créer une recherche avec filter et includes

Créer une recherche avec filter et includes

Facile 00:06:16
interpoler des valeurs avec les template literals

Interpoler des valeurs avec les template literals

Facile 00:03:53

Classes et encapsulation

créer une classe et initialiser ses objets

Créer une classe et initialiser ses objets

Facile 00:08:28
manipuler les propriétés d’une instance

Manipuler les propriétés d’une instance

Facile 00:06:06
ajouter une méthode à une classe

Ajouter une méthode à une classe

Facile 00:02:53
exposer une valeur calculée avec un getter

Exposer une valeur calculée avec un getter

Facile 00:03:43
comprendre l’ajout dynamique de propriétés

Comprendre l’ajout dynamique de propriétés

Facile 00:04:56
intercepter une affectation avec un setter

Intercepter une affectation avec un setter

Facile 00:05:56
protéger un champ avec la syntaxe privée #

Protéger un champ avec la syntaxe privée #

Facile 00:04:21
associer champ privé, getter et setter

Associer champ privé, getter et setter

Facile 00:03:33
valider les valeurs dans un setter

Valider les valeurs dans un setter

Facile 00:07:11

Spread, références et déstructuration

copier et combiner des tableaux avec spread

Copier et combiner des tableaux avec spread

Facile 00:07:32
accepter plusieurs arguments avec un paramètre rest

Accepter plusieurs arguments avec un paramètre rest

Facile 00:06:23
copier et enrichir un objet avec spread

Copier et enrichir un objet avec spread

Facile 00:04:41
distinguer une référence partagée et une copie

Distinguer une référence partagée et une copie

Facile 00:03:58
visualiser le partage d’un objet en mémoire

Visualiser le partage d’un objet en mémoire

Facile 00:07:16
créer une copie superficielle avec object.assign

Créer une copie superficielle avec Object.assign

Facile 00:02:15
déstructurer un tableau

Déstructurer un tableau

Facile 00:03:19
sauter des éléments lors d’une déstructuration

Sauter des éléments lors d’une déstructuration

Facile 00:03:48
retourner plusieurs résultats et les déstructurer

Retourner plusieurs résultats et les déstructurer

Facile 00:04:39
retourner des fonctions pour différer un calcul

Retourner des fonctions pour différer un calcul

Facile 00:02:17

Démarrer un projet Angular

comprendre les composants et le rôle d’angular cli

Comprendre les composants et le rôle d’Angular CLI

Moyen 00:07:28
préparer la cli et créer un projet angular

Préparer la CLI et créer un projet Angular

Moyen 00:04:46
ouvrir et lancer l’application angular

Ouvrir et lancer l’application Angular

Moyen 00:05:21
lire les dépendances de package.json

Lire les dépendances de package.json

Moyen 00:02:45
afficher les propriétés d’un objet dans un template

Afficher les propriétés d’un objet dans un template

Moyen 00:03:53

Bases de TypeScript

typer les variables, tableaux et retours de fonctions

Typer les variables, tableaux et retours de fonctions

Moyen 00:06:43
décrire un objet avec une interface

Décrire un objet avec une interface

Moyen 00:08:18
utiliser une classe comme modèle typescript

Utiliser une classe comme modèle TypeScript

Moyen 00:05:17
restreindre les valeurs avec une union et une enum

Restreindre les valeurs avec une union et une enum

Moyen 00:05:25

Routage et composants

créer des routes vers des composants

Créer des routes vers des composants

Moyen 00:05:53
afficher la route active avec routeroutlet

Afficher la route active avec RouterOutlet

Moyen 00:08:14
naviguer sans rechargement avec routerlink

Naviguer sans rechargement avec RouterLink

Moyen 00:07:32
insérer un composant enfant dans un parent

Insérer un composant enfant dans un parent

Moyen 00:06:08
concevoir un composant réutilisable avec des entrées

Concevoir un composant réutilisable avec des entrées

Moyen 00:05:26
transmettre un objet avec @input et une liaison de propriété

Transmettre un objet avec @Input et une liaison de propriété

Moyen 00:08:09
déclarer une entrée obligatoire et son initialisation

Déclarer une entrée obligatoire et son initialisation

Moyen 00:04:13

TypeScript au service d’Angular

comprendre la compilation d’un projet angular

Comprendre la compilation d’un projet Angular

Moyen 00:07:04
choisir une interface ou une classe de modèle

Choisir une interface ou une classe de modèle

Moyen 00:06:22
lire le rôle d’un décorateur angular

Lire le rôle d’un décorateur Angular

Moyen 00:03:17
implémenter le contrat d’une interface dans une classe

Implémenter le contrat d’une interface dans une classe

Moyen 00:04:44
afficher un bloc avec @if et @else

Afficher un bloc avec @if et @else

Moyen 00:04:13
déclarer une propriété facultative avec ?

Déclarer une propriété facultative avec ?

Moyen 00:04:50
partager une interface depuis un fichier séparé

Partager une interface depuis un fichier séparé

Moyen 00:03:46

Templates : boucles, liaisons et formulaires

afficher une liste avec @for et track

Afficher une liste avec @for et track

Moyen 00:05:35
reconnaître l’ancienne syntaxe *ngfor

Reconnaître l’ancienne syntaxe *ngFor

Moyen 00:05:49
récupérer $index et choisir un suivi adapté

Récupérer $index et choisir un suivi adapté

Moyen 00:06:51
lier la source d’une image à une propriété

Lier la source d’une image à une propriété

Moyen 00:06:33
activer un bouton avec les liaisons de propriété et d’événement

Activer un bouton avec les liaisons de propriété et d’événement

Moyen 00:08:09
construire un compteur avec trois actions

Construire un compteur avec trois actions

Moyen 00:07:53
synchroniser un champ avec ngmodel

Synchroniser un champ avec ngModel

Moyen 00:07:31
réagir aux changements avec ngmodelchange

Réagir aux changements avec ngModelChange

Moyen 00:06:15
afficher ou masquer un bloc avec une case à cocher

Afficher ou masquer un bloc avec une case à cocher

Moyen 00:05:46