📝 Fiche de révision — Interactions entre l'homme et la machine sur le Web

---

🧩 Trois langages

• HTML : structure et composants ; CSS : apparence ; JavaScript : comportement (réactions aux événements).
• Composants : <button>, <input type="text|number|checkbox|radio|password|submit">, <select>, <textarea>, <a href>, <form>.
• Attributs : id (repérage JavaScript), name (nom envoyé au serveur), value, type.

---

⚡ Événements

• click, input, change, keydown, mouseover, submit, load.
• Gestionnaire : document.getElementById("ok").addEventListener("click", saluer); ou <button onclick="saluer()">.
• Dans la fonction : lire .value (champ), .checked (case), modifier .textContent.
• JavaScript : let, accolades, ===, ; ; Number() pour convertir.
• Savoir : identifier composants et événements, suivre la fonction, la modifier (message, vérification, compteur).

---

🔁 Client-serveur (HTTP)

• Requête : méthode (GET, POST) + URL + en-têtes (+ corps) ; réponse : code ($200$ OK, $404$ introuvable, $500$ erreur) + contenu.
• Ordre : client (clic, requête) → réseau → serveur (calcul, base de données, page générée) → réseau → client (affichage, JavaScript).
• Client : JavaScript de la page, réactivité, vérifications de confort ; serveur : données centrales, connexion, paiement ; il revérifie tout.
• Mémorisé par le client : cookies (session, préférences) renvoyés à chaque requête ; cache ; historique.
• HTTPS = HTTP + chiffrement TLS + certificat : dès qu'il y a mot de passe, données personnelles, paiement.

---

📝 Formulaires

• <form action="/url" method="get|post"> ; champs avec name ; envoi par submit.

• POST ne chiffre pas : seul HTTPS chiffre.

---

⚠️ Pièges à éviter

---

📌 À retenir

1. HTML décrit, JavaScript réagit.
2. Événement → gestionnaire → lecture/modification des éléments.
3. Requête → calcul serveur → réponse → affichage client.
4. Cookies mémorisés, HTTPS chiffré.
5. GET pour obtenir, POST pour envoyer.