13,00

Tuto jQuery Facile Application #2/5 : Animer une fenêtre modale avec jQuery

13,00

  • Une formation vidéo de 42m50s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
jQuery Facile Application #2/5 : Animer une fenêtre modale

ajouter ce cours aux favoris retirer ce cours des favoris

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 :

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



Formateur : Carl Brison

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

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 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
accédez à plus de 1420 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données