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 !
Table des matières de cette formation jQuery, CSS (durée : 43m44s)
-
Mise en place d'une icône
- Installation d'awesome 00:04:47
- Mise en place de l'icône 00:02:15
- Conclusion 00:01:13
-
Version sans programmation
- Ecriture du code HTML 00:02:31
- Ecriture du code CSS 00:03:31
- Codage de l'icone 00:04:59
- Ralentir la remontée 00:03:00
-
Version avec programmation jQuery
- Installation de la librairie jQuery 00:01:49
- Retour au CSS 00:03:59
- Ecriture du code jQuery 1/2 00:08:08
- Ecriture du code jQuery 2/2 00:03:16
- Améliorations 00:02:30
-
Conclusion
- Conclusion 00:01:46
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci pour le tuto, très clair, comme je regarde presque exclusivement vos tutos, je suis pas dépayser.
-
Très instructif et très clair. J'ai un peu modifié la partie jquery pour que cela fonctionne pour le scroll d'une div et pas sur la page entière; ça maaaaarche! Merci Carl ! À quand le tuto n°11 sur le Front-End ?
-
Merci pour ce petit tuto...
-
Avec quelles versions de logiciels ce tuto est-il compatible ?jQuery , CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Les différents codes sources du tuto.
note moyenne
avis laissés