Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Tailwind CSS #3/5. Créer des mises en page responsives avec Grid
Dans ce nouvel atelier pratique en vidéo dédié au développement FrontEnd, nous allons voir ensemble comment mettre en place un lien qui permet à l'internaute de pouvoir remonter tout en haut de la page de votre site.
Pour cela, nous installerons un lien visible en bas à droite de l'écran, et lorsque l'internaute cliquera alors sur ce lien, il se retrouvera en haut de la fenêtre. Je vous propose d'étudier 2 méthodes pour arriver au résultat :
Si vous ne connaissez pas jQuery, vous avez à votre disposition une formation sur les bases du langage jQuery
Je mets à votre disposition l'ensemble des codes utilisés de cet exercice.
Un petit QCM vous permettra de valider vos connaissances.
Bon tuto !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Mise en place d'une icône
Mise en place d'une icône
Chapitre 2
Version sans programmation
Version sans programmation
Chapitre 3
Version avec programmation jQuery
Version avec programmation jQuery
Chapitre 4
Conclusion
Conclusion
Plan détaillé du cours
Chapitre 1 : Mise en place d'une icône
08m15
Leçon 1Installation d'awesome
Leçon 2Mise en place de l'icône
Leçon 3Conclusion
Chapitre 2 : Version sans programmation
14m01
Leçon 1Ecriture du code HTML
Leçon 2Ecriture du code CSS
Leçon 3Codage de l'icone
Leçon 4Ralentir la remontée
Chapitre 3 : Version avec programmation jQuery
19m42
Leçon 1Installation de la librairie jQuery
Leçon 2Retour au CSS
Leçon 3Ecriture du code jQuery 1/2
Leçon 4Ecriture du code jQuery 2/2
Leçon 5Améliorations
Chapitre 4 : Conclusion
01m46
Leçon 1Conclusion
Avis des apprenants