Télécharger : Travail Pratique 4 (Partie 5 - 6, Les Services et le Routing).docx
Angular, Les services et le routing
Travail Pratique 4 (suite…)
5 points sur 30
Partie 5
Améliorez la structure du code avec les Services.
a) À l'aide des notes de cours "5 - Théorie Semaine 9 (Structure du code avec les Services).docx" et
du vidéo des notes de cours, Faites une copie de votre projet Angular de la Partie 4
pour faire la partie 5 et 6. (Copier-coller de votre dossier) Attendre que la copie soit complète !!!
b) Tester votre nouveau dossier.
c) Dans mes exemples, j'ai utilisé comme sujet "Les voitures sports de luxe". Poursuivez votre sujet choisi dans la partie 1,2,3 et 4.
d) Utiliser les services pour vous permettre de centraliser des parties de votre code.
e) Injecté un service comme dans la section "Injection et instance".
f) Créer de la communication entre vos components en utilisant les services.
g) Faites communiquer vos components, à l'aide du service, qui centralise les données et certaines fonctionnalités. (Partie 2 des notes de cours)
h) Partie 5, Services terminer
Partie 6
Gérez la navigation avec le Routing
a) À l'aide des notes de cours "6 - Théorie Semaine 9 (Gérez la navigation avec le Routing).docx" et du vidéo des notes de cours, continuez sur le même projet que la partie 5.
b) Utiliser le routing pour créer des "single page application" (SPA).
c) Créer un component pour l'authentification.
d) Créer un menu permettant de naviguer entre les views.
e) Créer les routes.
f) Créer des liens ou des boutons qui naviguent vers les routes avec le RouterLink.
g) Authentifier un utilisateur avec le router.
h) Permettre de pouvoir cliquer sur un voiture dans la liste de voitures afin d'afficher une page avec plus d'informations sur cette voiture. (Paramètres des Routes)
i) Vérifier le résultat et faites vérifiez par votre enseignant au besoin.
Tout le projet "TP4" sera à remettre en fin de session. (semaine 13)
