Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Défi : Construire une Classe | Classes
Maîtrise Avancée de JavaScript
course content

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
Introduction aux Événements et aux Écouteurs d'ÉvénementsL'Objet ÉvénementDéfi : Événements et Écouteurs d'ÉvénementsPropagation et Délégation d'ÉvénementsDéfi : Propagation et Délégation d'ÉvénementsÉvénements Clavier et SourisGestion des Écouteurs d'Événements
4. JavaScript Asynchrone et APIs
Introduction à JavaScript AsynchroneRappelsPromessesAsync/AwaitTravailler Avec les APIsIntégration Pratique de l'APIDéfi : Travailler Avec l'APITravailler avec des Bibliothèques TiercesDéfi : Travailler Avec des Bibliothèques TiercesGestion de Plusieurs Requêtes Asynchrones

book
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.

  1. Créer la Classe : Définissez une classe nommée Vehicle ;

  2. Ajouter un Constructeur : À l'intérieur de la classe Vehicle :

    • Définissez un constructeur qui prend trois paramètres : make , model et year ;

    • Assignez ces paramètres aux propriétés de la classe.

  3. Créer et Tester des Instances :

    • Créez une instance de Vehicle nommée car1 avec les valeurs "Toyota" , "Camry" , et 2020 ;

    • Créez une autre instance nommée car2 avec "Ford" , "Mustang" , et 2018 ;

    • Affichez les propriétés pour chaque instance de voiture.


              
1234567891011121314151617181920

            
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
copy

  • Définir une classe nommée Vehicle ;

  • Ajouter un constructeur avec trois paramètres : make , model et year ;

  • À l'intérieur du constructeur, assigner chaque paramètre à une propriété en utilisant this ;

  • Créer une instance de Vehicle nommée car1 avec les valeurs "Toyota" , "Camry" et 2020 ;

  • Créer une autre instance de Vehicle nommée car2 avec les valeurs "Ford" , "Mustang" et 2018 ;

  • Utiliser console.log() pour afficher les propriétés de car1 et car2 .


              
1234567891011121314151617181920

            
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
copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 3

Demandez à l'IA

expand
ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

course content

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
Introduction aux Événements et aux Écouteurs d'ÉvénementsL'Objet ÉvénementDéfi : Événements et Écouteurs d'ÉvénementsPropagation et Délégation d'ÉvénementsDéfi : Propagation et Délégation d'ÉvénementsÉvénements Clavier et SourisGestion des Écouteurs d'Événements
4. JavaScript Asynchrone et APIs
Introduction à JavaScript AsynchroneRappelsPromessesAsync/AwaitTravailler Avec les APIsIntégration Pratique de l'APIDéfi : Travailler Avec l'APITravailler avec des Bibliothèques TiercesDéfi : Travailler Avec des Bibliothèques TiercesGestion de Plusieurs Requêtes Asynchrones

book
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.

  1. Créer la Classe : Définissez une classe nommée Vehicle ;

  2. Ajouter un Constructeur : À l'intérieur de la classe Vehicle :

    • Définissez un constructeur qui prend trois paramètres : make , model et year ;

    • Assignez ces paramètres aux propriétés de la classe.

  3. Créer et Tester des Instances :

    • Créez une instance de Vehicle nommée car1 avec les valeurs "Toyota" , "Camry" , et 2020 ;

    • Créez une autre instance nommée car2 avec "Ford" , "Mustang" , et 2018 ;

    • Affichez les propriétés pour chaque instance de voiture.


              
1234567891011121314151617181920

            
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
copy

  • Définir une classe nommée Vehicle ;

  • Ajouter un constructeur avec trois paramètres : make , model et year ;

  • À l'intérieur du constructeur, assigner chaque paramètre à une propriété en utilisant this ;

  • Créer une instance de Vehicle nommée car1 avec les valeurs "Toyota" , "Camry" et 2020 ;

  • Créer une autre instance de Vehicle nommée car2 avec les valeurs "Ford" , "Mustang" et 2018 ;

  • Utiliser console.log() pour afficher les propriétés de car1 et car2 .


              
1234567891011121314151617181920

            
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
copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 3
Nous sommes désolés de vous informer que quelque chose s'est mal passé. Qu'est-il arrivé ?
some-alt