Grundlagen der Webentwicklung | HTML | CSS | JavaScript

Erste Schritte in der Entwicklung:

• Druckaktion console.log

• Definieren einer Variable vom Typ var

• Variablen kombinieren mit console.log

Grundlegende mathematische Operationen:

• Definieren von Zahlvariablen

• Arithmetische Operationen - Addition, Subtraktion, Multiplikation und Division

• Verwendung von console.log mit arithmetischen Operationen

Strings:

• Was ist ein String

• Definieren von Stringvariablen

• Verständnis der String-Indizierung

• Verwendung des Operators eckige Klammern []

Bedingungen und Boolesche Variablen:

• Verständnis der if-Bedingung

• Größer-als-Operation

• Kleiner-als-Operation

• Gleichheitsoperation

• Ungleichheitsoperation (nicht gleich)

• Größer-als-oder-gleich-Operation

• Kleiner-als-oder-gleich-Operation

• Verwendung einfacher Bedingungen

Erweiterte Bedingungen:

• Erweiterte Bedingungen und logische Operatoren (&& und ||)

• Verwendung von if und else

• Verwendung komplexer Bedingungen mit else if

Modulo-Operation:

• Verwendung der Modulo-Operation (%) zur Berechnung des Restwerts

• Verwendung einer Methode zur Berechnung der Anzahl der Ziffern in einer Zahl

• Verwendung von parseInt zur Rundung eines Zahlenergebnisses

While-Schleifen:

• Wie man eine while-Schleife schreibt

• Verständnis des Konzepts von Index und dessen Verwendung

For-Schleifen:

• Definieren einer for-Schleife und deren Verwendung

• Verständnis der Initialisierung, Inkrementierung und Beendigung von Schleifen

Fortgeschrittene Themen zu Modulo:

• Verwendung von Modulo für komplexere Aufgaben

• Wie man die Summe der Ziffern von Zahlen berechnet

Arrays:

• Definieren eines Arrays

• Verständnis des Konzepts von Index in einem Array und dessen Verwendung

• Iterieren über Arrays mit Schleifen

Objekte:

• Definieren eines leeren Objekts

• Initialisieren von Schlüsseln in einem Objekt

• Zugriff auf Schlüssel mit dem Punktoperator

• Dynamischer Zugriff auf Schlüssel

Fortgeschrittene Themen zu Objekten:

• Array von Objekten

• Verwendung einer Schleife zur Iteration über ein Array von Objekten

• Object.keys-Methode

• Object.values-Methode

• JSON.stringify-Methode

• JSON.parse-Methode

Funktionen Teil A:

• Definieren von Funktionen

• Definieren von Argumenten für eine Funktion

• Rückgabewerte einer Funktion

• Schreiben komplexerer Funktionen

Funktionen Teil B:

• Aufrufen mehrerer Funktionen

• Eine Funktion innerhalb einer anderen Funktion aufrufen.

• Verkettung von Funktionen

Verschachtelte For-Schleifen:

• Definieren verschachtelter for-Schleifen

• Richtige Verwendung von Indizes

• Komplexe Beispiele mit Arrays

Erstellen eines Elements mit Code:

• Kombinieren der Bereiche HTML, CSS und JavaScript

• Verständnis des DOM (Document Object Model)

• Erstellen eines einfachen HTML-Elements mit Code

• Verwendung von innerText und classList

• Verwendung der appendChild-Funktion

Erstellen einer Liste mit einer Schleife:

• Erstellen eines dynamischen ul-Elements

• Erstellen dynamischer li-Elemente

• Verwendung von Funktionen für die dynamische Erstellung

Abrufen von Elementen von der Seite:

• Verständnis der getElementById-Funktion zum Abrufen

• Verständnis der getElementsByClassName-Funktion zum Abrufen

• Verständnis der getElementsByTagName-Funktion zum Abrufen

• Verständnis der querySelectorAll-Funktion zum Abrufen

• Verständnis der querySelector-Funktion zum Abrufen

• Verständnis der createElement-Funktion zur Erstellung

Erstellen einer dynamischen Tabelle:

• Dynamisches Erstellen eines Tabellenelements

• Verwendung von Arrays und Funktionen zum Erstellen der Tabelle

Ereignisse Teil A:

• Binden eines Klickereignisses an eine Schaltfläche

• Verwendung von addEventListener

• Dynamisches Einfügen von Inhalten auf der Seite nach einem Ereignis mit dem Benutzer

Ereignisse Teil B:

• Verwendung von Eingaben und Ereignissen

• Integration von dynamischen Elementen

• Komplexere Beispiele

Callback-Funktionen:

• Was ist eine Callback-Funktion

• Wann man sie verwendet

• Wie man Argumente übergibt

• Wie man die Korrektheit des Codes prüft

Timer:

• Verständnis der setTimeout-Funktion

• Verständnis der setInterval-Funktion

• Verständnis der asynchronen Natur in der Sprache

Kommunikation mit dem Server Teil A:

• Verständnis des xmlHttpRequest-Objekts

• Herstellen einer Kommunikation mit einem echten Server zum Abrufen von Daten

• Erstellen dynamischer Elemente auf der Seite

Kommunikation mit dem Server Teil B:

• Verwendung von Ereignissen und Kommunikation

• Erstellen eines komplexen Ablaufs für eine dynamische Seite, die mit dem Server interagiert

• Verständnis des asynchronen Verhaltens in JavaScript

Verwendung von Promises:

• Verständnis des Promise-Objekts

• Verwendung von then und catch

• Herstellen einer Kommunikation mit Promises

• Erstellen eines komplexen Ablaufs mit Promises

Abschließende Worte