Kursinhalt
Fortgeschrittene JavaScript-Meisterschaft
Fortgeschrittene JavaScript-Meisterschaft
1. Klassen
Willkommen Zum KursKlassendeklarationHerausforderung: Eine Klasse ErstellenKlassenmethodenHerausforderung: Methoden zu einer Klasse HinzufügenParameterobjektPrivate EigenschaftenHerausforderung: Implementierung Privater Properties in Einer KlasseGetter und SetterHerausforderung: Verwalten von Eigenschaften mit Getters und SettersStatische EigenschaftenStatische MethodenHerausforderung: Verwenden von Statischen Eigenschaften und Methoden in Einer KlasseVererbung mit Extends und Verwendung von Super()Herausforderung: Klassenvererbung mit extends und Verwendung von super
2. DOM-Manipulation
Was Ist das DOM?Abfragen des DOMHerausforderung: Abfragen des DOMVerstehen der DOM-HierarchieHerausforderung: DOM-HierarchieDOM-EigenschaftenArbeiten mit Element-AttributenHerausforderung: Arbeiten mit Element-Eigenschaften und -AttributenElemente HinzufügenElemente EntfernenHerausforderung: Hinzufügen und Entfernen von ElementenÄndern von ElementstilenHerausforderung: Ändern von Elementstilen
4. Asynchrones JavaScript und APIs
Herausforderung: Eine Klasse Erstellen
Aufgabe
Sie erstellen ein System zur Verwaltung einer Autovermietungsflotte. Jedes Fahrzeug hat spezifische Details: die Marke, das Modell und das Baujahr. Erstellen Sie eine Vehicle
-Klasse, um diese Details für jedes Auto darzustellen.
- Erstellen Sie die Klasse: Definieren Sie eine Klasse namens
Vehicle
; - Fügen Sie einen Konstruktor hinzu: Innerhalb der
Vehicle
-Klasse:- Definieren Sie einen Konstruktor, der drei Parameter entgegennimmt:
make
,model
undyear
; - Weisen Sie diese Parameter den Klassen-Eigenschaften zu.
- Definieren Sie einen Konstruktor, der drei Parameter entgegennimmt:
- Erstellen und testen Sie Instanzen:
- Erstellen Sie eine
Vehicle
-Instanz namenscar1
mit den Werten"Toyota"
,"Camry"
und2020
; - Erstellen Sie eine weitere Instanz namens
car2
mit"Ford"
,"Mustang"
und2018
; - Protokollieren Sie die Eigenschaften für jede Auto-Instanz.
- Erstellen Sie eine
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
- Definieren Sie eine Klasse namens
Vehicle
; - Fügen Sie einen Konstruktor mit drei Parametern hinzu:
make
,model
undyear
; - Weisen Sie im Konstruktor jedem Parameter eine Eigenschaft mit
this
zu; - Erstellen Sie eine Instanz von
Vehicle
namenscar1
mit den Werten"Toyota"
,"Camry"
und2020
; - Erstellen Sie eine weitere Instanz von
Vehicle
namenscar2
mit den Werten"Ford"
,"Mustang"
und2018
; - Verwenden Sie
console.log()
, um die Eigenschaften voncar1
undcar2
anzuzeigen.
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
War alles klar?
Danke für Ihr Feedback!
Abschnitt 1. Kapitel 3