JavaScript

Inhalt

Vorwort

1 Einleitung

1.1 Über das Buch

1.1.1 An wen sich das Buch wendet

1.1.2 Wie dieses Buch organisiert ist

1.2 Was Sie unbedingt haben sollten

1.2.1 Die Hardware

1.2.2 Die Software

1.2.3 Node.js und Git

1.2.4 Browser als Zentrale der Webentwicklung

2 Grundlagen und erste Beispiele

2.1 Erste JavaScript-Beispiele

2.1.1 Ein einfaches Mitteilungsfenster

2.1.2 Schreiben eines angepassten Aktualisierungsdatums

2.1.3 Entgegennahme einer Benutzereingabe

2.2 Einige Details zum Internet und zum WWW

2.3 Die Besonderheit bei der ­Webprogrammierung

2.3.1 Kompilierung versus Interpretation

2.3.2 Unterschiedliche Plattformen und Interpretation

3 Vorbereitende Basics

3.1 Der Aufbau von (X)HTML-Dateien

3.1.1 Das Prinzip der Fehlertoleranz

3.2 Ein erster Blick auf Objekte und das DOM-Konzept

3.3 HTML5 und DOM5

3.3.1 Das neue Vokabular

3.3.2 Das neue DOM5-Konzept und die MIME-Typen von HTML5

3.3.3 Das Namensraumkonzept von HTML5

3.3.4 Die erwartete Darstellung

3.3.5 Der Browserkontext und die Kommunikation zwischen ­verschiedenen Kontexten

4 Die Versionen von JavaScript und die Einbindung in Webseiten

4.1 Die Versionszyklen von JavaScript und ECMAScript

4.2 JavaScript in Webseiten einbinden

4.2.1 Die Inline-Referenz

4.2.2 Notation eines Skript-Containers in der Webseite

4.2.3 Die Verwendung von externen JavaScript-Dateien

4.3 Der gemeinsame Namensraum

4.4 Der

4.5 Kann man testen, ob bei einem Browser JavaScript aktiviert ist?

4.5.1 Eine Browserweiche

5 Elementare JavaScript-Grundstrukturen

5.1 Token und Parser

5.1.1 Token

5.1.2 Parser

5.2 Kommentare in JavaScript

5.2.1 Einzeilige Kommentare in JavaScript

5.2.2 Mehrzeilige Kommentare in JavaScript

5.3 Schlüsselwörter in JavaScript

5.4 Datentypen, Variablen und Literale

5.4.1 Datentypen und die JavaScript Global Properties

5.4.2 Literale und Steuerzeichen bei Zeichenketten

5.4.3 Variablen anlegen

5.5 Anweisungen

5.5.1 Ausdrücke

5.5.2 Blöcke

5.5.3 Operatoren und Operanden

5.5.4 Die Operatoren typeof und delete

5.6 Kontrollstrukturen in JavaScript

5.6.1 Entscheidungsanweisungen

5.6.2 Iterationsanweisungen

5.6.3 Sprunganweisungen

5.7 Arrays

5.7.1 Ein Array erzeugen

5.7.2 Zugriff auf Array-Elemente und der Index

5.7.3 Beispiele

5.7.4 Mit Schleifen auf Array-Elemente zugreifen

5.8 Funktionen, Prozeduren und Methoden

5.8.1 Funktion, Prozedur, Methode

5.8.2 Verwendung von Standardfunktionen

5.8.3 Die Definition eigener Funktionen

5.8.4 Der Aufruf einer Funktion

5.8.5 Beispiele zum Nutzen von selbstdefinierten Funktionen

5.8.6 Lokale Variablen in Funktionen

5.8.7 Flexible Anzahl an Funktionsargumenten und der Token arguments

5.8.8 Rekursive Funktionsaufrufe

5.8.9 Funktionsreferenzen

5.8.10 Benannte versus anonyme Funktionen

5.8.11 Innere Funktionen – Closures

5.8.12 Callbacks

5.9 Aufruf einer JavaScript-Funktion per Eventhandler

5.9.1 Was ist ein Ereignis?

5.9.2 Ein Mechanismus zur Reaktion auf Ereignisse

6 Fehlerbehandlung, Dokumentation und Qualitätskontrolle

6.1 Ein leidiges Thema – Fehler

6.1.1 Welche Fehler gibt es?

6.2 Vorbeugen statt heilen

6.2.1 Planung und Vorbereitung

6.2.2 IDEs und Tools nutzen

6.2.3 Kopieren statt tippen

6.2.4 Einhalten von Konventionen

6.2.5 Saubere Formatierungen

6.2.6 Das KISS-Prinzip

6.2.7 Kommentare und Dokumentation

6.2.8 Kodierungstechniken

6.3 Fehler suchen

6.3.1 Fehler ohne Debugger finden

6.3.2 Fehlersuche mit einem Debugger

6.3.3 Fehler beheben

6.3.4 Fehler zur Laufzeit abfangen

6.4 Erweiterte Techniken

6.4.1 Automatische Dokumentation des Quelltextes und ­Dokumentationskommentare

6.4.2 Automatische Kontrolle und Qualitätssicherung mit JSLint

7 Objekte und JavaScript

7.1 Was sind Objekte?

7.1.1 Wie werden Methoden und Eigenschaften in JavaScript verwendet?

7.1.2 Klassen, Instanzen, Prototypen und Vererbung

7.2 In JavaScript Objekte erzeugen

7.2.1 Konstruktoren

7.2.2 Test auf die Existenz eines Objekts

7.3 Klassenmethoden und Klassen­eigenschaften verwenden

7.4 Native Objekte und Klassen in JavaScript

7.4.1 Das globale Objekt

7.4.2 Nutzen von Klassenelementen aus Math

7.4.3 Instanzen und Klassenelemente von Number

7.4.4 Arrays als Objekte

7.4.5 Objekte vom Typ Boolean

7.4.6 Datumsoperationen mit Date

7.4.7 String-Operationen

7.4.8 Objekte vom Typ Function

7.4.9 Native Bildobjekte

7.4.10 Reguläre Ausdrücke

8 Der DOM – das Mysterium der JavaScript-Welt

8.1 Was ist das DOM-Konzept?

8.2 Grundsätzliches zum Weg durch den DOM

8.2.1 Knoten und Verwandtschaftsbeziehungen

8.2.2 Wichtige Knotentypen bei Webseiten

8.2.3 Objekthierarchien im DOM

8.3 Eine Übersicht der verfügbaren DOM-Objekte

8.4 Das Konzept der Objektfelder

8.5 Generelle Zugriffsmöglichkeiten auf DOM-Objekte

8.5.1 Der Zugriff über einen Namen – getElementsByName()

8.5.2 Zugriff über eine ID – getElementById()

8.5.3 Zugriff über den Elementnamen – getElementsByTagName()

8.5.4 Zugriff über die Klasse

8.5.5 Der kurze Dienstweg – this

8.5.6 Die with()-Anweisung

8.6 Zugriff auf Inhalte von Elementen in der Webseite

8.6.1 Zugriff auf Textinhalte

8.6.2 Zugriff auf Formularinhalte

8.6.3 Zugriff auf klassische HTML-Attribute

8.7 Das Objekt document

8.7.1 Die Eigenschaften von document

8.7.2 Die Methoden von document

8.8 Das node-Objekt

8.8.1 Knotenarten

8.8.2 Die Eigenschaften eines node-Objekts

8.8.3 Die Methoden eines node-Objekts

8.9 Fenstertechniken

8.9.1 Die Eigenschaften des window-Objekts

8.9.2 Die Methoden von window

8.9.3 Anwendungen mit Fenstern

8.10 Frames, IFrames und das Objektfeld frames

8.10.1 Daten aus IFrames laden – ein unsichtbarer Datenspeicher

8.10.2 Daten in einem IFrame speichern

8.11 Browserauswertung und das Objekt navigator

8.11.1 Auflistung aller Eigenschaften von navigator

8.11.2 Eigenschaften und Methoden

8.11.3 Die Browserkennung

8.12 Zugriff auf Bildschirminformationen eines Besuchers

8.13 Ein Beispiel für die rekursive Auflistung aller Knoten einer Webseite

8.14 DHTML und Animationen

8.14.1 DHTML und Animation mit reinem JavaScript

8.14.2 DHTML und Animation mit reinem CSS

8.14.3 Verbinden von JavaScript und Style Sheets

8.14.4 Verändern des Inhalts der Webseite

8.14.5 Eine Animation mit style

9 Ausnahmebehandlung, Ereignisbehandlung und das Ereignisobjekt

9.1 Eventhandler in JavaScript

9.1.1 (X)HTML- versus JavaScript-Eventhandler

9.2 Verschiedene Ereignisse

9.2.1 Laden und Verlassen der Webseite

9.2.2 Mausereignisse

9.2.3 Tastaturereignisse

9.2.4 Formularereignisse

9.2.5 Weitere Ereignisse

9.3 Grundlagen zu Ereignisobjekten

9.3.1 Blubbern und die Bubble-Phase

9.3.2 Das Ereignisobjekt verwenden

9.4 Ausnahmebehandlung

9.4.1 Was ist eine Ausnahme?

9.4.2 Wozu ein Ausnahmekonzept?

9.4.3 Das Auffangen einer Ausnahme

9.4.4 Selbstdefinierte Ausnahmen erzeugen und verwenden

9.5 Universelle Ereignisbehandlung mit Ausnahmebehandlung

9.6 Globale Ereignisbehandlung

9.6.1 Eine universelle Funktion zur Registrierung eines Listeners

10 AJAX und das Web 2.0

10.1 Die Beziehung zwischen Webserver und Browser

10.1.1 Der grundsätzliche Ablauf einer Kommunikation zwischen Herr und Diener – HTTP

10.1.2 Die HTTP-Details und die HTTP-Header

10.1.3 Die Methoden der Datenübertragung per HTTP

10.1.4 Die URL-Kodierung

10.2 Das Datenformat

10.2.1 Klartextdatenformate

10.2.2 Vollständige HTML- und XHTML-Dateien

10.2.3 HTML-Fragmente

10.2.4 Reiner Klartext

10.2.5 Klartext mit Struktur und beliebiger Logik

10.3 Was ist AJAX und was bezeichnet Web 2.0?

10.3.1 AJAX als technische Basis des Web 2.0

10.4 Der grundsätzliche Ablauf einer AJAX-Anfrage und das XMLHttpRequest-Objekt (XHR)

10.4.1 Der grundsätzliche Ablauf

10.4.2 Ein XMLHttpRequest-Objekt erzeugen

10.5 Die Anforderung von Daten

10.5.1 Die Methoden eines XHR-Objekts

10.5.2 Die Eigenschaften eines XMLHttpRequest-Objekts

10.6 Verschiedene Datentypen vom Server per AJAX nachfordern

10.6.1 Eine reine Textdatei mit AJAX nachfordern

10.6.2 Übergabe von Werten an den Webserver

10.6.3 Nachfordern von XML-Daten

10.6.4 JSON-Daten anfordern und verarbeiten

11 Erweiterte Tools, Hintergründe & Techniken

11.1 Optimierung von JavaScripts

11.1.1 Interpreterprinzip = langsam – JIT = schnell

11.1.2 Rezepte

11.2 Sicherheitsfragen

11.2.1 Welche Sicherheitslücken hat JavaScript?

11.2.2 Wie kann man seine Skripte schützen?

11.3 JsUnit-Testing

11.3.1 Download des JsUnit-Frameworks, Dokumentation und Tutorial

11.3.2 Wie arbeitet man grundsätzlich bei testgetriebener Entwicklung mit xUnit?

11.3.3 Ergebnis und Aufbau eines xUnit-Tests

11.3.4 Ein praktisches Beispiel

11.3.5 Pro und Contra TDD

12 Zugriff auf Formulare

12.1 Das Formularobjekt

12.1.1 Die Eigenschaften eine Formularobjekts

12.1.2 Die Methoden

12.2 Die Elemente in dem Webformular

12.2.1 Eigenschaften von elements

12.2.2 Die Methoden von elements

12.2.3 Das Objektfeld options

12.3 Zugriff auf ein Webformular per JavaScript

12.3.1 Zugriff auf den Wert eines Formularelements

12.4 Verschicken und Zurücksetzen von Formulardaten

12.4.1 Klassisches Verschicken von Formulardaten

12.4.2 Verschicken von Formulardaten mit AJAX

12.5 Plausibilisieren: Formulare

12.5.1 Abbruch von Aktionen

12.5.2 Fehlerreaktion

12.5.3 Ein Beispiel mit Plausibilisierung

13 Erweiterte Objekttechniken

13.1 Was zeichnet in JavaScript eine Methode gegenüber einer normalen Funktion aus?

13.2 Ein einzelnes Objekt erweitern

13.2.1 Ein Beispiel für die Objekterweiterung

13.3 Was ist Prototyping?

13.3.1 Prototyping von Object

13.3.2 Die Standardklasse Image erweitern

13.3.3 Date mit Prototyping erweitern

13.3.4 Und doch nicht ganz ein Klassenelement

13.4 Erstellen von Konstruktormethoden

13.4.1 Was zeichnet eine Konstruktormethode aus?

13.4.2 Vererbung mit Prototyping simulieren

13.5 Datenkapselung

13.6 Ausblick auf JavaScript Version 2.0

13.6.1 Explizite Datentypen und der use strict-Modus

13.6.2 Klassendefinitionen und mehr

13.6.3 Namensräume

13.6.4 Konstanten

398

14.1 Multithreading über Web Workers

14.1.1 Erzeugen von Web Workers

14.1.2 Kommunikation mit einem Web Worker

14.1.3 Einen Worker mit terminate() beenden

14.1.4 Beispiele zu Web Worker

14.2 WebSockets und serverseitiges JavaScript mit Node.js

14.2.1 Push-Service im Web

14.2.2 Die WebSocket-Spezifikation

14.2.3 Same-Origin-Policy und das Sprengen der Grenzen

14.2.4 Ein WebSocket mit JavaScript erzeugen

14.2.5 Die Serverseite anhand von Node.js

14.2.6 Ein praktisches Beispiel für einen einfachen WebSocket-Zugriff

14.3 Daten im Browser speichern mit HTML5 und der Technik des Local Data Storage bzw. Session Data Storage

14.3.1 Die Objekte localStorage und sessionStorage sowie deren Methoden und Eigenschaft

14.3.2 Ein Beispiel, um einfache Daten in einem Local Storage abzulegen

14.3.3 Ein Beispiel zum Speichern von komplexen Informationen

14.4 Geodating mit HTML5 und mehr

14.4.1 Hintergründe der Geolokalisierung

14.4.2 Der Geolokalisierungsdienst von Google

14.4.3 Die Geolokalisierung mit HTML5

14.5 Zeichnen mit Canvas, SVG und CSS3

14.5.1 Canvas

14.5.2 Umgang mit Scalable Vector Graphics – SVG

14.5.3 CSS3-Keyframes

Index