Bundle : Apprendre le langage jQuery Facile avec jQuery, JavaScript bundle -31%

Tuto composant ce bundle :

• jQuery Facile #1/10 : Découvrir la philosophie de jQuery (voir la fiche produit)

  • 
    

    Comprendre la philosophie de jQuery

    • Installer la librairie jQuery 00:13:30
    • Comprendre la philosophie de jQuery gratuit00:08:36
    • Mettre en application la philosophie de jQuery 00:09:20
    • Comprendre la philosophie des méthodes d'événement 00:03:35
    • Mettre en application la philosophie des méthodes d'événement 00:09:37
    • Ecrire notre documentation 00:05:26
  • 
    

    Exercice d'application

    • Présentation du job à réaliser 00:02:07
    • Ecrire le code HTML 00:08:02
    • Mettre en forme les bases de la page web 00:10:17
    • Mettre en forme l'intérieur de la section 00:09:25
    • Mettre en forme le tarif 00:05:52
    • Positionner la boîte info 00:06:55
    • Ecrire le script jQuery 00:06:42
  • 
    

    Pour la prochaine fois

    • Pour la prochaine fois 00:04:55

• jQuery Facile #2/10 : Les méthodes liées à la souris (voir la fiche produit)

  • 
    

    Les méthodes d'événement liées à la souris

    • La méthode d'événement click 00:10:10
    • La méthode d'événement dblclick 00:03:50
    • Les méthodes d'événement mouseenter et mouseleave 00:05:01
    • La méthode d'événement hover 00:05:06
    • Les méthodes d'événement mousedown et mouseup 00:05:06
    • La méthode d'événement mousemove 00:06:59
    • Mettre à jour notre documentation 00:09:09
  • 
    

    Exercice d'application

    • Mettre en place le code HTML de la page web 00:04:22
    • Mettre en forme le header 00:14:36
    • Mettre en place le code HTML de la modale 00:04:27
    • Mettre en forme la modale 00:15:49
    • Ecrire le script jQuery 00:07:26
  • 
    

    Pour la prochaine fois

    • Pour la prochaine fois 00:08:26

• jQuery Facile #3/10 : Les méthodes liées aux formulaires HTML (voir la fiche produit)

  • 
    

    Les méthodes d'événement liées aux formulaires HTML

    • Découvrir les méthodes d'événement keydown et keyup 00:03:32
    • Application des méthodes d'événement keydown et keyup 00:14:31
    • Découvrir la méthode d'événement keypress 00:01:18
    • Application de la méthode d'événement keypress 00:13:37
    • Découvrir les méthodes d'événement focus et blur 00:02:54
    • Application des méthodes d'événement focus et blur 00:17:51
    • Découvrir la méthode d'événement change 00:01:33
    • Application de la méthode d'événement change 00:23:02
    • Découvrir la méthode d'événement submit 00:01:10
    • Application de la méthode d'événement submit 00:15:38
    • Application de la méthode d'événement keyup 00:09:53
  • 
    

    Pour la prochaine fois

    • Pour la prochaine fois 00:05:12

• jQuery Facile #4/10 : Les méthodes on() et off() (voir la fiche produit)

  • 
    

    Les méthodes on() et off()

    • Découvrir la méthode on() gratuit00:06:01
    • Associer plusieurs événements à la méthode on() 00:07:33
    • Application: Ecrire le code HTML 00:05:06
    • Application: Ecrire le code CSS 00:07:33
    • Application: mettre en place les événements mouseenter et mouseleave 00:09:25
    • Application: mettre en place l'apparition d'une fenêtre modale 00:08:38
    • Découvrir la méthode off() 00:07:22
    • Ajout des 2 méthodes à notre documentation 00:01:41
  • 
    

    Les méthodes d'événement liés au navigateur

    • Découvrir la méthode d'événement resize 00:06:15
    • Application de la méthode d'événement resize 00:17:17
    • Découvrir la méthode d'événement scroll 00:04:58
    • Application de la méthode d'événement scroll 00:11:11
    • Ajout des méthodes à notre documentation 00:04:57
  • 
    

    Pour la prochaine fois

    • Pour la prochaine fois 00:03:16

• jQuery Facile #5/10 : Les méthodes d'affectation (voir la fiche produit)

  • 
    

    Découvrir des nouvelles méthodes

    • Découvrir le comportement des méthodes d'affectation 00:07:04
    • Lire une méthode d'affectation pure 00:03:40
    • Découvrir la méthode html 00:03:51
    • Découvrir la méthode val 00:11:39
    • Récupérer plusieurs infos avec la méthode val 00:10:05
    • Découvrir la méthode attr 00:05:24
    • Attribuer plusieurs attribues et valeurs avec la méthode attr 00:04:13
    • Découvrir la méthode prop 00:05:51
    • Ajout des méthodes à notre documentation 00:03:33
    • Ajout d'un argument aux méthodes show et hide 00:05:24
  • 
    

    Application

    • Mettre en place le code HTML 00:06:32
    • Mettre en forme les bases du formulaire 00:10:01
    • Améliorer la mise en forme du formulaire 00:08:41
    • Désactiver par défaut le bouton de validation 00:05:22
    • Faire apparaitre le champ Pass su le champ User est rempli 00:05:35
    • Activer le bouton de validation si le Pass contient 6 caractères 00:05:13
    • Allumer le formulaire si tout est ok 00:09:29
  • 
    

    Pour la prochaine fois

    • Pour la prochaine fois 00:02:10

• jQuery Facile #6/10 : Méthodes de sélection d'éléments (voir la fiche produit)

  • 
    

    Découvrir les méthodes de sélection

    • Découvrir les méthodes first et last 00:07:24
    • Découvrir la méthode eq 00:04:43
    • Découvrir la méthode filter 00:04:05
    • Découvrir la méthode not 00:01:58
    • Découvrir la méthode parent 00:04:51
    • Découvrir la méthode children 00:03:38
    • Exemple 00:10:28
  • 
    

    Application

    • Ecrire le code HTML 00:08:37
    • Mise en forme générale 00:11:31
    • Mettre en forme les boutons radios 00:09:36
    • Récupérer la valeur de l'attribut id 00:05:05
    • Flouter ou rendre visible certains tarifs 00:09:07
  • 
    

    Pour la prochaine fois

    • Pour la prochaine fois 00:03:11

• jQuery Facile #7/10 : Positionner des éléments HTML (voir la fiche produit)

  • 
    

    Positionner des éléments HTML

    • Découvrir la méthode append 00:09:52
    • Découvrir la méthode prepend 00:04:13
    • Découvrir la méthode before 00:04:58
    • Découvrir la méthode after 00:01:47
    • Découvrir la méthode remove 00:04:38
    • Découvrir la méthode removeattr 00:03:19
  • 
    

    Application

    • Mettre en place le code HTML 00:10:52
    • Mettre en forme les bases du document 00:10:30
    • Mettre en forme les sections 00:06:53
    • Afficher, cacher et positionner des éléments avec jQuery 00:06:12
    • Faire apparaitre la section suivante 00:03:58
    • Boucler sur les boutons 00:09:55
    • Compter le nombre de sections 00:05:54
  • 
    

    Pour la prochaine fois

    • Pour la prochaine fois 00:03:12

• jQuery Facile #8/10 : Les méthodes de manipulation (voir la fiche produit)

  • 
    

    Les méthodes de manipulation

    • Découvrir la méthode replaceWidth 00:05:37
    • Découvrir la méthode wrap 00:03:13
    • Découvrir la méthode addClass 00:04:26
    • Découvrir la méthode removeClass 00:02:44
    • Découvrir la méthode width 00:03:30
    • Découvrir la méthode height 00:02:44
    • Découvrir les méthodes innerWidth & innerHeight 00:04:31
    • Découvrir les méthodes de type toggle 00:07:34
    • Découvrir les méthodes fadeIn & fadeOut 00:07:09
    • Découvrir la méthode fadeTo 00:04:36
    • Découvrir les méthodes slideDown & slideUp 00:04:14
  • 
    

    Application

    • Mettre en place le code HTML 00:07:46
    • Mettre en forme le général 00:10:21
    • Terminer la mise en forme 00:11:41
    • Manipulation de la Nav 00:04:57
    • Apparition et disparition des boîtes 00:06:45
  • 
    

    Pour la prochaine fois

    • Pour la prochaine fois 00:02:56

• jQuery Facile #9/10 : Les animations (voir la fiche produit)

  • 
    

    Découvrir la méthode animate

    • Découvrir la méthode animate gratuit00:05:55
  • 
    

    Exercice d'application 1

    • Ecrire le HTML 00:04:50
    • Mettre en forme le formulaire 00:08:21
    • Ecrire une fenêtre modale 00:06:15
    • Animer la fenêtre modale 00:07:49
    • Mettre en place une icone fermer 00:05:17
    • Animer la fermeture de la fenêtre modale 00:07:59
  • 
    

    Ordonner les animations

    • Chaînage des méthodes 00:05:35
    • Retour à l'exercice d'application 00:03:11
  • 
    

    Exercice d'application 2

    • Mettre en place les bases du document 00:06:51
    • Mettre en place les bases du script 00:05:54
    • Améliorer le script 00:06:52
    • Réflexion sur l'intégration de la Nav 00:04:52
    • Intégration de la zone Nav 00:09:14
    • Plusieurs propriétés CSS appliquées à animate 00:02:48
  • 
    

    Pour la prochaine fois

    • Pour la prochaine fois 00:04:18

• jQuery Facile #10/10 : Exercice d'application final (voir la fiche produit)

  • • Mettre en place les bases de la mise en page HTML & CSS 00:09:06
    • Conditionner la largeur de l'écran avec jQuery 00:10:48
    • Ecrire la section1 en HTML 00:04:55
    • Mettre en forme la section1 00:11:50
    • Mettre en forme le label 00:07:18
    • Mettre le label en mouvement grâce à jQuery 00:08:36
    • Activer le bouton de formulaire 00:05:23
    • Ecrire la section2 en HTML 00:06:31
    • Mettre en forme la section2 00:10:01
    • Faire un lien entre la section1 et la section2 00:06:13
    • Afficher le login dans la section2 00:04:38
    • Faire un lien entre la section2 et la section1 00:03:16
    • Afficher/Cacher le focus du champ Pass 00:03:48
    • Activer le bouton de validation 00:03:47
    • Mettre en place un lien "Afficher le mot de passe" 00:06:21
    • Faire fonctionner le lien "Afficher le mot de passe" 00:08:51
    • Mettre en place l'oublie du mot de passe 00:04:24
    • Mettre en forme l'oublie du mot de passe 00:09:34
    • Afficher/Cacher l'oublie du mot de passe 00:05:45
    • Retirer le disabled du bouton d'envoi email 00:04:07
    • Conclusion de la formation 00:03:00

• jQuery Facile Application #1/5 Créer un bouton de retour en haut de page (voir la fiche produit)

  • • Mettre en place le HTML 00:05:39
    • Mettre en place le CSS 00:11:21
    • Mettre en place le jQuery 00:11:02
    • Conclusion 00:02:46

• jQuery Facile Application #2/5 : Animer une fenêtre modale (voir la fiche produit)

  • • 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

• jQuery Facile Application #3/5 : Créer une galerie de photos (voir la fiche produit)

  • • Mettre en place les vignettes 00:10:23
    • Mettre en place la grande image 00:08:51
    • Mettre en place les liens suivant et précédent 00:07:26
    • Mettre en relation la grande image avec la vignette 00:08:23
    • Faire fonctionner le lien suivant 00:09:43
    • Faire fonctionner le lien précédent 00:03:58
    • Faire fonctionner le lien de fermeture 00:04:13
    • Conclusion 00:02:19

• jQuery Facile Application #4/5 : Créer un Menu Responsive (voir la fiche produit)

  • • Mettre en place le code HTML 00:05:20
    • Mettre en forme la zone HEADER 00:10:10
    • Mettre en place le menu burger 00:04:15
    • Mettre en place un media queries 00:06:07
    • Ecrire le programme jQuery 00:08:36
    • Conclusion 00:01:20

• jQuery Facile Application #5/5: Contrôler un formulaire (voir la fiche produit)

  • • Mettre en place le code HTML 00:06:20
    • Mettre en forme la base de notre document 00:07:26
    • Mettre en forme le formulaire 00:09:41
    • Contrôler que les champs du formulaire sont remplis 00:08:44
    • Contrôler que le champ LOGIN contient des caractères alphanumériques 00:10:46
    • Bloquer le formulaire si le LOGIN n'est pas satisfaisant 00:06:45
    • Bloquer le formulaire si l'EMAIL n'est pas satisfaisant 00:05:28
    • Bloquer le formulaire si l'AGE n'est pas satisfaisant 00:05:20
    • Conclusion 00:02:01