Dans ce tuto vidéo dédié à la pratique du JavaScript moderne, nous allons apprendre à réaliser un mode sombre (Dark Mode) pour vos pages web.
Le mode sombre est utilisé pour améliorer l'expérience utilisateur. Notamment pour baisser la fatigue visuelle dans certaines conditions d'éclairage et même de limiter la consommation en énergie de son écran.
Au programme de ce tuto "mode sombre" grâce au Javascript Moderne
Voici les compétences abordées dans ce cours en ligne :
- création d'une version claire (Light Mode),
- création d'une version sombre (Dark Mode),
- mise en place d'un bouton à bascule (Switch) pour passer d'un mode à l'autre,
- mémorisation du choix de l'utilisateur pour conserver son choix sur les pages du site et pendant d'autres sessions de navigation (utilisation du storageLocal ou d'un cookie).
À la fin de ce cours, vous serez autonome pour ajouter un thème Dark Mode sur vos sites Internet.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Pour suivre cette formation dans de bonnes conditions, il est recommandé de connaître :
Avis des apprenants