README.md 2,04 ko
Newer Older
Khraimeche Salim's avatar
Khraimeche Salim a validé
# Contrôle de TP 2023-2024
Khraimeche Salim's avatar
Khraimeche Salim a validé

Khraimeche Salim's avatar
Khraimeche Salim a validé
## Applications Web
Khraimeche Salim's avatar
Khraimeche Salim a validé

Khraimeche Salim's avatar
Khraimeche Salim a validé
### Consignes de rendu des travaux :
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
1. Forker le dépôt Git:
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
```bash
git clone https://www-apps.univ-lehavre.fr/forge/khraimes/exam-js.git
```
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
Créer une nouvelle branche pour votre projet portant votre login : (ks110222 par exemple)
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
```bash
git checkout -b ks110222
```
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
Développer votre projet et commiter vos modifications:
```bash
git status
```
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
```bash
git add .
```
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
```bash
git commit -m "Message de commit"
```
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
Pousser vos modifications vers votre dépôt distant:
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
```bash
salimkhr's avatar
salimkhr a validé
git push origin ks110222
salimkhr's avatar
salimkhr a validé
```
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
Créer une merge request:
Khraimeche Salim's avatar
Khraimeche Salim a validé


salimkhr's avatar
salimkhr a validé
Barème :
Partie A : (5 points)
Partie B : (10 points)
Résumé du sujet :
Vous devrez réaliser un site de e-commerce proposant des voitures.

## Partie A : Utilisation des prototypes
Créer un prototype Extra dans le fichier js/extra.js, contenant les propriétés suivantes :

- `name`
- `price`
salimkhr's avatar
salimkhr a validé

Créer un prototype Car dans le fichier js/car.js contenant les propriétés suivantes :

- `image`
- `make`
- `model`
- `description`
- `price`
- `category`
- `year`
- `mileage`
- `extras tableau d'Extra**`

Modifier la fonction `generateCar` pour qu'elle retourne une nouvelle instance de Car initialisée avec les paramètres.

## Partie B : Modification du DOM
Ajouter au prototype Car :

salimkhr's avatar
salimkhr a validé
1. la méthode `generateImage(elt)` qui, sans utiliser innerHTML, va créer une balise img qui aura comme source l'attribut image du prototype et comme alt, attribut make concaténé à model. En plus, ajouter la classe `card-img-top` .
salimkhr's avatar
salimkhr a validé

1. la méthode `generateExtras(elt)` qui, sans utiliser innerHTML, va créer une balise ul, puis, pour chaque Extra, une balise li qui contiendra le nom concaténé au prix.
Khraimeche Salim's avatar
Khraimeche Salim a validé

Khraimeche Salim's avatar
Khraimeche Salim a validé
Ces 2 méthodes doivent ajouter l'élément créé à celui passé en paramètre.
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé

salimkhr's avatar
salimkhr a validé
completer la fonction `showHideExtra` de maniére a : 
salimkhr's avatar
salimkhr a validé
1. afficher `+` sur le boutton si les extras sont masqué et `-` sinon
1. afficher ou masquer la liste des extras en utilisant les fonctions du prototype Car
salimkhr's avatar
salimkhr a validé

Département Informatique
salimkhr's avatar
salimkhr a validé
BUT Info 2 - 2023/2024
Khraimeche Salim's avatar
Khraimeche Salim a validé

salimkhr's avatar
salimkhr a validé
Applications Web
Khraimeche Salim.