Angular initiation

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éaton 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

Interpollation, 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 de suivi ou de présence

Type de formation

Non certifiante

Sortie

Sans niveau spécifique