Crashkurs JavaScript

Lektion 1 • Code-Stil und grundlegende Syntaxregeln

Behandelt Semikolons, Leerzeichen, Kommentare und Namenskonventionen. Etabliert Clean-Code-Gewohnheiten, die während des gesamten Kurses häufige Anfängerfehler verhindern.

Lektion 2 • Einrichten Ihrer Entwicklungsumgebung

Installiert und konfiguriert einen Code-Editor, Browser-Entwicklertools und Node.js. Stellt sicher, dass jeder Teilnehmer von Anfang an einen konsistenten, funktionsfähigen Arbeitsplatz hat.

Lektion 3 • Schreiben und Ausführen Ihres ersten Skripts

Führt Script-Tags, externe JS-Dateien und die Browser-Konsole ein. Die Teilnehmer produzieren und debuggen sofort ihre erste funktionierende Ausgabe.

Lektion 1 • Primitive Datentypen

Behandelt String, Number, Boolean, null, undefined, Symbol und BigInt. Die Teilnehmer identifizieren und verwenden jeden Typ korrekt in Ausdrücken.

Lektion 2 • Arithmetische, Vergleichs- und logische Operatoren

Behandelt alle Hauptgruppen von Operatoren und die Operatorrangfolge. Die Teilnehmer schreiben korrekte Ausdrücke und verstehen, wie JS zusammengesetzte Bedingungen auswertet.

Lektion 3 • Typumwandlung und der typeof-Operator

Erläutert implizite und explizite Typkonvertierung und wie typeof Werte prüft. Die Teilnehmer vermeiden Umwandlungsfehler, indem sie die dynamische Typisierung von JS verstehen.

Lektion 1 • Schleifensteuerung mit break und continue

Führt break und continue ein, um den Ausführungsfluss von Schleifen zu ändern. Die Teilnehmer schreiben effiziente Schleifen, die unnötige Iterationen überspringen oder vorzeitig beenden.

Lektion 2 • Truthy, Falsy und Kurzschlussauswertung

Erläutert, welche Werte JS in booleschen Kontexten als false behandelt und wie Kurzschlusslogik funktioniert. Die Teilnehmer schreiben prägnante, sichere bedingte Ausdrücke.

Lektion 3 • for-, while- und do-while-Schleifen

Behandelt die drei primären Schleifenkonstrukte und ihre geeigneten Anwendungsfälle. Die Teilnehmer wählen den richtigen Schleifentyp und steuern die Iteration präzise.

Lektion 4 • Bedingte Anweisungen

Lehrt if-, else if-, else- und switch-Anweisungen für Verzweigungslogik. Die Teilnehmer übersetzen reale Regeln in ausführbare Entscheidungsbäume.

Lektion 1 • Arrow-Funktionen und lexikalisches this

Führt die Arrow-Funktionssyntax ein und erklärt, wie sie sich in Bezug auf this von regulären Funktionen unterscheiden. Die Teilnehmer verwenden Arrow-Funktionen korrekt in Callbacks und Methoden.

Lektion 2 • Scope, Closures und die Scope-Chain

Erklärt globalen, Funktions- und Block-Scope und baut dann auf Closures auf. Die Teilnehmer nutzen Closures für Datenkapselung und Factory-Muster.

Lektion 3 • Parameter, Argumente und Rückgabewerte

Behandelt Standardparameter, Rest-Parameter und explizite Rückgabe. Die Teilnehmer schreiben flexible Funktionen, die variable Eingaben elegant verarbeiten.

Lektion 4 • Funktionsdeklarationen und -ausdrücke

Vergleicht Funktionsdeklarationen, Funktionsausdrücke und benannte Funktionsausdrücke. Die Teilnehmer verstehen Hoisting-Unterschiede und wählen die richtige Form.

Lektion 1 • Erstellen und Zugreifen auf Arrays

Behandelt Array-Literale, Indexierung, Länge und verschachtelte Arrays. Die Teilnehmer erstellen und lesen Arrays jeder Form sicher.

Lektion 2 • Suchen und Testen von Arrays

Führt find, findIndex, indexOf, includes, some und every ein. Die Teilnehmer durchsuchen Arrays effizient ohne manuelle Schleifen.

Lektion 3 • Destrukturierung und Spread mit Arrays

Behandelt die Array-Destrukturierungszuweisung und den Spread-Operator. Die Teilnehmer schreiben prägnanten Code zum Entpacken und Kombinieren von Arrays.

Lektion 4 • Mutierende Array-Methoden

Lehrt push, pop, shift, unshift, splice und sort. Die Teilnehmer fügen Elemente hinzu, entfernen und ordnen sie um und verstehen dabei die Seiteneffekte der Mutation.

Lektion 1 • Prototypen und die Prototypenkette

Erklärt prototypenbasierte Vererbung und Eigenschaftssuche. Die Teilnehmer verstehen, wie JS-Objekte Verhalten ohne Duplizierung teilen.

Lektion 2 • Objekt-Destrukturierung, Spread und Hilfsmethoden

Behandelt Destrukturierungszuweisung, Spread/Rest für Objekte und Hilfsmethoden von Object. Die Teilnehmer schreiben prägnanten Code zur Objektmanipulation.

Lektion 3 • Objekt-Literale und Eigenschaftszugriff

Behandelt Objekterstellung, Punktnotation, Klammernotation und Kurzschreibweisen für Eigenschaften. Die Teilnehmer erstellen und lesen Objekte als primäre Datenstruktur in JS.

Lektion 4 • ES6-Klassen und Vererbung

Führt die Klassen-Syntax, Konstruktoren und extends für Vererbung ein. Die Teilnehmer modellieren Hierarchien mit modernen, lesbaren klassenbasierten Mustern.

Lektion 1 • Die Ereignisschleife und der Aufruf-Stack

Erklärt das Single-Threaded-Modell, den Aufruf-Stack und die Ereignisschleife. Die Teilnehmer verstehen, warum asynchrone Muster existieren und wie JS Arbeit plant.

Lektion 2 • async- und await-Syntax

Führt async-Funktionen und await-Ausdrücke als syntaktischen Zucker über Promises ein. Die Teilnehmer schreiben asynchronen Code, der sich wie synchrone Logik liest.

Lektion 3 • Promise-Kombinatoren und die Fetch-API

Behandelt Promise.all, Promise.race, Promise.allSettled und die Fetch-API. Die Teilnehmer koordinieren mehrere asynchrone Operationen und rufen entfernte Daten ab.

Lektion 4 • Callbacks und Callback-Hölle

Behandelt asynchrone Callbacks und das von ihnen verursachte Verschachtelungsproblem. Die Teilnehmer erkennen die Callback-Hölle und verstehen, warum Promises eingeführt wurden.

Lektion 1 • Erstellen und Entfernen von DOM-Elementen

Behandelt createElement, appendChild, insertBefore und remove. Die Teilnehmer erstellen und entfernen Seitenelemente programmatisch.

Lektion 2 • Ereignisbehandlung und Delegation

Führt addEventListener, Ereignisobjekte und Delegation durch Bubbling ein. Die Teilnehmer hängen effiziente Listener an, die mit dynamischen Inhalten funktionieren.

Lektion 3 • Auswählen von DOM-Elementen

Behandelt getElementById, querySelector, querySelectorAll und verwandte Selektoren. Die Teilnehmer rufen einzelne und mehrere Elemente zuverlässig ab.

Lektion 4 • Verstehen des DOM-Baums

Erklärt das Document Object Model als einen Knotenbaum. Die Teilnehmer navigieren Eltern-, Kind- und Geschwisterbeziehungen, um jedes Element zu lokalisieren.