Scribd
Importer
24 vues1 page

Test de l'application de gestion de stages

Le document présente les instructions pour un test de programmation sur le module Application Côté Client, dirigé par l'enseignant Oussema Sellami. Les étudiants doivent créer une classe modèle pour gérer des stages, implémenter divers composants pour ajouter et consulter des stages, ainsi que gérer les erreurs de formulaire. Des points sont attribués pour chaque tâche, et l'utilisation de json-server est requise pour simuler le backend.

Transféré par

Lahmer Saif
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
24 vues1 page

Test de l'application de gestion de stages

Le document présente les instructions pour un test de programmation sur le module Application Côté Client, dirigé par l'enseignant Oussema Sellami. Les étudiants doivent créer une classe modèle pour gérer des stages, implémenter divers composants pour ajouter et consulter des stages, ainsi que gérer les erreurs de formulaire. Des points sont attribués pour chaque tâche, et l'utilisation de json-server est requise pour simuler le backend.

Transféré par

Lahmer Saif
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd

TEST

Session : Principale Rattrapage

Module : Application Côté Client


Enseignant : Oussema Sellami
Classes : 1ALINFO3

Documents autorisés : OUI NON Nombre de pages : 1

Internet autorisés : OUI NON


Date : 06/03/2025 Heure : 11h00 Durée : 1h

NB :
 Seulement l’exécution du code est notée
 Vous devez utiliser json-server pour simuler la partie backend.
Travail demandé :
Créer la classe modèle suivante :
Stage
id: number
Titre : string
Description : string
Entreprise : string
Disponible : boolean
nbrInteresse : number

1. Au niveau du composant NavBarComponent, ajoutez 2 liens “Ajouter un stage” et "Consulter les stages”. (2 pt)
2. En cliquant sur le lien « Consulter les stages », le composant StagesIngComponent est affiché. (1 pt)
3. En cliquant sur le lien « Ajouter un stage », le composant AddStageIngComponent est affiché. (1 pt)
4. Si un utilisateur tape un path non existant, le composant NotFoundComponent est chargé. (1 pt)
5. Au niveau du composant AddStageIngComponent implémentez un formulaire pour ajouter un stage. (2 pts)
NB :
 La valeur de l’attribut “disponible” égale à “true” par défaut.
 La valeur de l’attribut “nbrInteresse” égale à 0 par défaut.

6. Affichez un message adéquat pour chaque contrainte non respectée au niveau du formulaire sachant que :
 Les champs sont obligatoires (0,25 pt)
 Description doit contenir au moins 3 caractères (0,25 pt)
 Le champ name de propriétaire doit commencer par une lettre majuscule (0.25 pt)
 Le bouton est désactivé tant que le formulaire est invalide. (0.25 pt)
7. En Cliquant sur le bouton ajouter, une redirection se fait vers le composant appelé StagesIngComponent après
l’enregistrement dans le fichier db.json via json-server (2 pts)
8. Afficher la liste des stages (2 pts)
9. Ajouter un lien de Details devant chaque stage qui permet d’affiche les détails d’un stage (4 pts)
10. Ajouter devant chaque stage un bouton « supprimer ». En cliquant sur ce bouton le stage sélectionné sera supprimé.
(4 pts)

Bon courage

Vous aimerez peut-être aussi