Angular

Section 3 : Angular les services et les web services

• Découvrir les web services avec Angular
• Préparer l’environnement de travail
• Préparer le serveur
• Utiliser les fichiers d’exercice
• Comprendre les services
• Aborder RxJS et sa documentation
• Définir un service dans Angular
• Découvrir les web services
• Créer un service
• Comprendre les injections de dépendances et la globalisation
• Utiliser un service dans le projet
• Assimiler les bonnes pratiques des services
• Utiliser les services HTTP et RxJS
• Appréhender le service http
• Utiliser les observables
• Aborder la notion d’attente et le principe asynchrone
• Vérifier la réponse de retour
• Gérer les différences entre la base de données et l’application
• Comprendre les différents types d’appels
• Utiliser la méthode POST
• Utiliser la méthode PUT
• Programmation réactive
• Appréhender les API REST et SOAP
• Afficher les données avec Renderer
• Travail à faire : Angular les services et les web services
• Quiz : Angular les services et les web services

• Section 4 : Gérer les états d’application avec Redux et NgRx
• Aborder les états d’application
• Définir la notion d’état
• Connaître les limites des solutions sans pattern
• Découvrir Redux
• Découvrir NgRx
• Quiz I : Gérer les états d’application avec Redux et NgRx
• Mettre en place le store NgRx
• Importer et configurer le store
• Installer des outils de débogage
• Appréhender l’architecture du store
• Typer et initialiser l’état
• Aborder et configurer les actions
• Aborder et créer les reducers
• Dispatcher une action et abonner un composant au store
• Utiliser les dev tools
• Travail à faire : Gérer les états d’application avec Redux et NgRx
• Quiz II : Gérer les états d’application avec Redux et NgRx

Section 5 : Mettre en oeuvre un store avancé

• Mettre en oeuvre le store avancé
• Ajouter une payload à l’action
• Modifier un état de type Objet
• Associer reducers et contrainte d’immutabilité
• Modifier l’état via des opérations immutables
• Aborder d’autres contraintes des reducers
• Copier des objets
• Connaître la différence entre shallow copy et deep copy
• Modifier de façon immutable un état avec une profondeur
• Quiz I : Mettre en oeuvre un store avancé
• Employer les effets et les sélecteurs
• Défi – Ajouter une section à l’état
• Solution – Ajouter une section à l’état
• Aborder les effets
• Implémenter l’effet et émettre une nouvelle action
• Ajouter un niveau de profondeur dans l’état
• Découvrir les sélecteurs
• Travail à faire : Mettre en oeuvre un store avancé
• Quiz II : Mettre en oeuvre un store avancé

Section 6 : Angular les tests et le débogage

• Démarrer votre projet Angular
• Utiliser les fichiers d’exercice
• Démarrer avec le projet de base
• Prendre en main les outils nécessaires
• Comprendre les outils et les pratiques du débogage
• Évaluer son code à l’aide d’une source map
• Travailler avec des breakpoints
• Corriger les erreurs d’injection
• Comprendre les décorateurs Angular
• Corriger les décorateurs Angular
• Découvrir d’autres outils pour les développeurs
• Défi – Corriger du code
• Solution – Corriger du code
• Tester les applications Angular
• S’initier aux tests dans Angular
• Découvrir Jasmine et Karma
• Tests unitaires Jasmine
• Tests unitaires Karma
• Préparer les fichiers pour les tests unitaires
• Pratiquer les tests unitaires de base
• Tester les services
• Tester les composants
• Tester un composant
• Effectuer un test end-to-end
• Travail à faire : Angular les tests et le débogage
• Quiz : Angular les tests et le débogage