JavaScript
Vom ersten console.log bis zu DOM, Events, fetch und Klassen. Am Ende machst du eine Seite bedienbar und holst dir Daten aus dem Netz.
Abschnitt 1 · JavaScript anschalten
Was ist JavaScript?
Lektion 1 von 6 · Noch nicht begonnen
Lesen kannst du jede Lektion ohne Konto. Mit dem Basis Konto, das nichts kostet, lässt du die Beispiele laufen, löst die Aufgaben und behältst deinen Stand auf jedem Gerät.
Deine Strecke 0 von 20 Abschnitten erledigt
- 01 JavaScript anschalten , noch offen
- 02 Werte und Variablen , noch offen
- 03 Operatoren und Entscheidungen , noch offen
- 04 Schleifen , noch offen
- 05 Funktionen , noch offen
- 06 Arrays , noch offen
- 07 Objekte , noch offen
- 08 Text verarbeiten , noch offen
- 09 Muster mit regulären Ausdrücken , noch offen
- 10 Das DOM lesen , noch offen
- 11 Das DOM verändern , noch offen
- 12 Events , noch offen
- 13 Formulare , noch offen
- 14 Fehler und Debugging , noch offen
- 15 Zeit und Asynchronität , noch offen
- 16 Daten aus dem Netz , noch offen
- 17 Im Browser speichern , noch offen
- 18 Klassen und Module , noch offen
- 19 Weitere Web-APIs , noch offen
- 20 Sauberes JavaScript , noch offen
Abschnitt 1
JavaScript anschalten
Abschnitt 2
Werte und Variablen
- 2.1 let und const
- 2.2 Die Datentypen
- 2.3 Zahlen
- 2.4 Text
- 2.5 Template Literals
- 2.6 Wahr, falsch, nichts
- 2.7 Typen umwandeln
- 2.8 Der Kassenzettel Projekt
Am Ende des Abschnitts
Der Kassenzettel
Lektion 2.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 3
Operatoren und Entscheidungen
- 3.1 Rechnen und zuweisen
- 3.2 Vergleichen
- 3.3 Wahr genug und falsch genug
- 3.4 Logische Operatoren
- 3.5 if, else if, else
- 3.6 switch
- 3.7 Der ternäre Operator
- 3.8 Die Rabattstaffel Projekt
Am Ende des Abschnitts
Die Rabattstaffel
Lektion 3.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 4
Schleifen
- 4.1 Die for-Schleife
- 4.2 while und do while
- 4.3 break und continue
- 4.4 Schleifen ineinander
- 4.5 Das Einmaleins Projekt
Am Ende des Abschnitts
Das Einmaleins
Lektion 4.5 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 5
Funktionen
- 5.1 Funktionen deklarieren und aufrufen
- 5.2 Parameter und Argumente
- 5.3 return
- 5.4 Arrow Functions
- 5.5 Standardwerte und beliebig viele Argumente
- 5.6 Gültigkeitsbereich
- 5.7 Funktionen als Werte
- 5.8 Der Werkzeugkasten Projekt
Am Ende des Abschnitts
Der Werkzeugkasten
Lektion 5.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 6
Arrays
- 6.1 Arrays anlegen und lesen
- 6.2 Hinzufügen und entfernen
- 6.3 Durchlaufen
- 6.4 Suchen und prüfen
- 6.5 Umformen mit map
- 6.6 Filtern mit filter
- 6.7 Zusammenfassen mit reduce
- 6.8 Sortieren
- 6.9 Die Bestenliste Projekt
Am Ende des Abschnitts
Die Bestenliste
Lektion 6.9 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 7
Objekte
- 7.1 Objekte anlegen und lesen
- 7.2 Objekte verändern
- 7.3 Methoden und this
- 7.4 Verschachtelte Daten
- 7.5 Destructuring
- 7.6 Spread und Rest
- 7.7 Über Objekte laufen
- 7.8 Der Datensatz Projekt
Am Ende des Abschnitts
Der Datensatz
Lektion 7.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 8
Text verarbeiten
- 8.1 Zeichen und Teilstücke
- 8.2 Suchen und ersetzen
- 8.3 Aufteilen und verbinden
- 8.4 Zahlen formatieren
- 8.5 Eingaben aufräumen Projekt
Am Ende des Abschnitts
Eingaben aufräumen
Lektion 8.5 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 9
Muster mit regulären Ausdrücken
- 9.1 Was ein Muster ist
- 9.2 Zeichenklassen und Wiederholungen
- 9.3 Anker, Gruppen und Alternativen
- 9.4 Suchen, prüfen, ersetzen
- 9.5 Die Eingabeprüfung Projekt
Am Ende des Abschnitts
Die Eingabeprüfung
Lektion 9.5 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 10
Das DOM lesen
- 10.1 Was das DOM ist
- 10.2 Elemente finden
- 10.3 Durch den Baum laufen
- 10.4 Wenn nichts gefunden wird
- 10.5 Inhalte und Attribute lesen
- 10.6 Die Seite auslesen Projekt
Am Ende des Abschnitts
Die Seite auslesen
Lektion 10.6 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Ab hier hilft der CSS-Kurs, nötig ist er nicht.
Abschnitt 11
Das DOM verändern
- 11.1 Text ändern
- 11.2 Attribute setzen
- 11.3 Klassen schalten
- 11.4 Stile direkt setzen
- 11.5 Elemente erstellen und einhängen
- 11.6 Elemente entfernen und ersetzen
- 11.7 Listen aus Daten bauen
- 11.8 Die Kartenliste Projekt
Am Ende des Abschnitts
Die Kartenliste
Lektion 11.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 12
Events
- 12.1 Auf ein Ereignis hören
- 12.2 Das Event-Objekt
- 12.3 Die wichtigsten Ereignisse
- 12.4 Standardverhalten verhindern
- 12.5 Bubbling
- 12.6 Event-Delegation
- 12.7 Listener wieder entfernen
- 12.8 Zähler und Galerie Projekt
Am Ende des Abschnitts
Zähler und Galerie
Lektion 12.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 13
Formulare
- 13.1 Werte lesen
- 13.2 Das submit-Ereignis
- 13.3 Was HTML schon prüft
- 13.4 Eigene Prüfungen und Meldungen
- 13.5 FormData
- 13.6 Das geprüfte Formular Projekt
Am Ende des Abschnitts
Das geprüfte Formular
Lektion 13.6 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 14
Fehler und Debugging
- 14.1 Die Fehlerarten
- 14.2 try, catch, finally
- 14.3 Eigene Fehler werfen
- 14.4 Debuggen
- 14.5 Gegen falsche Eingaben härten Projekt
Am Ende des Abschnitts
Gegen falsche Eingaben härten
Lektion 14.5 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 15
Zeit und Asynchronität
- 15.1 setTimeout und setInterval
- 15.2 Was asynchron heißt
- 15.3 Callbacks und ihre Grenzen
- 15.4 Promises
- 15.5 async und await
- 15.6 Mehrere Promises
- 15.7 Die Stoppuhr Projekt
Am Ende des Abschnitts
Die Stoppuhr
Lektion 15.7 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 16
Daten aus dem Netz
- 16.1 JSON
- 16.2 fetch
- 16.3 Fehler behandeln
- 16.4 Ladezustände anzeigen
- 16.5 Daten schicken
- 16.6 Die Liste aus dem Netz Projekt
Am Ende des Abschnitts
Die Liste aus dem Netz
Lektion 16.6 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 17
Im Browser speichern
- 17.1 localStorage
- 17.2 Objekte speichern
- 17.3 sessionStorage und die Grenzen
- 17.4 Gemerkte Einstellungen Projekt
Am Ende des Abschnitts
Gemerkte Einstellungen
Lektion 17.4 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 18
Klassen und Module
- 18.1 Klassen
- 18.2 Vererbung
- 18.3 Private Felder, Getter und statische Mitglieder
- 18.4 Module
- 18.5 Was ein Bundler macht
- 18.6 Eine Komponente als Klasse Projekt
Am Ende des Abschnitts
Eine Komponente als Klasse
Lektion 18.6 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Abschnitt 19
Weitere Web-APIs
Abschnitt 20
Sauberes JavaScript
- 20.1 Namen und kleine Funktionen
- 20.2 Code aufteilen
- 20.3 Sicherheit
- 20.4 Barrierefreiheit mit JavaScript
- 20.5 Deine erste eigene Datei
- 20.6 Eine ganze Anwendung Projekt
- 20.7 Bau dir was
Am Ende des Abschnitts
Eine ganze Anwendung
Lektion 20.6 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Lehrplan
01 JavaScript anschalten 0 / 6
02 Werte und Variablen 0 / 9
03 Operatoren und Entscheidungen 0 / 9
04 Schleifen 0 / 6
05 Funktionen 0 / 9
06 Arrays 0 / 10
07 Objekte 0 / 9
08 Text verarbeiten 0 / 6
09 Muster mit regulären Ausdrücken 0 / 6
10 Das DOM lesen 0 / 7
11 Das DOM verändern 0 / 9
12 Events 0 / 9
13 Formulare 0 / 7
14 Fehler und Debugging 0 / 6
15 Zeit und Asynchronität 0 / 8
16 Daten aus dem Netz 0 / 7
17 Im Browser speichern 0 / 5
18 Klassen und Module 0 / 7
19 Weitere Web-APIs 0 / 6
149 Lektionen124 Aufgaben mit Prüfliste20 Abschnittstestsläuft im Browserdas Basis Konto reicht
