GitLab now enforces expiry dates on tokens that originally had no set expiration date. Those tokens were given an expiration date of one year later. Please review your personal access tokens, project access tokens, and group access tokens to ensure you are aware of upcoming expirations. Administrators of GitLab can find more information on how to identify and mitigate interruption in our documentation.
@@ -61,7 +61,14 @@ Vous devrez créer une requête AJAX dans le fichier : `ajax.js`. **(3 points)**
**Questions Javascript** :
- Qu'est-ce que AJAX ? Quel est son intérêt ? **(1 point)**
**->AJAX est une méthode utilisé dans le développement web.Elle permet de modifier et ajouter quelque chose sur une page web sans avoira rafraichir la page toute entiere.**
- Donnez deux cas d'usage où AJAX est particulièrement utile. **(2 points)**
**->1-Un site web qui propose une application de discussion par message utilise par exemple AJAX pour ne pas rafraichir a chaque fois la page de discussion et recevoir les messages en temps rééls.**
**->2-Un site web qui propose la geolocalisation utillise AJAX pour obtenir les informations en temps réél.**
- Expliquez les points de vigilance quand on crée un formulaire en HTML par rapport à l'accessibilité ou aux bonnes
pratiques par exemple. **(2 points)**
**->1-On doit bien choisir les labels chaque champs pour que l'utilisateur sache ce qu'il doit saisir (pareil pour les placeholder)**
**->2-Pour les champs de saisie, on doit bien specifier les types de champs ou types de données.Par exemple, si on veut saisir un email, on doit bien le mettre en type email, et si on veut saisir un mot de passe, on doit bien le mettre en type mot de passe.**
**->3-Pour les champs obligatoire, on doit bien specifier l'attribut required dans la balise <input>**
**->4-Il faut toujours valider les données entrées par l'utilisateur coté serveur**
- Expliquez les deux attributs dans la balise `<form>` qui vous sont nécessaires ici pour créer votre formulaire. **(1
point)**
**les attributs:**
**action: permet de specifier le lien vers lequel envoyer les données de notre formulaire**
**method: permet de specifier le methode utiliser pour envoyer les données(ici POST)**
- Expliquez la ou les différences entre les méthodes GET et POST. Quand utiliser l'une ou l'autre ? **(2 points)**
**La methode GET est utilisé pour recuperer les données pou les informations depuis un URL.Tandis que la methode POST permet de transmettre les données au serveur**
**Quand on utilise la methode GET, on peut remarquer que le lien est visible dans le lien de l'onglet.Tandis que quand on utilise la methode POST, les données sont envoyés dans le corps du message et le lien n'est pas visible dans le lien de l'onglet.**
**POST est alors plus sécurisé que GET et elle est utiliser pour envoyer des données sensibles et confidentiels.La capacité de GET est limitée tandis que celle de POST est illimitée**
### PHP (8 points)
...
...
@@ -85,8 +105,13 @@ données. **(5 points)**
- Expliquez les points d'attention à avoir quand on traite des données provenant d'un formulaire et qu'on insère
celles-ci dans une base de données. **(3 points)**
### CSS (3 points)
**Bien veifier les données entrées par l'utilisateur si elles sont bien valides et correspondent à nos critères avant de les insérer dans la base de données.Par exemple, si l'utilisateur doit saisir son age, l'age ne doit pas etre plus de 120 ans ni plus petit que 0**
**->Pour les mots de passe, on doit bien verifier que l'utilisateur s'en souvient bien avant de l'inserer dans la base de données.On peut par exemple demander à l'utilisateur de saisir deux fois son mot de passe et verifier si les deux mots de passe saisies sont identiques.Si oui, on peut l'inserer dans la bdd sinon, on lui demande de réécrire sont mot de passe.On peut également crypter le mot de passe avant de l'inserer pour plus de sécurité**
**on doit aussi utiliser des requêtes préparées avec des paramètres nommés pour éviter toutes forme de piratage ou cyberattaque**
**On doit limiter l'acces a la base de données**
Vous devrez réaliser un style CSS pour la liste des projets pour qu'elle ressemble à **(3 points)** :
Sans utiliser de div, de class ou d'ID supplémentaires, ajoutez les sélecteurs et les options CSS nécessaires pour faire en sorte que la liste des projets ressemble à l'image dans le README.md.