Création d’applications web avec angular

Présentation d'Angular

Vue d'ensemble de l'architecture

• Simplifier le développement des applications modernes complexes
• Structure des applications Angular
• Gérer plusieurs appareils clients
• Configurer un environnement de développement Angular
• Intégrer le composant Boostrap à votre première application Angular

Familiarisation avec TypeScript

• Convertir TypeScript en JavaScript
• Développer une application avec TypeScript

Développement des composants de l'interface utilisateur

Définition des composants

• Structure d’un composant
• Présentation de la hiérarchie des composants
• Déclarer des métadonnées avec le décorateur @Component
• Contrôler la génération de code HTML5 avec les modèles
• Afficher les données répétitives avec *ngFor
• Génération conditionnelle du contenu du DOM

Techniques et stratégies de débogage

• Interpréter les messages d’erreur du framework
• Parcourir la hiérarchie des composants avec Augury

Réduction de la complexité du code avec l'injection de dépendances

• Principes de l’injection de dépendances
• Développer des applications à couplage faible
• Configurer des fournisseurs et déclarer les éléments à injecter
• Valider les dépendances avec les métadonnées du fournisseur

Test des composants et des fonctionnalités d'Angular

Organisation des stratégies de test

• Tests unitaires / Tests d’intégration
• Utiliser des composants Angular factices
• Lancer des tests asynchrones avec les fonctions fléchées ES6

Outils de fournisseurs tiers

• Définir les tests avec Jasmine
• Automatiser les tests avec Karma et la ligne de commande d’Angular
• Définir et lancer un test Protractor

Ajout d'éléments interactifs à vos applications

Coordonner les interactions entre les composants

• Transmettre des données du parent à l’enfant avec les liaisons Input
• Écouter les changements de propriétés avec ngOnChanges
• Lier un modèle pour afficher les données avec l’interpolation

Gestion des événements

• Détecter les interactions avec l’utilisateur et déclencher une action
• Capturer les événements des navigateurs
• Envoyer des événements personnalisés pour déclencher une action

Navigation et transformation des données

Création d’applications modulaires

• Contrôler le flux de l’application avec le routage des composants
• Répartir les fonctionnalités de l’application entre les hiérarchies de composants
• Paramétrer les routes pour la navigation dynamique

Manipulation des données avec les pipes

• Mettre en forme les dates à afficher
• Additionner les pipes pour combiner les fonctionnalités
• Filtrer les données avec des pipes personnalisés

Création de formulaires interactifs

Affichage et récupération des données

• Développer des formulaires avec ngFormModel et FormBuilder
• Créer un formulaire à partir d’un objet métier
• Liaison bidirectionnelle (two-way binding) entre les contrôles des saisies et le modèle de données

Validation des saisies dans le formulaire

• Utiliser HTML5 et la validation personnalisée
• Afficher les messages d'erreurs pour les utilisateurs

Gestion des comportements asynchrones

Réactivité de l’application

• S’abonner à des observateurs
• Convertir les types de données du flux avec la fonction de mappage Observable
• Optimiser la détection des modifications avec les objets immuables et onPush

Interactions avec un service Web REST

• Récupérer les données avec l’objet HTTP
• Envoyer les données de manière asynchrone avec POST
• Appeler différentes méthodes HTTP
• Gérer les erreurs et les exceptions

Gestion des comportements asynchrones

• Ajouter des fonctionnalités au DOM
• Créer une directive personnalisée pour ajouter des styles
• Animer les éléments