Angular

Objectifs

Maîtriser les concepts du framework Angular - Utiliser Angular pour développer des applications web performantes

Programme de la formation

Introduction
Développement d'applications riches
Panorama des frameworks disponibles
Présentation de l'environnement de développement NodeJS
Atelier : Installation et mise en route d'un projet Angular
ES2015
Lien entre Angular et ES2015/TS
Classes, fondamentaux: constructeur, méthode et gestion de contexte
Classes, avancés: héritage, méthodes statiques
Opérateurs set et get
Littéraux de Gabarits
Fonctions fléchées
Variables de bloc
Typescript
Déclaration de type
Interface et formes
Décorateurs
Première application
Dépendances d'Angular
Déclarer un composant
Ajouter un gabarit
Lancer l'application avec un serveur NodeJS
Re-compiler automatiquement à chaque modification: le veilleur
Ajouter des données, créer ses classes de modèle
Lier une donnée au gabarit, expressions et opérateur «moustache»
Gérer des collections, directive *ngFor
Atelier : Création d'une première application
Formulaire
Liaison des événements d'entrée
L'objet $event
Variable de référence de gabarit
Création de formulaire avec la syntaxe de gabarit
Liaison de données à double sens
Suivre et valider les saisies utilisateur avec ngControl
Soumettre le formulaire avec ngSubmit
Atelier : Gestion des entrées utilisateurs
Injection de dépendances
Principes de DI
Configurer l'injecteur
Enregistrer des fournisseurs dans un composant
Création de l'injecteur
Différents types de fournisseurs: classe, valeur, fabrique...
Atelier : Architecturer notre application sous forme d'une organisation de services
La Syntaxe de gabarit end détail
Interpolation, expression et instruction
Syntaxe de liaison: sens unique, double sens, cibles de liaison
Directives natives: NgClass, NgStyle, NgIf, NgSwitch, NgFor
Propriétés d'entrée et de sortie
Opérateurs d'expression de gabarit «|» et «?.»
Le client HTTP
Principe de communication asynchrone
Récupérer des données avec http.get
Observable RxJS
Prise en charge du transport JSON
Gestion des erreurs
Envoi de données au serveur
Fonctionnement des promesses
Sources externes: CORS
Atelier : Mettre en place un client d'API ReST
Routage
Routage côté client, hashtag et HTML5
Configuration des routes sur un composant
Récupérer des paramètres de routes
Stratégie de routes
Routes imbriquées
Atelier : Mettre en place une application multi-vues
Tester l'application
Fondamentaux des tests avec Jasmine
Automatisation des tests avec Karma
Tester des composants simples
Tester des composants avec services asynchrones
Tester des formulaires
Atelier : Multiples exemples de tests

Validation et sanction

Attestation d'acquis ou de compétences;Attestation de suivi de présence

Type de formation

Non certifiante

Sortie

Sans niveau spécifique