Le développement moderne en JavaScript - Module 5/8
ERROR
00:00
00:00

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

Carl Brison
24,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
L'écouteur d'événements
Chapitre 2
Les événements
Chapitre 3
Cibler des éléments HTML
Chapitre 4
Exercice 1
Chapitre 5
Mettre en place plusieurs événements
Chapitre 6
Exercice 2
Chapitre 7
Plus loin avec les formulaires

Plan détaillé du cours

Chapitre 1 : L'écouteur d'événements
22m28s
 
Leçon 1Présentation
Leçon 2Théorie
Leçon 3La fonction de callback
Leçon 4Application
Leçon 5Le mot clé this
Chapitre 2 : Les événements
39m43s
 
Leçon 1Liste des événements
Leçon 2Evènement lié à la souris
Leçon 3Evénement lié au formulaire 1/3
Leçon 4Evénement lié au formulaire 2/3
Leçon 5Evénement lié au formulaire 3/3
Leçon 6Evénement lié aux touches du clavier
Chapitre 3 : Cibler des éléments HTML
11m57s
 
Leçon 1Rappel
Leçon 2La méthode querySelector
Leçon 3La méthode querySelectorAll
Chapitre 4 : Exercice 1
09m21s
 
Leçon 1Enoncé
Leçon 2Solution 1/2
Leçon 3Solution 2/2
Chapitre 5 : Mettre en place plusieurs événements
09m28s
 
Leçon 1Présentation
Leçon 2Création du premier événement
Leçon 3Création du deuxième événement
Leçon 4Et avec un toggle ?
Chapitre 6 : Exercice 2
13m08s
 
Leçon 1Enoncé
Leçon 2Solution 1/2
Leçon 3Solution 2/2
Chapitre 7 : Plus loin avec les formulaires
24m25s
 
Leçon 1Manipulation d'une case à cocher 1/2
Leçon 2Manipulation d'une case à cocher 2/2
Leçon 3Manipulation d'un menu select 1/3
Leçon 4Manipulation d'un menu select 2/3
Leçon 5Manipulation d'un menu select 3/3
Chapitre 8 : Conclusion
02m08s
 
Leçon 1Conclusion

Avis des apprenants

Détail des avis
9
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 09/03/2023
"Merci Carl pour ce cours sur les événements. J'ai adopté la même méthode que les cours sur jQuery et je me suis créé une documentation. C'est toujours un plaisir de suivre vos cours clairs, très bien expliqués et surtout avec des exemples pratiques. J'ai validé à 100% le cinquième cours sur le développement moderne en JS."
Carl Brison
Carl Brison
Vous avez parfaitement raison de vous faire une petite documentation, cela permet de se rafraichir facilement la mémoire. Merci beaucoup pour votre commentaire ;-)
Valérie Crouau
Valérie Crouau
Publié le 21/09/2021
Excellent tuto qui m'a permis d'acquérir 100% de nouvelles connaissances. De plus, les nombreux exercices présents dans ce tuto m'ont permis d'apprécier la puissance du langage JavaScript, c'est énormissime ! Merci Carl !
Carl Brison
Carl Brison
Génial ! Merci à vous, Valérie ;-)))
Cyrille Monstard
Cyrille Monstard
Publié le 18/05/2021
Très bon tuto, je le recommande.
Carl Brison
Carl Brison
Merci beaucoup ! C'est très gentil ;-)))

Vos questions sur le cours

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

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données