Afin d'appliquer les méthodes jQuery apprises tout au long de la formation jQuery facile, je vous propose de réaliser une première application concrète.
Pour cet exercice, nous allons créer une page web avec suffisamment de hauteur pour avoir un scroll.
Après avoir écrit les codes HTML et CSS, nous pourrons nous référer à notre documentation pour réaliser un programme jQuery qui permettra à l'utilisateur de :
- Faire apparaître un bouton en bas à droite de la fenêtre du navigateur si le scroll de la page est baissé d'au moins 60 pixels.
- Permettre à l'utilisateur de cliquer sur ce bouton pour remonter en haut de la page de manière douce.
- Faire disparaître ce même bouton si le scroll de la page est inférieur à 60 pixels.
Je mets les codes de cet exercice à votre disposition
Pour apprendre rapidement et facilement le jQuery : Episode 1/10, Gratuit !
Table des matières de cette formation jQuery (durée : 30m48s)
-
- Mettre en place le HTML 00:05:39
- Mettre en place le CSS 00:11:21
- Mettre en place le jQuery 00:11:02
- Conclusion 00:02:46
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Une pratique bienvenue, qui ne demande qu'à s'étoffer et à se complexifier si possible.
-
Parfait tant sur la forme que la pédagogie .
-
Merci beaucoup Carl pour ce cas pratique sur l'utilisation JQuery, c'était très intéressant, je n'y pense pas toujours à ce bouton du bas, alors que c'est très utile. Le rendu est propre. Il est toujours très agréable de vous suivre dans vos cours, qui sont toujours très bien expliqués. Validé 100% JQuery Facile Application #1/5.
-
Avec quelle version de logiciel ce tuto est-il compatible ?jQuery
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code complet de l'exercice.
note moyenne
avis laissés