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
Dev. FrontEnd #10 : Bouton de scroll top

ajouter ce cours aux favoris retirer ce cours des favoris

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é 230 tutoriels et obtenu une note moyenne de 4,9/5 sur 15 394 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

6
avis laissés
5 étoiles
6
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de emerson21 laissé le 11/04/2021
    Merci pour le tuto, très clair, comme je regarde presque exclusivement vos tutos, je suis pas dépayser.
    "Ca c'est vraiment très gentil ! Merci beaucoup pour votre confiance ;-)"

  • 5
    avis de pgir laissé le 17/08/2020
    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 beaucoup pour votre commentaire ;-) Bravo pour votre modif ! La suite est pour bientôt ;-) Merci pour votre fidélité "

  • 5
    avis de laurent-35 laissé le 08/02/2020
    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.
accédez à plus de 1349 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données