Häßler JavaScript Schnelleinstieg

Dynamische Webseiten programmieren in 14 Tagen
1. Auflage 2024
ISBN: 978-3-7475-0779-7
Verlag: mitp Verlags GmbH & Co.KG
Format: PDF
Kopierschutz: 1 - PDF Watermark

E-Book, Deutsch, 320 Seiten

Reihe: mitp Schnelleinstieg

• Alle Grundlagen von JavaScript für die Webprogrammierung
• Kompakt erklärt und optimal zum Nachschlagen
• Zahlreiche Praxisbeispiele und Übungsaufgaben mit Lösungen

Mit diesem Buch gelingt Ihnen der einfache Einstieg ohne Vorkenntnisse in JavaScript.

Alle Grundlagen der Programmierung mit JavaScript werden in 14 Kapiteln kompakt und leicht verständlich erläutert: von den grundlegenden Programmiertechniken wie Variablen und Funktionen über objektorientierte Programmierung bis hin zur Entwicklung dynamischer Webseiten mit modernem JavaScript.

Hierbei werden auch fortgeschrittene Themen wie das Document Object Model (DOM), Event Handling, synchrone und asynchrone Verarbeitung, die REST-API sowie das Speichern von Daten in Cookies und Web Storage behandelt.

Zahlreiche Codebeispiele und Übungsaufgaben mit Lösungen zum Download helfen Ihnen, das neu gewonnene Wissen anzuwenden und zu vertiefen. So sind Sie perfekt auf den Einsatz von JavaScript und die Programmierung interaktiver Webseiten in der Praxis vorbereitet.

Solide Grundkenntnisse in HTML und CSS werden vorausgesetzt.

Aus dem Inhalt:

• Alle Grundlagen kompakt und verständlich erklärt
• Kontrollstrukturen, Arrays und objektorientierte Programmierung (OOP)
• JSON als Austauschformat für strukturierte Daten
• Dynamische Webseiten: DOM als Schnittstelle zwischen HTML und JavaScript
• Behandlung von Ereignissen (Events)
• Formulare prüfen und versenden
• Animationen mit asynchronem JavaScript und Web Animations API
• Kommunikation mit dem Webserver
• Daten speichern mit Cookies / Web Storage
• Programmcode und Lösungen zum Download

Zielgruppe

Programmieranfänger, die einen schnellen und einfachen Einstieg suchen

Autoren/Hrsg.

Häßler, Ulrike

Inhaltsverzeichnis

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

Über Autor(innen)

Ulrike Häßler ist Informatikerin der ersten Tage und verfügt über jahrelange Erfahrung im Bereich der Webseitengestaltung mit HTML, CSS und JavaScript.