Dans le cadre de ma formation "jQuery Facile", je vous propose de mettre en pratique les méthodes jQuery que nous avons apprises en réalisant une seconde application concrète : l'animation d'une fenêtre modale.
Description de l'exercice que vous allez créer dans cet atelier pratique jQuery
L'exercice consistera à créer une page web contenant diverses informations, ainsi qu'un bouton.
Lorsque l'utilisateur cliquera sur ce bouton, une fenêtre modale apparaîtra depuis le haut de la page.
Nous ajouterons une animation pour faire apparaître et disparaître la fenêtre modale.
De plus, pour mettre en évidence la fenêtre modale, nous appliquerons une opacité réduite sur le fond d'écran.
Je mets les codes de cet exercice à votre disposition.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Pour apprendre rapidement et facilement le jQuery :
- Episode 1/10, Gratuit !
- Suivez le premier atelier pratique : créer un bouton "retour vers le haut" de la même série.
Table des matières de cette formation jQuery (durée : 42m50s)
-
- Mettre en place le HTML 00:05:53
- Mettre en place le CSS de l'élément #louer 00:09:33
- Mettre en place le CSS de l'élément #modale 00:08:43
- Mettre en place le jQuery pour faire apparaître et disparaître la modale 00:05:53
- Donner un effet à la modale 00:04:41
- Baisser l'opacité du fond de l'écran 00:06:24
- Conclusion 00:01:43
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Excellent Tuto , merci .
-
Avec quelle version de logiciel ce tuto est-il compatible ?jQuery
-
Que contient le fichier source ?Le code complet de ce tuto
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissé