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

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

Carl Brison
24,99€
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
09m06
Leçon 2Conditionner la largeur de l'écran avec jQuery
10m48
Leçon 3Ecrire la section1 en HTML
04m55
Leçon 4Mettre en forme la section1
11m50
Leçon 5Mettre en forme le label
07m18
Leçon 6Mettre le label en mouvement grâce à jQuery
08m36
Leçon 7Activer le bouton de formulaire
05m23
Leçon 8Ecrire la section2 en HTML
06m31
Leçon 9Mettre en forme la section2
10m01
Leçon 10Faire un lien entre la section1 et la section2
06m13
Leçon 11Afficher le login dans la section2
04m38
Leçon 12Faire un lien entre la section2 et la section1
03m16
Leçon 13Afficher/Cacher le focus du champ Pass
03m48
Leçon 14Activer le bouton de validation
03m47
Leçon 15Mettre en place un lien "Afficher le mot de passe"
06m21
Leçon 16Faire fonctionner le lien "Afficher le mot de passe"
08m51
Leçon 17Mettre en place l'oublie du mot de passe
04m24
Leçon 18Mettre en forme l'oublie du mot de passe
09m34
Leçon 19Afficher/Cacher l'oublie du mot de passe
05m45
Leçon 20Retirer le disabled du bouton d'envoi email
04m07
Leçon 21Conclusion de la formation
03m

Aperçus

Avis des apprenants

Détail des avis
26
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Sebastien Fluchon
Sebastien Fluchon
Publié le 22/08/2024
Ce dernier module sur jquery est vraiment très intéressante car vous proposer de s'entrainer sur un cas pratique pour consolider ces connaissance. je suis vraiment très fan de vos formation.
Carl Brison
Carl Brison
Merci beaucoup ! Votre commentaire est vraiment super gentil ;-)
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 ;-)

Vos questions sur le cours

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

jQuery 3

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 : 24,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 1422 tutos gratuits

Notre politique de protection des données