Tailwind CSS #1/5. Maîtriser le Formatage des Textes
Tailwind CSS #1/5. Maîtriser le Formatage des Textes
Dans ce tuto dédié à la pratique du JavaScript moderne, nous allons créer un menu à onglet vertical pour les grands écran et horizontal pour les petits écrans.
Pour cela, nous allons utliser les technologies modernes, à commencer par le CSS.
Pour réaliser la mise en forme de notre menu à onglet vertical puis horizontal, nous utiliserons Grid et Flexbox.
Nous verrons également comment ajouter certaines fonctionnalités d'accessibilité à notre menu.
Pour le codage de notre menu à onglet, nous utiliserons le JS moderne.
Pour suivre ce tutoriel dans de bonnes conditions, il est recommandé de connaître :
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Bonne création de menu.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mise en place des zones principales
Mise en place des zones principales
Leçon 2
Mise en place des onglets
Mise en place des onglets
Leçon 3
Mise en place des sections
Mise en place des sections
Leçon 4
Création du code des onglets en JS
Création du code des onglets en JS
Leçon 5
Création du code des sections en JS
Création du code des sections en JS
Leçon 6
Mise en forme finale
Mise en forme finale
Leçon 7
Conclusion
Conclusion
Plan détaillé du cours
Leçon 1Mise en place des zones principales
10m21
Leçon 2Mise en place des onglets
13m33
Leçon 3Mise en place des sections
07m29
Leçon 4Création du code des onglets en JS
07m54
Leçon 5Création du code des sections en JS
05m16
Leçon 6Mise en forme finale
07m45
Leçon 7Conclusion
03m29
Leçon 8Bonus : Notion d'accessibilité
16m36
Aperçus
Avis des apprenants