$ 12.00

Tuto Dev. FrontEnd #10 : Bouton de scroll top avec jQuery, CSS

$ 12.00

  • Une formation vidéo de 43m44s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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 :

  • en utilisant uniquement le HTML ainsi que le CSS.
  • en programmant en jQuery.

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



Formateur : Carl Brison

Carl Brison a publié 132 tutoriels et obtenu une note moyenne de 4,9/5 sur 7 901 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de valerie-a77 laissé le 07/10/2019
    Toujours aussi agréable de suivre vos tutos qui sont expliqués clairement et à un rythme non stressant, et surtout lorsqu'il s'agit de Front-End, ça me captive. Je ne suis pas encore une accroc du jquery (qui me rappelle des mauvais souvenirs avec des tutos de Javascript - pas sur tuto.com) mais pour des petites choses sympas comme ce bouton de scroll automatique, ça vaut le coup de s'y mettre un peu. Merci beaucoup et je vous dis à bientôt :-)
    "Merci à vous, Valérie. On est là pour apprendre les choses de façon ZEN ;-) Vous y arrivez très bien !"

  • 5
    avis de ddumasdr laissé le 28/09/2019
    Ce petit tuto m'a "recadré" sur certains sélecteurs CSS et m'a ouvert les yeux sur la création d'un petit script jQuery
    "J'en suis ravi ! Merci beaucoup pour votre commentaire ;-) A bientôt, Carl."

  • 5
    avis de wellanski laissé le 19/09/2019
    Bonjour M.Brison. C’est toujours un plaisir de suivre vos formations. Alain
    "Bonjour Alain. Merci beaucoup pour votre commentaire, c'est vraiment très sympas ;-) A bientôt, Carl."

  • 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.
accédez à plus de 1138 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données