Ce répertoire présente la seconde partie et contient quatre mini-projets (travaux pratiques) effectués lors de l'initiation au développement web. Ils représentent une introduction aux technologies principales utilisées dans le web et mettre l'importance sur l'utilisation de JavaScript qui rendre une page web interactive.
Vous pouvez copier, modifier, ajouter des nouvelles fonctionnalités aux projets fournis. Ces projets peuvent servir comme une introduction au développement du web, donc toute personne apprenant le développement web peut l'utiliser comme référence dans des autres projets similaires.
Le TP 1 contient quelques exercices pour débuter avec JavaScript. Chaque exercice (script) est expliqué par les commentaires au début du script.
Le projet consiste à créer une page de demande d'absence. La page contient les champs suivants :
- Nom
- Prénom
- Code étudiant
- Programme d'étude
- Téléphone
- Adresse courriel
- Adresse
- Raison de l'absence
Une fois que l'usager a rempli le formulaire, une validation (côté client) sera appliquée en utilisant JavaScript avant de soumettre ce dernier. Les messages des erreurs seront affichés (s'il y en a) après la validation pour informer l'utilisateur comment faire pour les rectifier.
Le projet consiste à créer une page qui liste les étudiants avec les cours dans lesquels ils sont inscrits. Elle permet aussi d'effectuer une recherche sur la liste des étudiants en utilisant un outil de recherche formé par les champs suivants :
- Nom
- Prénom
- Formation
- Cours
La page contient aussi une liste ou tableau qui affiche la liste des étudiants avec les informations suivantes :
- Nom
- Prénom
- Formation
- Cours
La recherche est effectuée lorsque le bouton 'Recherche' est cliqué. Cela permet de filtrer les étudiants en question.
Le projet se compose d'une page de demande de location d'un véhicule. Elle contient les champs suivants :
- Nom
- Prénom
- Numéro de téléphone
- Date de naissance
- Marque
- Distance estimée
Lorsque le bouton 'Soumettre la demande' est cliqué, une série de validations doivent se faire sur les champs. Ce TP est similaire au TP2 où des messages informatifs (s'il y en a) seront affichés à l'usager pour qu'il/elle puisse modifier correctement le formulaire avant de le soumettre.
This repo presents the second part of intro to web programming and contains four mini-projects carried out during the initiation to web development. They represent an introduction to the main technologies used on the web and emphasize the use of JavaScript to make a web page interactive.
You can copy, modify, add new features to the provided projects. These projects can serve as an introduction to web development, so anyone new to web programming can use it as a reference for similar projects.
TP 1 contains some exercises to get started with JavaScript. Each exercise (script) is explained by the comments at the beginning of the script.
The project consists of creating an absence request page. The page contains the following fields:
- Name
- First name
- Student Code
- Study program
- Phone
- Email Address
- Address
- Reason for absence
Once the user has filled the form, a validation (client side) will be applied using JavaScript before submitting the form. Error messages will be displayed (if any) after the validation to inform the user how to fix them.
The project consists in creating a page which lists the students with the courses in which they are enrolled. It also allows searching the list of students using a search tool created by the following fields:
- Name
- First name
- Training
- Course
The page also contains a table that displays the list of students with the following information:
- Name
- First name
- Formation
- Course
The search is performed when the 'Search' button is clicked. This allows you to filter the students in question.
The project consists of a car rental page. It contains the following fields:
- Name
- First name
- Phone number
- Date of birth
- Brand
- Estimated distance
When the 'Submit request' button is clicked, a series of validations must be done on the fields. This lab is similar to lab 2 where informative messages (if any) will be displayed to the user so that he/she can correctly modify the form before submitting it.