1 - Concepts de base du JavaScript
- Principes et fonctionnements
- Variables et types de données
- Opérateurs
- Instructions
- Structures de contrôles (conditions, boucles…)
- Définition et utilisation de fonctions
- Objets prédéfinis (document, window …)
- Contrôle de saisies et traitement de formulaires
- Gestion des fenêtres (ouverture, fermeture, communication)
- Boîtes de dialogue
- Atelier : apprendre à valider un formulaire
2 - ANGULAR 6 - 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
3 - 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
4 - Typescript
- Déclaration de type
- Interface et formes
- Décorateurs
5 - 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
6 - 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
7 - 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
8 - 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 «?.»
9 - 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
10 - 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
11 - 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