Fortgeschrittene JavaScript-Meisterschaft

Kursinhalt

Fortgeschrittene JavaScript-Meisterschaft

Fortgeschrittene JavaScript-Meisterschaft

1. Klassen

Willkommen Zum Kurs Klassendeklaration Herausforderung: Eine Klasse Erstellen Klassenmethoden Herausforderung: Methoden zu einer Klasse Hinzufügen Parameterobjekt Private Eigenschaften Herausforderung: Implementierung Privater Properties in Einer Klasse Getter und Setter Herausforderung: Verwalten von Eigenschaften mit Getters und Setters Statische Eigenschaften Statische Methoden Herausforderung: Verwenden von Statischen Eigenschaften und Methoden in Einer Klasse Vererbung mit Extends und Verwendung von Super()Herausforderung: Klassenvererbung mit extends und Verwendung von super

2. DOM-Manipulation

Was Ist das DOM?Abfragen des DOM Herausforderung: Abfragen des DOM Verstehen der DOM-Hierarchie Herausforderung: DOM-Hierarchie DOM-Eigenschaften Arbeiten mit Element-Attributen Herausforderung: Arbeiten mit Element-Eigenschaften und -Attributen Elemente Hinzufügen Elemente Entfernen Herausforderung: Hinzufügen und Entfernen von Elementen Ändern von Elementstilen Herausforderung: Ändern von Elementstilen

3. Ereignisse und Ereignisbehandlung

Einführung in Ereignisse und Ereignis-Listener Das Ereignisobjekt Herausforderung: Ereignisse und Event-Listener Ereignisausbreitung und Delegierung Herausforderung: Ereignisausbreitung und Delegation Tastatur- und Mausereignisse Verwalten von Event-Listenern

4. Asynchrones JavaScript und APIs

Einführung in Asynchrones JavaScript Rückrufe Versprechen Async/Await Arbeiten mit APIs Praktische API-Integration Herausforderung: Arbeiten mit API Arbeiten Mit Drittanbieterbibliotheken Herausforderung: Arbeiten mit Drittanbieter-Bibliotheken Umgang mit Mehreren Asynchronen Anfragen

Elemente Hinzufügen

Die Manipulation des DOMs beinhaltet oft das dynamische Erstellen und Hinzufügen neuer Elemente zum Dokument oder das Entfernen vorhandener Elemente basierend auf Benutzerinteraktionen. Hier werden wir betrachten, wie man Elemente dynamisch erstellt und hinzufügt.

Erstellen neuer Elemente und Hinzufügen zum DOM

JavaScript bietet Methoden wie createElement(), appendChild() und insertBefore(), um neue Elemente zu erstellen und dem DOM hinzuzufügen.

CreateElement()

Die Methode createElement() erstellt ein neues HTML-Element, fügt es jedoch nicht dem DOM hinzu, bis Sie dies explizit mit Methoden wie appendChild() oder insertBefore() tun.

AppendChild()

Die Methode appendChild() fügt ein neues Kindelement am Ende der Liste der Kindelemente eines Elternelements hinzu. Sie wird häufig verwendet, um Elemente am Ende eines Abschnitts, einer Liste oder eines Containers hinzuzufügen.

index.html

index.js

InsertBefore()

Die Methode insertBefore() fügt ein neues Element vor einem angegebenen vorhandenen Kindelement ein und ermöglicht so eine genauere Platzierung innerhalb eines Elternteils.

index.html

index.js

1. Was macht die Methode `createElement()`?

2. Was wird der folgende Code tun?

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 9

some-alt