jQuery Facile #10/10 : Exercice d'application final
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO jQuery Facile #10/10 : Exercice d'application final

Carl Brison
25,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Leçon 2
Conditionner la largeur de l'écran avec jQuery
Leçon 3
Ecrire la section1 en HTML
Leçon 4
Mettre en forme la section1
Leçon 5
Mettre en forme le label
Leçon 6
Mettre le label en mouvement grâce à jQuery
Leçon 7
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

Détail des avis
5
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 24/06/2023
Merci beaucoup. Exercice complet sur les acquis de jQuery facile. Tout est bien détaillé comme d'habitude et procédé étape par étape pour mieux assimiler les différentes parties. Par contre je n'ai pas compris pourquoi après chaque actualisation du navigateur, bien que la fenêtre soit pour petits écrans, le header s'affiche. Je dois bouger un peu la largeur pour qu'il se cache de nouveau. Je n'aurai pas l'utilité de ce genre de formulaire, mais beaucoup de détails pourraient servir d'aide, de rappels pour mes besoins. Un grand merci c'est passionnant :-)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire, Valérie. Utilisez ces nouvelles connaissances afin de personnaliser comme vous le souhaitez, vos pages web.
Bernard Chabloz
Bernard Chabloz
Publié le 26/05/2023
Super tuto: $.l\'essayer, c\'est l\'adopter, ce que j'ai fait pour mes bases de données, en adoptant la structure de votre Fullstack 5. Ça marche, mais c'est beaucoup trop lent (plus de 10'' pour à peu près 2000 enregistrements). En farfouillant, j'ai trouvé DataTables, une belle usine à gaz, mais qui fonctionne à la perfection! Un tuto sur DataTables...?
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 05/05/2023
Excellent tuto pour clôturer cette formation de Jquery .
Carl Brison
Carl Brison
Merci beaucoup ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

jQuery

Que contient le fichier source ?

Le code source du tuto

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 25,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1362 tutos gratuits

Notre politique de protection des données