JavaScript Schnelleinstieg by Häßler, Ulrike -- Read -- Imperial Library of Trantor

Index

Cover Titel Impressum Inhalt Einleitung

Programmieren lernen in 14 Tagen Der Sandkasten – Programmbeispiele zum Download Fragen und Feedback

Vorwort

Sofort ins kalte Wasser – ein fremdes Skript lesen und verstehen Das aufgeschobene Vorwort JavaScript-Versionen und Browser-Versionen

1. Vorbereitungen und Werkzeuge

1.1 HTML und CSS 1.2 JavaScript einbinden 1.3 JavaScript laden 1.4 Mein Freund, der Editor 1.5 Die Browser-Konsole – die Sprechstundenhilfe 1.6 Praktische Konsolen-Befehle

2. Variablen und Syntax

2.1 Variablen 2.2 Syntax – die »Grammatik« von JavaScript

3. Grundlegende Datentypen

3.1 Primitive (einfache) Datentypen 3.2 Zahlen – Number 3.3 Boolean – Wahrheitswerte 3.4 Strings – Zeichenketten 3.5 undefined, null und empty 3.6 Datentyp-Konvertierungen

4. Zusammengesetzte Datentypen

4.1 Objekte 4.2 Das Objekt Math 4.3 Übungen: Math 4.4 Mathematische Operatoren 4.5 Übung: Modulo 4.6 String-Eigenschaften und -Methoden 4.7 Übung: Strings ersetzen 4.8 Weitere String-Methoden 4.9 Übung: Zeichenkette extrahieren 4.10 Reguläre Ausdrücke

5. Programme steuern – Ablaufkontrolle

5.1 Abfragen und Schleifen 5.2 if-then-else 5.3 switch 5.4 Übung: Stundenplan mit switch/case 5.5 for-Schleifen 5.6 while-Schleifen 5.7 Übung: Zahlen von 1 bis 100 ausgeben 5.8 Logische Operatoren 5.9 Ternary-Operator 5.10 Übung: if-Anweisungen kürzen 5.11 Implizite Typ-Konvertierung in Abfragen

6. Funktionen

6.1 Funktionen erzeugen und aufrufen 6.2 Globaler Gültigkeitsbereich (Scope) 6.3 Übung: Globaler Scope, Block-Scope und Funktions-Scope 6.4 Funktionsausdrücke (Function Expressions) 6.5 Arrow-Funktionen 6.6 Debugging 6.7 Übungen: Funktionen

7. Objekte

7.1 Grundlagen 7.2 for-in-Schleife für Objekte 7.3 Das Objekt »document« 7.4 Konstruktor-Funktionen 7.5 Klassen 7.6 Datum und Zeit 7.7 Übung: Date und Time

8. Arrays

8.1 Arrays – Sammlungen unter einem Variablennamen 8.2 Array-Methoden 8.3 Arrays sortieren 8.4 Arrays verschachteln und zusammenfügen 8.5 Arrays durchlaufen 8.6 Array-Methoden höherer Ordnung: Callbacks 8.7 Übungen: array.filter() 8.8 Sparse Arrays – Arrays mit Lücken

9. JSON – JavaScript Object Notation

9.1 JSON-Objekte und JSON-Arrays 9.2 JSON-Objekte in Strings umwandeln und umgekehrt 9.3 Übung: Objekte/JSON

10. Document Object Model

10.1 DOM – das Document Object Model 10.2 Zugriff auf die DOM-Elemente 10.3 DOM-Methoden und -Eigenschaften 10.4 Zugriff mit CSS-Selektoren – querySelector() und querySelectorAll() 10.5 DOM-Navigation 10.6 Zugriff auf Inhalte mit innerHTML, innerText und TextContent 10.7 Elemente ins DOM einfügen 10.8 Übung: Elemente im DOM einbinden 10.9 Praxisbeispiel – komplexe Strukturen einfügen 10.10 Übung: Bild in das Fragment setzen 10.11 DOM-Elemente erzeugen und platzieren 10.12 Elemente ersetzen und entfernen 10.13 Übung: Elemente entfernen 10.14 CSS-Stile und -Klassen ändern

11. Ereignisse – Events

11.1 Event Handling – Ereignisse erkennen 11.2 Eigenschaften und Methoden der Maus-Events 11.3 Übung: Mauszeiger verfolgen 11.4 Tastatur-Events 11.5 Übung: Tastatur-Ereignisse 11.6 Vorbestimmte Verhalten verhindern – event.preventDefault() 11.7 Übung: Formulare prüfen 11.8 Event Delegation – ein Event Handler für viele Elemente 11.9 Ereignisse des Window-Objekts

12. Formulare prüfen und Daten versenden

12.1 input – Eingaben in Formularfelder 12.2 Formulardaten versenden 12.3 Datum und Dauer – Formulareingaben

13. Asynchrones JavaScript

13.1 Zeitgesteuerte Anwendungen 13.2 AJAX – XMLHTTPRequest – Kommunikation mit dem Server 13.3 Das Fetch-API – GET – Daten abholen 13.4 Übung: showProduct(option) 13.5 Fetch Async/Await – warten auf die Antwort

14. Window, Cookies und die Web-APIs

14.1 Grundsätzliches zum Window-Objekt 14.2 Das Window-Objekt und das Navigator-Objekt 14.3 IntersectionObserver – Überwachung des sichtbaren Bereichs der Webseite 14.4 Web Animations API 14.5 Cookies – Gedächtnis für Webseiten 14.6 Übung: Cookies für Leaflet-Kartenposition 14.7 Web Storage – Speicher im Browser 14.8 Übung: Local Storage

Anhang

Glossar Error – Fehlermeldungen Keywords (Schlüsselwörter) Quellen Bildnachweis