jQuery Facile #6/10 : Méthodes de sélection d'éléments
jQuery Facile #6/10 : Méthodes de sélection d'éléments
Nous voici arrivés au terme de cette formation consacrée à l'apprentissage du langage jQuery facile.
Nous allons reprendre une bonne partie de ce que nous avons appris ensemble tout au long de cette formation, afin de créer un formulaire d'accès animé et très agréable.
Le formulaire sera composé de deux parties.
Une première partie se chargera de demander le login de connexion à l'utilisateur. Un bouton "Suivant" sera désactivé par défaut. Il s'activera lorsque l'utilisateur aura rempli le champ du formulaire.
La seconde partie apparaîtra en fondu lorsque l'utilisateur aura cliqué sur le bouton "Suivant", qui fera disparaître la première partie.
Dans la seconde partie, le champ de formulaire demandera le mot de passe que l'utilisateur pourra afficher ou cacher selon son envie.
Nous ferons plein d'animation grâce à toutes nos connaissances apprises en jQuery !
Je mets le code complet de ce tuto à votre disposition.
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Mettre en place les bases de la mise en page HTML & CSS
Mettre en place les bases de la mise en page HTML & CSS
Leçon 2
Conditionner la largeur de l'écran avec jQuery
Conditionner la largeur de l'écran avec jQuery
Leçon 3
Ecrire la section1 en HTML
Ecrire la section1 en HTML
Leçon 4
Mettre en forme la section1
Mettre en forme la section1
Leçon 5
Mettre en forme le label
Mettre en forme le label
Leçon 6
Mettre le label en mouvement grâce à jQuery
Mettre le label en mouvement grâce à jQuery
Leçon 7
Activer le bouton de formulaire
Activer le bouton de formulaire
Plan détaillé du cours
Leçon 1Mettre en place les bases de la mise en page HTML & CSS
09m06s
Leçon 2Conditionner la largeur de l'écran avec jQuery
10m48s
Leçon 3Ecrire la section1 en HTML
04m55s
Leçon 4Mettre en forme la section1
11m50s
Leçon 5Mettre en forme le label
07m18s
Leçon 6Mettre le label en mouvement grâce à jQuery
08m36s
Leçon 7Activer le bouton de formulaire
05m23s
Leçon 8Ecrire la section2 en HTML
06m31s
Leçon 9Mettre en forme la section2
10m01s
Leçon 10Faire un lien entre la section1 et la section2
06m13s
Leçon 11Afficher le login dans la section2
04m38s
Leçon 12Faire un lien entre la section2 et la section1
03m16s
Leçon 13Afficher/Cacher le focus du champ Pass
03m48s
Leçon 14Activer le bouton de validation
03m47s
Leçon 15Mettre en place un lien "Afficher le mot de passe"
06m21s
Leçon 16Faire fonctionner le lien "Afficher le mot de passe"
08m51s
Leçon 17Mettre en place l'oublie du mot de passe
04m24s
Leçon 18Mettre en forme l'oublie du mot de passe
09m34s
Leçon 19Afficher/Cacher l'oublie du mot de passe
05m45s
Leçon 20Retirer le disabled du bouton d'envoi email
04m07s
Leçon 21Conclusion de la formation
03m
Aperçus
Avis des apprenants