Ionic - Aller plus loin dans le développement d’application mobiles multiplateformes avec Angular et Capacitor

Objectifs pédagogiques

• Mettre en place une architecture permettant la réutilisation et la mutualisation des composants et des services d’une application
• Tirer parti des Observables pour maîtriser plus finement les mécanismes asynchrones
• Exécuter des tâches de fond avec les Services Workers
• Mettre en place des mécanismes de sécurité simples côté front
• Tester son code avec différentes méthodes de test

Contenu de la formation

• Créer des composants génériques et réutilisables
• Rappel sur la notion de composant dans Angular
• Rappel sur l’utilisation de la “Ionic CLI” pour générer des composants
• Utiliser @Input pour transmettre des données du composant parent vers le composant enfant
• Utiliser de @Output pour transmettre des données du composant enfant vers le composant parent
• Etudier des exemples de composants génériques et réflexion sur les limites de la généricité
• Aller plus loin dans la programmation asynchrone avec les Observables
• Rappel sur les différences fondamentales entre les Promesses et les Observables
• Créer et s’abonner à un Observable
• Utiliser les Observables dans un composant pour créer des formulaires réactifs
• Utiliser les Observables dans un service pour transmettres des événements à des composants (Websocket par exemple ou plugin de géolocalisation)
• Etudier des exemples d’Observables et réflexion sur leurs limites
• Exécuter des tâches de fond avec les Services Worker
• Rappel sur les limites de Javascript en terme de multi-threading
• Comprendre le fonctionnement des Services Workers
• Créer et configurer un Service Worker
• Découvrir le cycle de vie d’un Service Worker
• Etudier des exemples de Services Worker et réflexion sur leur limites
• Mutualiser du code avec les intercepteurs
• Rappel sur les requêtes HTTP avec Angular
• Comprendre l’intérêt des intercepteurs
• Créer et configurer un intercepteur
• Ajouter des headers à une requête HTTP avec un intercepteur
• Renouveler un automatiquement un token lors de la réception d’une erreur avec un intercepteur
• Etudier des exemples d’intercepteurs et réflexion sur leurs limites
• Protéger son application avec les Guards
• Rappel sur la navigation dans Angular et Ionic
• Comprendre le fonctionnement des Guards
• Découvrir les différents types de Guards
• Créer et configurer un Guard
• Protéger des pages si l’utilisateur n’est pas connecté
• Protéger des pages si l’utilisateur n’est pas administrateur
• Etudier des exemples de Guard et réflexion sur leurs limites
• Tester son code avec les tests unitaires
• Rappel sur le concept des tests unitaires
• Rappel sur la différence entre un test unitaire, un test d’intégration et un test End-To-End
• Découvrir les différents moteurs de tests unitaires (Karma, Jasmine)
• Créer et développer un test unitaire
• Tester un composant Angular avec des dépendances
• Tester un service Angular
• Tester un service ou un composant en simulant des comportements externes grâce aux mocks
• Etudier des exemples de Tests Unitaires et réflexion sur leurs limites
• Tester son application avec les tests “End-to-End”
• Créer un test “End-to-End” simple
• Tester un composant en simulant un comportement utilisateur
• Tester un composant en simulant des retours serveurs
• Etudier des exemples de tests “End-to-End” et réflexion sur leurs limites

Suivi de l'exécution et évaluation des résultats

• Feuilles de présence
• Questions orales ou écrites (QCM)
• Mise en pratique sous forme de TP via un projet d’application “fil rouge” complété tout au long de la formation
• Formulaires d'évaluation de la formation
• Certificat de réalisation de l’action de formation