Auf einen Blick. Vorwort Kapitel 1 Einleitung Kapitel 2 Grundlagen und erste Beispiele Kapitel 3 Vorbereitende Basics...

Transkript

1 Auf einen Blick Vorwort Kapitel 1 Einleitung Kapitel 2 Grundlagen und erste Beispiele Kapitel 3 Vorbereitende Basics Kapitel 4 Die Versionen von JavaScript und die Einbindung in Webseiten Kapitel 5 Elementare JavaScript- Grundstrukturen Kapitel 6 Fehlervermeidung, Fehlersuche und Testverfahren Kapitel 7 JavaScript und Objekte Kapitel 8 Ausnahmebehandlung, Ereignis behandlung und das event-objekt Kapitel 9 DHTML und Animationen Kapitel 10 AJAX und das Web Kapitel 11 Schutzmaßnahmen und Optimierung Kapitel 12 Zugriff auf Webformulare Kapitel 13 Erweiterte JavaScript-Techniken Anhang A Stichwortverzeichnis

2

3 Vorwort Kapitel 1 Einleitung Über das Buch An wen sich das Buch wendet Wie dieses Buch organisiert ist Schreibkonventionen Was Sie in dem Buch lernen Was Sie unbedingt haben sollten Die Hardware Die Software Firefox als Zentrale der Webentwicklung Interessante Add-ons für Firefox Andere Browser zur Entwicklungszentrale aufbauen? Internet Explorer Chrome/Iron Opera Zusammenfassung Kapitel 2 Grundlagen und erste Beispiele Erste JavaScript-Beispiele Ein einfaches Mitteilungsfenster Schreiben eines angepassten Aktualisierungsdatums Entgegennahme einer Benutzereingabe Die Besonderheit bei der Webprogrammierung Kompilierung versus Interpretation Unterschiedliche Plattformen und Interpretation Ein erster Überblick über wichtige Techniken der Webprogrammierung HTML & XHTML Skriptsprachen im Web Java ActiveX Style Sheets

4 2.3.6 DHTML XML AJAX und das Web Cookies Grafik und Multimedia Zusammenfassung Kapitel 3 Vorbereitende Basics Der Aufbau von (X)HTML-Dateien Das Prinzip der Fehlertoleranz Steueranweisungen Attribute Strukturierung und Gestaltung mit HTML Das Grundgerüst einer Webseite Der Header Der Körper von Webseiten XML-Grundlagen XML-Elemente Die Syntax eines XML-Dokuments Gültige XML-Dokumente HTML versus XHTML Ein erster Blick auf das DOM-Konzept HTML5 und DOM Das neue Vokabular Das neue DOM5 und die MIME-Typen von HTML Das Namensraumkonzept von HTML Die erwartete Darstellung Der Browserkontext und die Kommunikation zwischen verschiedenen Kontexten HTML Microdata Web Workers Canvas-Objekte und die Einbindung von SVG Die Gültigkeit von Webseiten testen Grundlagen zu Style Sheets Die Verwendung von Style Sheets in einer Webseite Die konkrete Syntax von CSS-Deklarationen CSS Zusammenfassung

5 Kapitel 4 Die Versionen von JavaScript und die Einbindung in Webseiten Die Versionszyklen von JavaScript und ECMAScript JavaScript in Webseiten einbinden Verbindung 1 die Notation eines Skript-Containers in der Webseite Verbindung 2 die Verwendung von externen JavaScript-Dateien Verbindung 3 die Inline-Referenz Der gemeinsame Namensraum Der <noscript>-container Kann man testen, ob bei einem Browser JavaScript aktiviert ist? Kann man testen, welche JavaScript-Version von einem Browser unterstützt wird? Zusammenfassung Kapitel 5 Elementare JavaScript- Grundstrukturen Token und Parser Token Parser Kommentare Mehrzeilige Kommentare in JavaScript Einzeilige Kommentare in JavaScript Schlüsselwörter in JavaScript Datentypen, Variablen und Literale Datentypen Literale und Steuerzeichen bei Zeichenketten Variablen anlegen Namensregeln für Variablen Anweisungen Ausdrücke Blöcke Operatoren und Operanden Kontrollstrukturen in JavaScript Die if-bedingung Die switch-fallunterscheidung Die while-schleife Die do-while-schleife Die for-schleife Sprunganweisungen

6 5.7 Datenfelder Ein Array erzeugen Zugriff auf Array-Elemente Mit Schleifen auf Array-Elemente zugreifen Funktionen, Prozeduren und Methoden Funktion, Prozedur, Methode Verwendung von vorgefertigten Funktionen Die Definition eigener Funktionen Der Aufruf einer Funktion Lokale Variablen in Funktionen Flexible Anzahl an Funktionsargumenten und das Token arguments Rekursive Funktionsaufrufe Funktionsreferenzen Benannte versus anonyme Funktionen Innere Funktionen Closures Callbacks Aufruf einer JavaScript-Funktion per Eventhandler Was ist ein Ereignis? Ein Mechanismus zur Reaktion auf Ereignisse Verschiedene Ereignisse Zusammenfassung Kapitel 6 Fehlervermeidung, Fehlersuche und Testverfahren Kapitel 7 JavaScript und Objekte Was sind Objekte? Wie werden Methoden und Eigenschaften in JavaScript verwendet? Die grundsätzliche Definition der objektorientierten Programmierung Klassen, Instanzen & Vererbung Vererbung JavaScript-Objekte erzeugen Test auf die Existenz eines Objekts Klassenmethoden und Klassen eigenschaften verwenden Nutzen von Klassenelementen aus Math Objekte und Klassenelemente von Number

7 Native Objekte in JavaScript Datenfelder bzw. Arrays Objekte vom Typ Boolean Datumsoperationen mit Date Stringoperationen Reguläre Ausdrücke Objekte vom Typ Function Native Bildobjekte Das DOM das Mysterium der JavaScript-Welt Was ist das DOM-Konzept? Grundsätzliches zum Weg durch das DOM Die verfügbaren DOM-Objekte Das Konzept der Objektfelder Generelle Zugriffsmöglichkeiten auf DOM-Objekte Der Zugriff über einen Namen getelementsbyname() Zugriff über eine ID getelementbyid() Zugriff über den Elementnamen getelementsbytagname() Zugriff über die Klasse Der kurze Dienstweg this Zugriff auf Inhalte von Elementen in der Webseite Zugriff auf Textinhalte Zugriff auf Formularinhalte Zugriff auf klassische HTML-Attribute Das Objekt document Die Eigenschaften Die Methoden von document Das node-objekt Knotenarten Die Eigenschaften eines node-objekts Die Methoden eines node-objekts Fenstertechniken Der Toplevel und die reservierten Fensternamen Die Eigenschaften und Methoden des window-objekts Anwendungen mit Fenstern Frames, IFrames und das Objektfeld frames Browserauswertung Das Objekt navigator

8 7.15 Die Browserkennung Suche nach spezifischen Informationen in navigator.appname, navigator.app- Version und navigator.useragent Indirekte Identifizierung eines Browsers unter Ausnutzung eines Mangels Die Spracheinstellung eines Browsers Eine Browserweiche erstellen Zugriff auf Bildschirminformationen eines Besuchers Zusammenfassung Kapitel 8 Ausnahmebehandlung, Ereignis behandlung und das event-objekt Eventhandler in JavaScript (X)HTML- versus JavaScript-Eventhandler Verschiedene Ereignisse Grundlagen zu Ereignisobjekten Blubbern Die Informationen im Ereignisobjekt Das Ereignisobjekt verwenden Das Netscape-Ereignismodell Das Microsoft-Ereignismodell Ausnahmebehandlung Was ist eine Ausnahme? Wozu ein Ausnahmekonzept? Die verschiedene Ausnahmetypen Das Auffangen einer Ausnahme Mehrere Ausnahmen behandeln Eine universelle Ereignisbehandlung mit Ausnahmebehandlung Globale Ereignisbehandlung Eine universelle Funktion zur Registrierung eines Listener Zusammenfassung Kapitel 9 DHTML und Animationen DHTML und Animation mit reinem JavaScript DHTML und Animation mit reinem CSS Verbinden von JavaScript und Style Sheets Mit style eine Webseite formatieren Eine Animation mit style Ein Farbwähler für die Hintergrundfarbe

9 Eine Animation durch Manipulation von Grafiken (style-version) Eine Interaktionskomponente dynamisieren Verändern des Inhalts der Webseite Ein aufklappbares Navigationsmenü Eine Menüleiste Zusammenfassung Kapitel 10 AJAX und das Web Die Beziehung zwischen Webserver und Browser Der grundsätzliche Ablauf einer Kommunikation zwischen Herr und Diener HTTP Verbindungsorientierte Datenkommunikation Zustandslose Datenkommunikation Die HTTP-Details und die HTTP-Header Der HTTP-Request Der HTTP-Response Die Methoden der Datenübertragung per HTTP Die Meldungen eines Webservers Das Datenformat Klartextdatenformate Was ist AJAX und was bezeichnet Web 2.0? AJAX als technische Basis des Web Der grundsätzliche Ablauf einer AJAX-Anfrage und das XMLHttpRequest-Objekt (XHR) Der grundsätzliche Ablauf Ein XMLHttpRequest-Objekt erzeugen Die Anforderung von Daten Die Methoden eines XHR-Objekts Die Eigenschaften eines XMLHttpRequest-Objekts Verschiedene Datentypen vom Server per AJAX nachfordern Eine reine Textdatei mit AJAX nachfordern Übergabe von Werten an den Webserver Nachfordern von XML-Daten

10 JSON-Daten anfordern und verarbeiten Statusinformationen für den Anwender Die Auswertung des Statuscodes des Servers Zusammenfassung Kapitel 11 Schutzmaßnahmen und Optimierung Optimierung von JavaScripts Interpreterprinzip = langsam JIT = schnell Rezepte Schutzmaßnahmen Zusammenfassung Kapitel 12 Zugriff auf Webformulare Das Formularobjekt Die Eigenschaften eines Formularobjekts Die Methoden Die Elemente in dem Webformular Das Objektfeld options Zugriff auf ein Webformular per JavaScript Zugriff auf den Wert eines Formularelements Verschicken und Zurücksetzen von Formulardaten Verschicken von Formulardaten mit AJAX Plausibilisieren von Formularen Abbruch von Aktionen Fehlerreaktion Ein Beispiel mit Plausibilisierung Zusammenfassung Kapitel 13 Erweiterte JavaScript-Techniken Erweiterte Objekttechniken Was zeichnet in JavaScript eine Methode gegenüber einer normalen Funktion aus? Ein einzelnes Objekt erweitern Was ist Prototyping? Erstellen von Konstruktormethoden Vererbung mit Prototyping simulieren Datenkapselung HTML5 Multithreading über Web Workers

11 HTML5 Zeichnen mit Canvas-Objekten Das Canvas-Element Der Grafikkontext Farben und Farbverläufe Rechtecke Bilder und Bildausschnitte Pfade ziehen komplexe Formen Texte zeichnen Pattern und Schatten Den Zustand eines Canvas speichern und restaurieren Transformationen Kompositionen und Clipping Animationen mit Canvas-Objekten Geodating mit HTML5 und mehr Die gemeinsame Basis Das Google Maps API Die Geolokalisierung mit HTML Daten im Browser speichern mit HTML5 und der Technik des Local Data Storage bzw. Session Data Storage Offline Web-Applikationen mit dem Application Cache Die Objekte localstorage und sessionstorage sowie deren Methoden und Eigenschaft Zusammenfassung Anhang Quellen Stichwortverzeichnis