Contenu du cours
Maîtrise Avancée de JavaScript
Maîtrise Avancée de JavaScript
1. Classes
Bienvenue dans le CoursDéclaration de ClasseDéfi : Construire une ClasseMéthodes de ClasseDéfi : Ajouter des Méthodes à une ClasseObjet ParamètrePropriétés PrivéesDéfi : Implémentation de Propriétés Privées dans une ClasseAccesseurs et MutateursDéfi : Gestion des Propriétés avec Getters et SettersPropriétés StatiquesMéthodes StatiquesDéfi : Utilisation des Propriétés et Méthodes Statiques dans une ClasseHéritage avec Extends et Utilisation de super()Défi : Héritage de Classe avec Extends et Utilisation de Super
2. Manipulation du DOM
Qu'est-ce Que le DOM?Interroger le DOMDéfi : Interroger le DOMComprendre la Hiérarchie du DOMDéfi : Hiérarchie DOMPropriétés Du DOMTravailler Avec les Attributs des ÉlémentsDéfi : Travailler Avec les Propriétés et Attributs des ÉlémentsAjouter des ÉlémentsSuppression des ÉlémentsDéfi : Ajouter et Supprimer des ÉlémentsModifier les Styles des ÉlémentsDéfi : Modifier les Styles des Éléments
3. Événements et Gestion des Événements
4. JavaScript Asynchrone et APIs
Défi : Construire une Classe
Tâche
Vous créez un système pour gérer une flotte de location de voitures. Chaque véhicule a des détails spécifiques : la marque, le modèle et l'année. Construisez une classe Vehicle
pour représenter ces détails pour chaque voiture.
- Créer la Classe : Définissez une classe nommée
Vehicle
; - Ajouter un Constructeur : À l'intérieur de la classe
Vehicle
:- Définissez un constructeur qui prend trois paramètres :
make
,model
etyear
; - Assignez ces paramètres aux propriétés de la classe.
- Définissez un constructeur qui prend trois paramètres :
- Créer et Tester des Instances :
- Créez une instance de
Vehicle
nomméecar1
avec les valeurs"Toyota"
,"Camry"
, et2020
; - Créez une autre instance nommée
car2
avec"Ford"
,"Mustang"
, et2018
; - Affichez les propriétés pour chaque instance de voiture.
- Créez une instance de
class _____ { constructor(_____, _____, _____) { this._____ = _____; this._____ = _____; this._____ = _____; } } // Create instances const car1 = new _____(_____, _____, _____); const car2 = new _____(_____, _____, _____); // Output the details console.log(car1._____); // Expected: Toyota console.log(car1._____); // Expected: Camry console.log(car1._____); // Expected: 2020 console.log(car2._____); // Expected: Ford console.log(car2._____); // Expected: Mustang console.log(car2._____); // Expected: 2018
- Définir une classe nommée
Vehicle
; - Ajouter un constructeur avec trois paramètres :
make
,model
etyear
; - À l'intérieur du constructeur, assigner chaque paramètre à une propriété en utilisant
this
; - Créer une instance de
Vehicle
nomméecar1
avec les valeurs"Toyota"
,"Camry"
et2020
; - Créer une autre instance de
Vehicle
nomméecar2
avec les valeurs"Ford"
,"Mustang"
et2018
; - Utiliser
console.log()
pour afficher les propriétés decar1
etcar2
.
class Vehicle { constructor(make, model, year) { this.make = make; this.model = model; this.year = year; } } // Create instances const car1 = new Vehicle('Toyota', 'Camry', 2020); const car2 = new Vehicle('Ford', 'Mustang', 2018); // Output the details console.log(car1.make); // Output: Toyota console.log(car1.model); // Output: Camry console.log(car1.year); // Output: 2020 console.log(car2.make); // Output: Ford console.log(car2.model); // Output: Mustang console.log(car2.year); // Output: 2018
Tout était clair ?
Merci pour vos commentaires !
Section 1. Chapitre 3