24,00

Tuto Le développement moderne en JavaScript - Module 5/8 avec JavaScript

24,00

  • Une formation vidéo de 2h12m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto dédié au JavaScript moderne, nous allons faire un véritable bon en avant !
En effet, nous allons commencer à manipuler des éléments HTML grâce au JavaScript et cela sans jamais recharger la page courante.
Voila qui va devenir très intéressant pour ajouter de l'interactivité à la page web et ainsi améliorer l'expérience utilisateur !

Je vais vous présenter une méthode qui va nous permettre de pouvoir gérer les différents événements qui peuvent se produire sur une page web. Nous allons alors capter ces événements (les écouter) et appliquer des actions concrètes sur la page web.

Vous allez sentir dans vos mains, toute la puissance de vos connaissances acquises jusqu'à maintenant en JavaScript moderne 🤓

Je mets à votre disposition, l'ensemble des exercices et exemples utilisés dans ce tutoriel.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
 

Accès aux modules précédents sur le Javascript Moderne :

Table des matières de cette formation JavaScript (durée : 2h12m)

  • L'écouteur d'événements
    • Présentation gratuit 00:05:23
    • Théorie 00:05:11
    • La fonction de callback 00:02:57
    • Application 00:02:48
    • Le mot clé this 00:06:09
  • Les événements
    • Liste des événements 00:03:55
    • Evènement lié à la souris 00:10:29
    • Evénement lié au formulaire 1/3 00:08:12
    • Evénement lié au formulaire 2/3 00:05:44
    • Evénement lié au formulaire 3/3 00:04:38
    • Evénement lié aux touches du clavier 00:06:45
  • Cibler des éléments HTML
    • Rappel 00:03:22
    • La méthode querySelector 00:04:56
    • La méthode querySelectorAll 00:03:39
  • Exercice 1
    • Enoncé gratuit 00:01:06
    • Solution 1/2 00:04:10
    • Solution 2/2 00:04:05
  • Mettre en place plusieurs événements
    • Présentation gratuit 00:01:31
    • Création du premier événement 00:04:23
    • Création du deuxième événement 00:01:47
    • Et avec un toggle ? 00:01:47
  • Exercice 2
    • Enoncé gratuit 00:01:20
    • Solution 1/2 00:03:52
    • Solution 2/2 00:07:56
  • Plus loin avec les formulaires
    • Manipulation d'une case à cocher 1/2 00:03:54
    • Manipulation d'une case à cocher 2/2 00:05:13
    • Manipulation d'un menu select 1/3 00:03:51
    • Manipulation d'un menu select 2/3 00:05:25
    • Manipulation d'un menu select 3/3 00:06:02
  • Conclusion
    • Conclusion 00:02:08



Formateur : Carl Brison

Carl Brison a publié 182 tutoriels et obtenu une note moyenne de 4,9/5 sur 12 496 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

2
avis laissés
5 étoiles
2
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de jc-crea-design laissé le 26/10/2020
    Génial, je vois déjà comment améliorer le site de mon père. Par contre juste si vous le permettez Carl, sur la partie "Et le toggle ?" de ce tuto, pour moi votre démonstration n'est pas finit. J'aurai rappelé l'exercice sur la mise en couleur des chapitre 1 2 3 et dit (si je ne me trompe pas) que le toggle est essentiellement utiliser avec l'evenement click. Mais sinon toujours au top vos tutos !
    "Merci beaucoup pour votre commentaire. Pour être plus général dans ma réponse, je vous dirais que le toggle sera utilisé selon vos attentes."

  • 5
    avis de membre-8970-351 laissé le 09/10/2020
    Ca monte en puissance et donc en compétences ! Dans la continuité des précédents modules, avec un formateur TOP ! Yves B.
    "Merci beaucoup pour votre commentaire, Yves ;-)"

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    JavaScript
  • Que contient le fichier source ?
    L'ensemble des exemples et exercices de ce tuto.
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1244 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données