Créer un projet respectant le cahier des charges suivant

Travail en binôme où chacun doit faire :

coté client :

- une page de formulaire HTML contenant des questions, un bouton envoi et au moins une image (libre de droit !)

- une page qui affiche le résultat du traitement des informations

- un fichier CSS pour améliorer la présentation de la page, notamment en positionnant à un endroit précis une image

- un fichier JS pour rendre dynamique l'affichage de la page web et de vérifier la saisie d'au moins un champ du formulaire

coté serveur :

- un traitement de la réception du formulaire : vérifier la valeur d'un champ de formulaire par un test au regard d'une valeur attendue (exemple valeur incorrecte).

- envoyer une page réponse qui récapitule les données saisies précédemment avec éventuellement le signalement de correction(s) dans la saisie du formulaire 

- envoyer une page réponse qui renvoie les données traitées côté serveur (calculs, tri, informations)

Prévoir une page d'accueil générale qui permettra de naviguer entre les pages.

Votre projet doit être personnel et refléter votre capacité à réinvestir tout ce qui a été appris sur cette séquence.

À vous d'imaginer le formulaire au regard d'un sujet qui vous intéresse !

Méthode de travail :

- Concevoir sur papier vos 2 pages (texte, image, position dans la page) et faite un schéma présentant l'arborescence du site.

- Organiser les dossiers et fichiers : Créer un dossier principal intitulé "Projet" suivi de votre nom et créer les sous dossiers comme appris. Pour rappel : tous les noms de dossier et de fichier sont sans espace et sans accent.

- Créer la page de formulaire HTML sans fichier CSS et sans fichier JS et tester au fur et à mesure

- Créer le fichier CSS afin d'améliorer le visuel de votre formulaire et tester au fur et à mesure.

- Créer le fichier JS (au moins 2 fonctions) afin d'apporter :

- un visuel plus dynamique à votre formulaire,

- une vérification d'au moins un champ,

=> tester le fonctionnement au fur et à mesure 

- Créer les fichiers réponse et tester au fur et à mesure

- Commenter vos codes de manière détaillée