Kurs: JavaScript

Was du in 9 Einheiten lernst

1. 1

   Variablen und Datentypen in JavaScript

   Hier starten

   Schreibe JavaScript mit Variablen, Datentypen, Operatoren und Bedingungen, führe es in der Konsole des Browsers aus und behebe Fehler mit dem Debugger.

   6 Lernziele

   Was du lernst

   1. 1.Führe JavaScript auf einer Webseite aus
   2. 2.Speichere Werte mit let und const in Variablen
   3. 3.Arbeite mit Zahlen, Zeichenketten und booleschen Werten
   4. 4.Wandle Datentypen um und sage implizite Typumwandlungen voraus
   5. 5.Triff Entscheidungen mit Vergleichen und Bedingungen
   6. 6.Finde und behebe Fehler mit Konsole und Debugger
2. 2

   Schleifen und Arrays in JavaScript

   Wiederhole Aufgaben mit Schleifen und verarbeite Datenlisten mit Array-Methoden wie map, filter, find und reduce.

   5 Lernziele

   Was du lernst

   1. 1.Wiederhole Code mit Schleifen
   2. 2.Speichere und verändere Datenlisten in Arrays
   3. 3.Durchlaufe Arrays mit Schleifen
   4. 4.Verarbeite Arrays mit Methoden, die Callbacks aufrufen
   5. 5.Sortiere, kopiere und kombiniere Arrays
3. 3

   Funktionen und Closures in JavaScript

   Schreibe Funktionsdeklarationen und Pfeilfunktionen, erkläre Gültigkeitsbereiche und Closures und übergib Funktionen als Callbacks.

   5 Lernziele

   Was du lernst

   1. 1.Definiere Funktionen in drei Formen und rufe sie auf
   2. 2.Übergib Funktionen Werte und erhalte Ergebnisse zurück
   3. 3.Erkläre, wo du eine Variable verwenden kannst
   4. 4.Gib Funktionen mit Closures ein eigenes Gedächtnis
   5. 5.Übergib Funktionen an andere Funktionen
4. 4

   Objekte und JSON in JavaScript

   Modelliere Daten mit Objekten, verwende Destrukturierung und Spread, erkläre das Schlüsselwort this und wandle Daten in JSON und JSON in Daten um.

   5 Lernziele

   Was du lernst

   1. 1.Modelliere Daten mit Objekten
   2. 2.Gib Objekten mit Methoden und this ein Verhalten
   3. 3.Entpacke und kombiniere Daten mit Destrukturierung, Spread und Rest
   4. 4.Speichere Sammlungen mit Map und Set
   5. 5.Wandle Daten in JSON und JSON in Daten um
5. 5

   Document Object Model

   Wähle Seitenelemente mit der DOM-API aus, ändere, erstelle und entferne sie, damit sich eine Seite ohne Neuladen aktualisiert.

   6 Lernziele

   Was du lernst

   1. 1.Verstehe, wie aus einer Webseite ein DOM-Baum entsteht
   2. 2.Wähle die Elemente aus, mit denen du arbeiten möchtest
   3. 3.Ändere den Text und die Attribute von Elementen
   4. 4.Ändere das Aussehen von Elementen
   5. 5.Erstelle, füge ein und entferne Elemente
   6. 6.Rendere Listen und Tabellen aus Daten
6. 6

   Ereignisse in JavaScript

   Reagiere mit Event-Listenern auf Klicks, Tastendrücke und Formulareingaben und validiere Formulare vor dem Absenden.

   5 Lernziele

   Was du lernst

   1. 1.Reagiere mit Event-Listenern auf Ereignisse
   2. 2.Verfolge die Weitergabe von Ereignissen durch die Seite
   3. 3.Verarbeite Tastatur- und Zeigereingaben
   4. 4.Verarbeite Formulare und validiere Eingaben vor dem Absenden
   5. 5.Erstelle eigene Bedienelemente, die alle nutzen können
7. 7

   Asynchrones JavaScript

   Erkläre die Ereignisschleife und schreibe asynchronen Code mit Callbacks, Promises und async-Funktionen, einschließlich Fehlerbehandlung.

   6 Lernziele

   Was du lernst

   1. 1.Erkläre, wie JavaScript asynchronen Code ausführt
   2. 2.Schreibe und organisiere Code mit Callbacks
   3. 3.Erstelle und nutze Promises
   4. 4.Schreibe asynchronen Code mit async und await
   5. 5.Behandle Fehler in asynchronem Code
   6. 6.Führe asynchrone Aufgaben parallel aus
8. 8

   Daten abrufen und Browser-APIs

   Lade und sende Daten mit fetch und JSON-Web-APIs, zeige die Ergebnisse auf einer Seite an und speichere kleine Datenmengen im Browser.

   5 Lernziele

   Was du lernst

   1. 1.Rufe Daten mit fetch ab und sende sie
   2. 2.Zeige API-Daten auf einer Seite an
   3. 3.Arbeite sicher mit APIs anderer Ursprünge
   4. 4.Speichere Daten im Browser
   5. 5.Nutze Gerätefunktionen über Browser-APIs
9. 9

   Klassen und Module in JavaScript

   Gliedere Code mit ES-Modulen und Klassen, installiere Pakete mit npm und nutze Werkzeuge wie Linter, Bundler und Test-Runner.

   5 Lernziele

   Was du lernst

   1. 1.Modelliere Objekte mit Klassen und Prototypen
   2. 2.Gliedere Code in ES-Module
   3. 3.Verwalte ein Projekt und seine Pakete mit npm
   4. 4.Prüfe, teste und baue Code mit Entwicklerwerkzeugen
   5. 5.Ordne TypeScript und Frameworks in die JavaScript-Werkzeugkette ein