Angular

PUBLIC:
Toute personne désireuse de comprendre la manière de programmer les interfaces utilisateurs web en langage JavaScript/TypeScript avec Angular

OBJECTIFS :
donner aux stagiaires les connaissances nécessaires au développement d’interfaces utilisateurs avec le framework JavaScript Angular. A
l’issue de ce cours les stagiaires doivent être capables de développer des interfaces web à hautes valeurs ajoutées basées sur le modèle MVC du framework Angular

PROGRAMME:
1. Présentation du framework Angular
- Présentation du modele 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 composant

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 RxJS

7. Les filtres
- Intérêt des filtres
-. Les filtres standards
- Définition des filtres personnalisés

8. Déploiement et configurations
- Fichier de configuration TypeScript
- Fichier de configuration node
- Commandes ng pour le déploiement

9. Le Routing via un module dédié avec Angular
- Intérêt du routing
- L'élément <router-outlet />
- L'attribut routerLink
- Configuration des composants pour la navigation

10. Conclusion et perspectives

REMARQUE:
Ce cours est compatible avec les versions 4.x, 5.x et supérieures du framework.

TARIF :
Ce programme est indicatif, il est personnalisable en fonction du niveau et des attentes des stagiaires.
Prix indicatif par jour et par stagiaire au sein d'une formation inter-entreprise: 850 €TTC. Tarif de groupe possible. Nous consulter pour une demande devis

Document mis à jour le 07/11/2023