Quelles technologies et méthodes sont utilisées pour…

HTML : Marquage sémantique de la structure du contenu.
CSS : Mise en forme et stylisation des éléments, y compris les pseudo-classes (:hover, :active, :focus) et transitions/animations pour des changements fluides.
JavaScript : Langage principal pour ajouter du dynamisme et de l’interactivité.
- Travailler avec le DOM (Document Object Model) pour modifier la structure, le contenu et les styles de la page.
- Gérer les événements (clics, saisie au clavier, survol, etc.).
- AJAX (JavaScript et XML asynchrones) ou Fetch API pour des requêtes asynchrones au serveur sans recharger la page.
Frameworks et bibliothèques JavaScript :
- React : Approche basée sur les composants, DOM virtuel pour une mise à jour efficace de l’interface.
- Vue.js : Framework progressif, réactivité des données.
- Angular : Framework complet pour de grandes applications.
- jQuery (obsolète mais encore utilisé) : Facilite le travail avec le DOM, la gestion des événements et AJAX.
Événements serveur envoyés (SSE) et WebSockets : Pour une communication bidirectionnelle en temps réel entre client et serveur.
Préprocesseurs CSS (Sass, Less) : Améliorent les capacités du CSS en permettant d’utiliser des variables, des mixins, de l’imbrication et des fonctions pour créer des styles plus maintenables et complexes, pouvant influencer l’interactivité.
SVG (Graphiques vectoriels évolutifs) : Pour créer des graphiques vectoriels interactifs.
Canvas API : Pour dessiner des graphiques et des animations avec JavaScript.

// Exemple de gestion d’un événement clic sur un bouton en JavaScript
document.getElementById('myButton').addEventListener('click', function() {
  alert('Bouton cliqué !');
});

/* Exemple d’utilisation de la pseudo-classe :hover */
button:hover {
  background-color: lightblue; /* Changement de couleur au survol */
}

Principaux méthodes :

Manipulation du DOM.
Gestion de l’entrée utilisateur (événements de souris, clavier, toucher).
Requêtes asynchrones au serveur pour mettre à jour dynamiquement le contenu (AJAX/Fetch).
Création d’animations et de transitions.
Utilisation de composants UI prêts à l’emploi (boutons, formulaires, sliders, fenêtres modales) issus de bibliothèques ou frameworks.
Validation de l’entrée utilisateur côté client.
Chargement dynamique de contenu.

Quelles technologies et méthodes sont utilisées pour atteindre l'interactivité sur les sites Web?