Interaktiver Kurs Im Browser Anfänger
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.
Hier geht es los
Abschnitt 1 · JavaScript anschalten
Was ist JavaScript?
Lektion 1 von 6 · Noch nicht begonnen
Kurs starten
Die Lektionen öffnest du mit dem Basis Konto, das kostet nichts. Damit bleibt
auch erhalten, was du geschafft hast, 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 Ein Punkt ist ein Abschnitt, jeder endet mit einem kurzen Test. Ein Klick schlägt ihn unten auf. 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 / 6 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 20 Sauberes JavaScript 0 / 7
danach:
Node.js
Abschnitt 1
JavaScript anschalten 1.1 Was ist JavaScript? 1.2 JavaScript einbinden 1.3 Die Console 1.4 Anweisungen und Kommentare 1.5 Fehler lesen 1.6 Test zum Abschnitt Test Am Ende des Abschnitts
Ein kurzer Test, eine Frage nach der anderen.
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 2.9 Test zum Abschnitt Test 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 Fragezeichen-Operator 3.8 Die Rabattstaffel Projekt 3.9 Test zum Abschnitt Test Am Ende des Abschnitts
Die Rabattstaffel
Lektion 3.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
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 4.6 Test zum Abschnitt Test Am Ende des Abschnitts
Das Einmaleins
Lektion 4.5 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
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 5.9 Test zum Abschnitt Test Am Ende des Abschnitts
Der Werkzeugkasten
Lektion 5.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
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 6.10 Test zum Abschnitt Test Am Ende des Abschnitts
Die Bestenliste
Lektion 6.9 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
7.1 Objekte anlegen und lesen 7.2 Eigenschaften ändern, hinzufügen, entfernen 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 7.9 Test zum Abschnitt Test 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 8.6 Test zum Abschnitt Test 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 9.6 Test zum Abschnitt Test 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 10.7 Test zum Abschnitt Test Am Ende des Abschnitts
Die Seite auslesen
Lektion 10.6 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Mit Lektion 10.1 anfangen 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 11.9 Test zum Abschnitt Test Am Ende des Abschnitts
Die Kartenliste
Lektion 11.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Ab hier hilft der CSS-Kurs , nötig ist er nicht.
Mit Lektion 11.1 anfangen 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 12.9 Test zum Abschnitt Test Am Ende des Abschnitts
Zähler und Galerie
Lektion 12.8 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Mit Lektion 12.1 anfangen 13.1 Werte lesen 13.2 Das submit-Ereignis 13.3 Eingaben prüfen und Fehler anzeigen 13.4 FormData 13.5 Das geprüfte Formular Projekt 13.6 Test zum Abschnitt Test Am Ende des Abschnitts
Das geprüfte Formular
Lektion 13.5 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Mit Lektion 13.1 anfangen 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 14.6 Test zum Abschnitt Test 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.
Mit Lektion 14.1 anfangen 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 Versprechen 15.7 Die Stoppuhr Projekt 15.8 Test zum Abschnitt Test Am Ende des Abschnitts
Die Stoppuhr
Lektion 15.7 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Mit Lektion 15.1 anfangen 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 16.7 Test zum Abschnitt Test 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.
Mit Lektion 16.1 anfangen Abschnitt 17
Im Browser speichern 17.1 localStorage 17.2 Objekte speichern 17.3 sessionStorage und die Grenzen 17.4 Gemerkte Einstellungen Projekt 17.5 Test zum Abschnitt Test Am Ende des Abschnitts
Gemerkte Einstellungen
Lektion 17.4 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Mit Lektion 17.1 anfangen 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 Bündler macht 18.6 Eine Komponente als Klasse Projekt 18.7 Test zum Abschnitt Test Am Ende des Abschnitts
Eine Komponente als Klasse
Lektion 18.6 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Mit Lektion 18.1 anfangen Abschnitt 19
Weitere Web-APIs 19.1 Datum und Zeit 19.2 Adressen und Parameter 19.3 Sichtbarkeit beobachten 19.4 Zwischenablage und Teilen 19.5 Zufall und Bewegung 19.6 Test zum Abschnitt Test Am Ende des Abschnitts
Ein kurzer Test, eine Frage nach der anderen.
Mit Lektion 19.1 anfangen 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 Test zum Abschnitt Test Am Ende des Abschnitts
Eine ganze Anwendung
Lektion 20.6 · Aufgabe mit Prüfliste
Danach ein kurzer Test, eine Frage nach der anderen.
Mit Lektion 20.1 anfangen 01 JavaScript anschalten 0 / 6 1.1 Was ist JavaScript? 1.2 JavaScript einbinden 1.3 Die Console 1.4 Anweisungen und Kommentare 1.5 Fehler lesen 1.6 Test zum Abschnitt Test 02 Werte und Variablen 0 / 9 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 2.9 Test zum Abschnitt Test 03 Operatoren und Entscheidungen 0 / 9 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 Fragezeichen-Operator 3.8 Die Rabattstaffel Projekt 3.9 Test zum Abschnitt Test 04 Schleifen 0 / 6 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 4.6 Test zum Abschnitt Test 05 Funktionen 0 / 9 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 5.9 Test zum Abschnitt Test 06 Arrays 0 / 10 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 6.10 Test zum Abschnitt Test 07 Objekte 0 / 9 7.1 Objekte anlegen und lesen 7.2 Eigenschaften ändern, hinzufügen, entfernen 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 7.9 Test zum Abschnitt Test 08 Text verarbeiten 0 / 6 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 8.6 Test zum Abschnitt Test 09 Muster mit regulären Ausdrücken 0 / 6 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 9.6 Test zum Abschnitt Test 10 Das DOM lesen 0 / 7 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 10.7 Test zum Abschnitt Test Mit Lektion 10.1 anfangen 11 Das DOM verändern 0 / 9 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 11.9 Test zum Abschnitt Test Mit Lektion 11.1 anfangen 12 Events 0 / 9 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 12.9 Test zum Abschnitt Test Mit Lektion 12.1 anfangen 13 Formulare 0 / 6 13.1 Werte lesen 13.2 Das submit-Ereignis 13.3 Eingaben prüfen und Fehler anzeigen 13.4 FormData 13.5 Das geprüfte Formular Projekt 13.6 Test zum Abschnitt Test Mit Lektion 13.1 anfangen 14 Fehler und Debugging 0 / 6 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 14.6 Test zum Abschnitt Test Mit Lektion 14.1 anfangen 15 Zeit und Asynchronität 0 / 8 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 Versprechen 15.7 Die Stoppuhr Projekt 15.8 Test zum Abschnitt Test Mit Lektion 15.1 anfangen 16 Daten aus dem Netz 0 / 7 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 16.7 Test zum Abschnitt Test Mit Lektion 16.1 anfangen 17 Im Browser speichern 0 / 5 17.1 localStorage 17.2 Objekte speichern 17.3 sessionStorage und die Grenzen 17.4 Gemerkte Einstellungen Projekt 17.5 Test zum Abschnitt Test Mit Lektion 17.1 anfangen 18 Klassen und Module 0 / 7 18.1 Klassen 18.2 Vererbung 18.3 Private Felder, Getter und statische Mitglieder 18.4 Module 18.5 Was ein Bündler macht 18.6 Eine Komponente als Klasse Projekt 18.7 Test zum Abschnitt Test Mit Lektion 18.1 anfangen 19 Weitere Web-APIs 0 / 6 19.1 Datum und Zeit 19.2 Adressen und Parameter 19.3 Sichtbarkeit beobachten 19.4 Zwischenablage und Teilen 19.5 Zufall und Bewegung 19.6 Test zum Abschnitt Test Mit Lektion 19.1 anfangen 20 Sauberes JavaScript 0 / 7 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 Test zum Abschnitt Test Mit Lektion 20.1 anfangen 147 Lektionen 122 Aufgaben mit Prüfliste 20 Abschnittstests läuft im Browser das Basis Konto reicht
