Cours de programmation angulaire 10.1

Description du cours

Tout au long de ce cours, nous découvrirons les fonctionnalités du framework Angular. Nous commencerons par un aperçu rapide de la façon dont Javascript affecte le DOM (c'est-à-dire le « squelette » de la page Web), en modifiant les éléments HTML et le style CSS. Après cet examen de base, nous aborderons les premières étapes d'utilisation d'Angular, puis approfondirons cet outil intéressant.

Le logiciel requis pour ce cours est le suivant :

• Serveur web HTTP (Dans ce cas nous utiliserons un serveur Node.js)
• IDE ou éditeur de texte avancé. Texte sublime recommandé 3.
• Package Control pour ST3, avec lequel nous installerons le plugin AngularJS 1.0 pour nous aider à créer du code.
• Framework Angular.js, version 1.5 ou supérieure de préférence.

Contenu du cours

Introduction au cours

• Installation de tous les programmes et paramètres nécessaires.

• Préparer l'environnement de travail

Unité 1 : Introduction

• Qu’est-ce qu’Angulaire ?
• Concepts généraux : modules, composants, services et directives.
• Exigences angulaires et installation
• Parties du projet et configuration
• Servir notre application sur le réseau local (et sur un serveur)

Unité 2 : Création de composants et mise en page

• Création de notre premier composant
• Mise en page en Angular : ngFor, ngIf, liaison de propriétés, gestion des événements...
• Fonctionnement et cycle de vie
• Utilisation des composants et communication entre eux avec @Input et @Output
• Accéder au DOM avec @ViewChild
• Détection des changements

Unité 3 : Modules, routage et lazyloading

• Structure d'un module angulaire

• Routage

• Gestion des routes depuis le contrôleur

• Gestion des itinéraires au niveau du modèle HTML

• Collecte des paramètres d'itinéraire

• Quelques considérations de routage

Unité 4 : Services et injection de dépendances

• Créer et utiliser notre premier service

Unité 5 : Directives et tuyaux

• Qu'est-ce qu'une directive ?

• Propriétés et caractéristiques des directives

• Qu'est-ce qu'un tuyau ?

• Création de notre premier Pipe

Unité 6 : Formulaires et communication avec les API

• Gérer la valeur des entrées avec ngModel

• Utiliser la classe HTTP pour communiquer avec les API

• Formes réactives

• Validation du formulaire

Pratique guidée : Durant le cours un projet est réalisé avec la version Angular 10.1