Formation incluse dans l'abonnement Elephorm
Les objectifs de cette vidéo sont :
Ce tutoriel explique comment utiliser l'API local storage de HTML5 pour sauvegarder et restaurer les préférences de style de l'utilisateur.
Dans ce tutoriel, nous allons apprendre à utiliser l'API local storage de HTML5 pour stocker et récupérer les préférences de style de l'utilisateur. Nous commencerons par créer une interface simple où l'utilisateur pourra sélectionner des couleurs pour le titre (<h1>) et l'arrière-plan du <body>. Une fois les choix validés, ces préférences seront enregistrées dans le local storage. Nous verrons ensuite comment lire ces données et appliquer les styles sélectionnés lors du chargement de la page. Ce processus inclut la gestion d'événements avec jQuery pour rendre l'interface interactive et fonctionnelle. Enfin, nous verrons comment ajouter une fonctionnalité pour fermer l'interface après la sélection.
Les étapes suivantes sont couvertes :
Ce tutoriel est adapté aux débutants en développement web qui souhaitent comprendre l'utilisation de l'API local storage pour améliorer l'expérience utilisateur sur les sites web.
display de none à block pour rendre la boîte de dialogue visible.
localStorage.setItem pour enregistrer les préférences de style sous un nom spécifique, par exemple styleApply.
localStorage.getItem, en les transformant en liste, puis en appliquant les styles au <h1> et au <body> avec css.
