Angular - Initiation

L’objectif de ce cours est de donner aux stagiaires les connaissances nécessaires au développement d’interfaces utilisateurs avec le Framework JavaScript/ TypeScript Angular. A l’issue de ce cours les stagiaires seront capables de développer des interfaces web à hautes valeurs ajoutées basées sur le modèle MVC du Framework Angular. Ce cours est compatible avec les versions 4.x, 5.x, 6.x et supérieures du Framework.


Plan de cours

  1. PRESENTATION DU FRAMEWORK ANGULAR
    • Présentation du modèle MVC
    • Intérêt d'utiliser le Framework Angular.
    • Philosophie du Framework Angular.
    • Installation du Framework et de l'environnement Angular.
    • Exemple d'application simple
  2. LES DIRECTIVES DE BASES DU FRAMEWORK ANGULARJS
    • La directive ngIf
    • La directive ngSwitch, ngSwitchWhen, ngSwitchDefault
    • La directive ngFor
    • La directive ngClass
    • La directive ngStyle
  3. LES COMPOSANTS
    • Intérêt des composants dans le modèle MVC
    • Définition des composants
    • La commande ng pour la définition des composants
    • Les principales propriétés du décorateur @Component
    • Vue liée au composant
    • Le data-binding unidirectionnel
    • Associations entre composants
    • Passage de données via le décorateur @Input
    • Gestion de l'interaction avec l'utilisateur
  4. LES FORMULAIRES
    • Définitions et utilisation
    • La directive ngModel et le data-binding bidirectionnel
    • Validation des formulaires et gestion des erreurs
    • Utilisation des données du formulaire dans un composant5
  5. LES SERVICES
    • Intérêt des services
    • Définition des services
    • Utilisation depuis un composant
    • Injection des dépendances dans Angular
  6. COMMUNICATION AVEC LE SERVEUR VIA AJAX
    • Notions de promesses avec Angular.
    • Traitement des Requêtes GET
    • Traitement des Requêtes POST
    • Gestion des erreurs lors de requêtes AJAX
    • Les observables
    • Méthodes de la bibliothèques RxJS7. Les filtres
  7. LES FILTRES
    • Intérêt des filtres
    • Les filtres standards
    • Définition des filtres personnalisés
  8. DEPLOIEMENT ET CONFIGURATIONS
    • Fichier de configuration TypeScript
    • Fichier de configuration node
    • Commandes ng pour le déploiement
  9. LE ROUTING VIA UN MODULE DEDIE AVEC ANGULAR
    • Intérêt du routing
    • L'élément router-outlet
    • L'attribut routerLink
    • Configuration des composants pour la navigation

Code formation & Durée

ANG200 - 05 jours

Public

Débutants ou expérimentés. Ce cours s’adresse à toute personne désireuse de comprendre la manière de programmer les interfaces utilisateurs web en langage JavaScript / TypeScript avec Angular.

Pré-requis

Des connaissances en langages JavaScript, TypeScript et HTML sont nécessaires.

Modalité pédagogique

Apport théorique et mise en pratique.

Téléchargement