Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
Fullstack JS - Développez un site eCommerce - React, Node, Express, MongoDB & Stripe
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
L'écouteur d'événements
Chapitre 2
Les événements
Les événements
Chapitre 3
Cibler des éléments HTML
Cibler des éléments HTML
Chapitre 4
Exercice 1
Exercice 1
Chapitre 5
Mettre en place plusieurs événements
Mettre en place plusieurs événements
Chapitre 6
Exercice 2
Exercice 2
Chapitre 7
Plus loin avec les formulaires
Plus loin avec les formulaires
Plan détaillé du cours
Chapitre 1 : L'écouteur d'événements
22m28
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
39m43
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
11m57
Leçon 1Rappel
Leçon 2La méthode querySelector
Leçon 3La méthode querySelectorAll
Chapitre 4 : Exercice 1
09m21
Leçon 1Enoncé
Leçon 2Solution 1/2
Leçon 3Solution 2/2
Chapitre 5 : Mettre en place plusieurs événements
09m28
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
13m08
Leçon 1Enoncé
Leçon 2Solution 1/2
Leçon 3Solution 2/2
Chapitre 7 : Plus loin avec les formulaires
24m25
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
02m08
Leçon 1Conclusion
Avis des apprenants