jQuery Facile #1/10 : Découvrir la philosophie de jQuery
jQuery Facile #1/10 : Découvrir la philosophie de jQuery
Ce Bundle sur l'apprentissage du langage jQuery facile a été conçu pour vous familiariser avec l'une des bibliothèques JavaScript les plus populaires et puissantes.
Que vous soyez un développeur web débutant ou expérimenté, cette formation jQuery en ligne vous permettra d'acquérir les connaissances et les compétences nécessaires pour créer des sites web interactifs et dynamiques de manière simple et efficace.
Au programme de ce Bundle Apprendre le langage jQuery
Cette formation jQuery complète est constituée de 186 vidéos pour une durée de formation de près de 20h !
- Vous apprendrez les principaux concepts de jQuery et comment les utiliser pour améliorer l'expérience utilisateur de vos sites web.
- Vous explorerez les différentes fonctionnalités offertes par jQuery, notamment la manipulation du DOM (Document Object Model), les effets d'animation, ou encore la gestion des événements.
- Le cours comprendra des démonstrations pratiques, des exercices et des projets qui vous permettront d'appliquer vos connaissances nouvellement acquises.
- Vous apprendrez également les bonnes pratiques de développement web.
À la fin de cette formation sur le langage jQuery, vous aurez acquis une solide compréhension de jQuery et serez en mesure d'utiliser cette bibliothèque pour ajouter des fonctionnalités interactives et dynamiques à vos pages web.
Que vous souhaitiez améliorer l'expérience utilisateur ou bien créer des animations attrayantes, jQuery vous permettra d'enrichir facilement vos pages web.
Nous terminerons cette formation sur la réalisation de 5 exercices concrets qui viendront compléter votre expérience :
- Créer un bouton de retour en haut de page
- Animer une fenêtre modale
- Créer une galerie de photos
- Créer un Menu Responsive
- Contrôler un formulaire
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM de 70 questions vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Tous les fichiers de travail sont fournis !
Bonne formation !
Cours dans ce bundle
jQuery Facile #2/10 : Les méthodes liées à la souris
jQuery Facile #2/10 : Les méthodes liées à la souris
jQuery Facile #3/10 : Les méthodes liées aux formulaires HTML
jQuery Facile #3/10 : Les méthodes liées aux formulaires HTML
jQuery Facile #4/10 : Les méthodes on() et off()
jQuery Facile #4/10 : Les méthodes on() et off()
jQuery Facile #5/10 : Les méthodes d'affectation
jQuery Facile #5/10 : Les méthodes d'affectation
jQuery Facile #6/10 : Méthodes de sélection d'éléments
jQuery Facile #6/10 : Méthodes de sélection d'éléments
jQuery Facile #7/10 : Positionner des éléments HTML
jQuery Facile #7/10 : Positionner des éléments HTML
jQuery Facile #8/10 : Les méthodes de manipulation
jQuery Facile #8/10 : Les méthodes de manipulation
jQuery Facile #9/10 : Les animations
jQuery Facile #9/10 : Les animations
jQuery Facile #10/10 : Exercice d'application final
jQuery Facile #10/10 : Exercice d'application final
jQuery Facile Application #1/5 Créer un bouton de retour en haut de page
jQuery Facile Application #1/5 Créer un bouton de retour en haut de page
jQuery Facile Application #2/5 : Animer une fenêtre modale
jQuery Facile Application #2/5 : Animer une fenêtre modale
jQuery Facile Application #3/5 : Créer une galerie de photos
jQuery Facile Application #3/5 : Créer une galerie de photos
jQuery Facile Application #4/5 : Créer un Menu Responsive
jQuery Facile Application #4/5 : Créer un Menu Responsive
jQuery Facile Application #5/5: Contrôler un formulaire
jQuery Facile Application #5/5: Contrôler un formulaire
Plan détaillé des cours
Chapitre 1 : Comprendre la philosophie de jQuery
50m04
Leçon 1Installer la librairie jQuery
Leçon 2Comprendre la philosophie de jQuery
Leçon 3Mettre en application la philosophie de jQuery
Leçon 4Comprendre la philosophie des méthodes d'événement
Leçon 5Mettre en application la philosophie des méthodes d'événement
Leçon 6Ecrire notre documentation
Chapitre 2 : Exercice d'application
49m20
Leçon 1Présentation du job à réaliser
Leçon 2Ecrire le code HTML
Leçon 3Mettre en forme les bases de la page web
Leçon 4Mettre en forme l'intérieur de la section
Leçon 5Mettre en forme le tarif
Leçon 6Positionner la boîte info
Leçon 7Ecrire le script jQuery
Chapitre 3 : Pour la prochaine fois
04m55
Leçon 1Pour la prochaine fois
Chapitre 1 : Les méthodes d'événement liées à la souris
45m21
Leçon 1La méthode d'événement click
Leçon 2La méthode d'événement dblclick
Leçon 3Les méthodes d'événement mouseenter et mouseleave
Leçon 4La méthode d'événement hover
Leçon 5Les méthodes d'événement mousedown et mouseup
Leçon 6La méthode d'événement mousemove
Leçon 7Mettre à jour notre documentation
Chapitre 2 : Exercice d'application
46m40
Leçon 1Mettre en place le code HTML de la page web
Leçon 2Mettre en forme le header
Leçon 3Mettre en place le code HTML de la modale
Leçon 4Mettre en forme la modale
Leçon 5Ecrire le script jQuery
Chapitre 3 : Pour la prochaine fois
08m26
Leçon 1Pour la prochaine fois
Chapitre 1 : Les méthodes d'événement liées aux formulaires HTML
1h44
Leçon 1Découvrir les méthodes d'événement keydown et keyup
Leçon 2Application des méthodes d'événement keydown et keyup
Leçon 3Découvrir la méthode d'événement keypress
Leçon 4Application de la méthode d'événement keypress
Leçon 5Découvrir les méthodes d'événement focus et blur
Leçon 6Application des méthodes d'événement focus et blur
Leçon 7Découvrir la méthode d'événement change
Leçon 8Application de la méthode d'événement change
Leçon 9Découvrir la méthode d'événement submit
Leçon 10Application de la méthode d'événement submit
Leçon 11Application de la méthode d'événement keyup
Chapitre 2 : Pour la prochaine fois
05m12
Leçon 1Pour la prochaine fois
Chapitre 1 : Les méthodes on() et off()
53m19
Leçon 1Découvrir la méthode on()
Leçon 2Associer plusieurs événements à la méthode on()
Leçon 3Application: Ecrire le code HTML
Leçon 4Application: Ecrire le code CSS
Leçon 5Application: mettre en place les événements mouseenter et mouseleave
Leçon 6Application: mettre en place l'apparition d'une fenêtre modale
Leçon 7Découvrir la méthode off()
Leçon 8Ajout des 2 méthodes à notre documentation
Chapitre 2 : Les méthodes d'événement liés au navigateur
44m38
Leçon 1Découvrir la méthode d'événement resize
Leçon 2Application de la méthode d'événement resize
Leçon 3Découvrir la méthode d'événement scroll
Leçon 4Application de la méthode d'événement scroll
Leçon 5Ajout des méthodes à notre documentation
Chapitre 3 : Pour la prochaine fois
03m16
Leçon 1Pour la prochaine fois
Chapitre 1 : Découvrir des nouvelles méthodes
1h44
Leçon 1Découvrir le comportement des méthodes d'affectation
Leçon 2Lire une méthode d'affectation pure
Leçon 3Découvrir la méthode html
Leçon 4Découvrir la méthode val
Leçon 5Récupérer plusieurs infos avec la méthode val
Leçon 6Découvrir la méthode attr
Leçon 7Attribuer plusieurs attribues et valeurs avec la méthode attr
Leçon 8Découvrir la méthode prop
Leçon 9Ajout des méthodes à notre documentation
Leçon 10Ajout d'un argument aux méthodes show et hide
Chapitre 2 : Application
50m53
Leçon 1Mettre en place le code HTML
Leçon 2Mettre en forme les bases du formulaire
Leçon 3Améliorer la mise en forme du formulaire
Leçon 4Désactiver par défaut le bouton de validation
Leçon 5Faire apparaitre le champ Pass su le champ User est rempli
Leçon 6Activer le bouton de validation si le Pass contient 6 caractères
Leçon 7Allumer le formulaire si tout est ok
Chapitre 3 : Pour la prochaine fois
02m10
Leçon 1Pour la prochaine fois
Chapitre 1 : Découvrir les méthodes de sélection
37m07
Leçon 1Découvrir les méthodes first et last
Leçon 2Découvrir la méthode eq
Leçon 3Découvrir la méthode filter
Leçon 4Découvrir la méthode not
Leçon 5Découvrir la méthode parent
Leçon 6Découvrir la méthode children
Leçon 7Exemple
Chapitre 2 : Application
43m56
Leçon 1Ecrire le code HTML
Leçon 2Mise en forme générale
Leçon 3Mettre en forme les boutons radios
Leçon 4Récupérer la valeur de l'attribut id
Leçon 5Flouter ou rendre visible certains tarifs
Chapitre 3 : Pour la prochaine fois
03m11
Leçon 1Pour la prochaine fois
Chapitre 1 : Positionner des éléments HTML
28m47
Leçon 1Découvrir la méthode append
Leçon 2Découvrir la méthode prepend
Leçon 3Découvrir la méthode before
Leçon 4Découvrir la méthode after
Leçon 5Découvrir la méthode remove
Leçon 6Découvrir la méthode removeattr
Chapitre 2 : Application
54m14
Leçon 1Mettre en place le code HTML
Leçon 2Mettre en forme les bases du document
Leçon 3Mettre en forme les sections
Leçon 4Afficher, cacher et positionner des éléments avec jQuery
Leçon 5Faire apparaitre la section suivante
Leçon 6Boucler sur les boutons
Leçon 7Compter le nombre de sections
Chapitre 3 : Pour la prochaine fois
03m12
Leçon 1Pour la prochaine fois
Chapitre 1 : Les méthodes de manipulation
50m18
Leçon 1Découvrir la méthode replaceWidth
Leçon 2Découvrir la méthode wrap
Leçon 3Découvrir la méthode addClass
Leçon 4Découvrir la méthode removeClass
Leçon 5Découvrir la méthode width
Leçon 6Découvrir la méthode height
Leçon 7Découvrir les méthodes innerWidth & innerHeight
Leçon 8Découvrir les méthodes de type toggle
Leçon 9Découvrir les méthodes fadeIn & fadeOut
Leçon 10Découvrir la méthode fadeTo
Leçon 11Découvrir les méthodes slideDown & slideUp
Chapitre 2 : Application
41m30
Leçon 1Mettre en place le code HTML
Leçon 2Mettre en forme le général
Leçon 3Terminer la mise en forme
Leçon 4Manipulation de la Nav
Leçon 5Apparition et disparition des boîtes
Chapitre 3 : Pour la prochaine fois
02m56
Leçon 1Pour la prochaine fois
Chapitre 1 : Découvrir la méthode animate
05m55
Leçon 1Découvrir la méthode animate
Chapitre 2 : Exercice d'application 1
40m31
Leçon 1Ecrire le HTML
Leçon 2Mettre en forme le formulaire
Leçon 3Ecrire une fenêtre modale
Leçon 4Animer la fenêtre modale
Leçon 5Mettre en place une icone fermer
Leçon 6Animer la fermeture de la fenêtre modale
Chapitre 3 : Ordonner les animations
08m46
Leçon 1Chaînage des méthodes
Leçon 2Retour à l'exercice d'application
Chapitre 4 : Exercice d'application 2
36m31
Leçon 1Mettre en place les bases du document
Leçon 2Mettre en place les bases du script
Leçon 3Améliorer le script
Leçon 4Réflexion sur l'intégration de la Nav
Leçon 5Intégration de la zone Nav
Leçon 6Plusieurs propriétés CSS appliquées à animate
Chapitre 5 : Pour la prochaine fois
04m18
Leçon 1Pour la prochaine fois
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
Leçon 1Mettre en place le HTML
05m39
Leçon 2Mettre en place le CSS
11m21
Leçon 3Mettre en place le jQuery
11m02
Leçon 4Conclusion
02m46
Leçon 1Mettre en place le HTML
05m53
Leçon 2Mettre en place le CSS de l'élément #louer
09m33
Leçon 3Mettre en place le CSS de l'élément #modale
08m43
Leçon 4Mettre en place le jQuery pour faire apparaître et disparaître la modale
05m53
Leçon 5Donner un effet à la modale
04m41
Leçon 6Baisser l'opacité du fond de l'écran
06m24
Leçon 7Conclusion
01m43
Leçon 1Mettre en place les vignettes
10m23
Leçon 2Mettre en place la grande image
08m51
Leçon 3Mettre en place les liens suivant et précédent
07m26
Leçon 4Mettre en relation la grande image avec la vignette
08m23
Leçon 5Faire fonctionner le lien suivant
09m43
Leçon 6Faire fonctionner le lien précédent
03m58
Leçon 7Faire fonctionner le lien de fermeture
04m13
Leçon 8Conclusion
02m19
Leçon 1Mettre en place le code HTML
05m20
Leçon 2Mettre en forme la zone HEADER
10m10
Leçon 3Mettre en place le menu burger
04m15
Leçon 4Mettre en place un media queries
06m07
Leçon 5Ecrire le programme jQuery
08m36
Leçon 6Conclusion
01m20
Leçon 1Mettre en place le code HTML
06m20
Leçon 2Mettre en forme la base de notre document
07m26
Leçon 3Mettre en forme le formulaire
09m41
Leçon 4Contrôler que les champs du formulaire sont remplis
08m44
Leçon 5Contrôler que le champ LOGIN contient des caractères alphanumériques
10m46
Leçon 6Bloquer le formulaire si le LOGIN n'est pas satisfaisant
06m45
Leçon 7Bloquer le formulaire si l'EMAIL n'est pas satisfaisant
05m28
Leçon 8Bloquer le formulaire si l'AGE n'est pas satisfaisant
05m20
Leçon 9Conclusion
02m01
