JavaScript Schnelleinstieg

1 - Titelbild [Seite 1]
2 - Titelseite [Seite 3]
3 - Impressum [Seite 4]
4 - Inhalt [Seite 5]
5 - Einleitung [Seite 11]
5.1 - Programmieren lernen in 14 Tagen [Seite 11]
5.2 - Der Sandkasten - Programmbeispiele zum Download [Seite 11]
5.3 - Fragen und Feedback [Seite 11]
6 - Vorwort [Seite 13]
6.1 - Sofort ins kalte Wasser - ein fremdes Skript lesen und verstehen [Seite 13]
6.2 - Das aufgeschobene Vorwort [Seite 14]
6.3 - JavaScript-Versionen und Browser-Versionen [Seite 15]
7 - 1 Vorbereitungen und Werkzeuge [Seite 17]
7.1 - 1.1HTML und CSS [Seite 17]
7.2 - 1.2JavaScript einbinden [Seite 19]
7.3 - 1.3JavaScript laden [Seite 21]
7.4 - 1.4Mein Freund, der Editor [Seite 23]
7.5 - 1.5Die Browser-Konsole - die Sprechstundenhilfe [Seite 25]
7.6 - 1.6 Praktische Konsolen-Befehle [Seite 29]
8 - 2 Variablen und Syntax [Seite 33]
8.1 - 2.1Variablen [Seite 33]
8.2 - 2.2Syntax - die »Grammatik« von JavaScript [Seite 39]
9 - 3 Grundlegende Datentypen [Seite 41]
9.1 - 3.1Primitive (einfache) Datentypen [Seite 41]
9.2 - 3.2Zahlen - Number [Seite 42]
9.3 - 3.3Boolean - Wahrheitswerte [Seite 45]
9.4 - 3.4Strings - Zeichenketten [Seite 46]
9.5 - 3.5undefined, null und empty [Seite 50]
9.6 - 3.6Datentyp-Konvertierungen [Seite 51]
10 - 4 Zusammengesetzte Datentypen [Seite 57]
10.1 - 4.1Objekte [Seite 57]
10.2 - 4.2Das Objekt Math [Seite 58]
10.3 - 4.3Übungen: Math [Seite 62]
10.4 - 4.4Mathematische Operatoren [Seite 62]
10.5 - 4.5Übung: Modulo [Seite 67]
10.6 - 4.6String-Eigenschaften und -Methoden [Seite 68]
10.7 - 4.7Übung: Strings ersetzen [Seite 72]
10.8 - 4.8Weitere String-Methoden [Seite 72]
10.9 - 4.9Übung: Zeichenkette extrahieren [Seite 78]
10.10 - 4.10Reguläre Ausdrücke [Seite 79]
11 - 5 Programme steuern -Ablaufkontrolle [Seite 83]
11.1 - 5.1Abfragen und Schleifen [Seite 83]
11.2 - 5.2if-then-else [Seite 85]
11.3 - 5.3switch [Seite 89]
11.4 - 5.4Übung: Stundenplan mit switch/case [Seite 91]
11.5 - 5.5for-Schleifen [Seite 92]
11.6 - 5.6while-Schleifen [Seite 95]
11.7 - 5.7Übung: Zahlen von 1 bis 100 ausgeben [Seite 98]
11.8 - 5.8Logische Operatoren [Seite 98]
11.9 - 5.9Ternary-Operator [Seite 102]
11.10 - 5.10Übung: if-Anweisungen kürzen [Seite 105]
11.11 - 5.11Implizite Typ-Konvertierung in Abfragen [Seite 105]
12 - 6 Funktionen [Seite 107]
12.1 - 6.1Funktionen erzeugen und aufrufen [Seite 107]
12.2 - 6.2Globaler Gültigkeitsbereich (Scope) [Seite 111]
12.3 - 6.3Übung: Globaler Scope, Block-Scope und Funktions-Scope [Seite 114]
12.4 - 6.4Funktionsausdrücke (Function Expressions) [Seite 114]
12.5 - 6.5Arrow-Funktionen [Seite 116]
12.6 - 6.6Debugging [Seite 118]
12.7 - 6.7Übungen: Funktionen [Seite 121]
13 - 7 Objekte [Seite 123]
13.1 - 7.1Grundlagen [Seite 123]
13.2 - 7.2for-in-Schleife für Objekte [Seite 128]
13.3 - 7.3Das Objekt »document« [Seite 129]
13.4 - 7.4Konstruktor-Funktionen [Seite 130]
13.5 - 7.5Klassen [Seite 133]
13.6 - 7.6Datum und Zeit [Seite 134]
13.7 - 7.7Übung: Date und Time [Seite 140]
14 - 8 Arrays [Seite 141]
14.1 - 8.1Arrays - Sammlungen unter einem Variablennamen [Seite 141]
14.2 - 8.2Array-Methoden [Seite 143]
14.3 - 8.3Arrays sortieren [Seite 152]
14.4 - 8.4Arrays verschachteln und zusammenfügen [Seite 154]
14.5 - 8.5Arrays durchlaufen [Seite 157]
14.6 - 8.6Array-Methoden höherer Ordnung: Callbacks [Seite 165]
14.7 - 8.7Übungen: array.filter() [Seite 170]
14.8 - 8.8Sparse Arrays - Arrays mit Lücken [Seite 171]
15 - 9 JSON - JavaScript Object Notation [Seite 173]
15.1 - 9.1JSON-Objekte und JSON-Arrays [Seite 173]
15.2 - 9.2JSON-Objekte in Strings umwandeln und umgekehrt [Seite 177]
15.3 - 9.3Übung: Objekte/JSON [Seite 180]
16 - 10 Document Object Model [Seite 181]
16.1 - 10.1DOM - das Document Object Model [Seite 181]
16.2 - 10.2Zugriff auf die DOM-Elemente [Seite 185]
16.3 - 10.3DOM-Methoden und -Eigenschaften [Seite 186]
16.4 - 10.4Zugriff mit CSS-Selektoren - querySelector() und querySelectorAll() [Seite 190]
16.5 - 10.5DOM-Navigation [Seite 195]
16.6 - 10.6Zugriff auf Inhalte mit innerHTML, innerText und TextContent [Seite 198]
16.7 - 10.7Elemente ins DOM einfügen [Seite 201]
16.8 - 10.8Übung: Elemente im DOM einbinden [Seite 207]
16.9 - 10.9Praxisbeispiel - komplexe Strukturen einfügen [Seite 207]
16.10 - 10.10Übung: Bild in das Fragment setzen [Seite 209]
16.11 - 10.11DOM-Elemente erzeugen und platzieren [Seite 210]
16.12 - 10.12Elemente ersetzen und entfernen [Seite 212]
16.13 - 10.13Übung: Elemente entfernen [Seite 217]
16.14 - 10.14CSS-Stile und -Klassen ändern [Seite 217]
17 - 11 Ereignisse - Events [Seite 223]
17.1 - 11.1Event Handling - Ereignisse erkennen [Seite 223]
17.2 - 11.2Eigenschaften und Methoden der Maus-Events [Seite 232]
17.3 - 11.3Übung: Mauszeiger verfolgen [Seite 237]
17.4 - 11.4Tastatur-Events [Seite 237]
17.5 - 11.5Übung: Tastatur-Ereignisse [Seite 240]
17.6 - 11.6Vorbestimmte Verhalten verhindern - event.preventDefault() [Seite 240]
17.7 - 11.7Übung: Formulare prüfen [Seite 244]
17.8 - 11.8Event Delegation - ein Event Handler für viele Elemente [Seite 244]
17.9 - 11.9Ereignisse des Window-Objekts [Seite 245]
18 - 12 Formulare prüfen und Daten versenden [Seite 247]
18.1 - 12.1input - Eingaben in Formularfelder [Seite 247]
18.2 - 12.2Formulardaten versenden [Seite 253]
18.3 - 12.3Datum und Dauer - Formulareingaben [Seite 256]
19 - 13 Asynchrones JavaScript [Seite 259]
19.1 - 13.1Zeitgesteuerte Anwendungen [Seite 259]
19.2 - 13.2AJAX - XMLHTTPRequest - Kommunikation mit dem Server [Seite 268]
19.3 - 13.3Das Fetch-API - GET - Daten abholen [Seite 275]
19.4 - 13.4Übung: showProduct(option) [Seite 281]
19.5 - 13.5Fetch Async/Await - warten auf die Antwort [Seite 281]
20 - 14 Window, Cookies und die Web-APIs [Seite 285]
20.1 - 14.1Grundsätzliches zum Window-Objekt [Seite 285]
20.2 - 14.2Das Window-Objekt und das Navigator-Objekt [Seite 288]
20.3 - 14.3IntersectionObserver - Überwachung des sichtbaren Bereichs der Webseite [Seite 293]
20.4 - 14.4Web Animations API [Seite 297]
20.5 - 14.5Cookies - Gedächtnis für Webseiten [Seite 302]
20.6 - 14.6Übung: Cookies für Leaflet-Kartenposition [Seite 306]
20.7 - 14.7Web Storage - Speicher im Browser [Seite 307]
20.8 - 14.8Übung: Local Storage [Seite 310]
21 - Anhang [Seite 311]
21.1 - Glossar [Seite 311]
21.2 - Error - Fehlermeldungen [Seite 312]
21.3 - Keywords (Schlüsselwörter) [Seite 313]
21.4 - Quellen [Seite 314]
21.5 - Bildnachweis [Seite 314]
22 - Stichwortverzeichnis [Seite 315]