Jetzt lerne ich AJAX - Ihr einfacher Einstieg in Web 2.0

Übersicht

Inhaltsverzeichnis

Vorwort

Über den Autor

1 Einleitung

1.1 Über das Buch

1.1.1 An wen sich das Buch wendet

1.2 Wie dieses Buch organisiert ist

1.3 Was Sie in dem Buch lernen

1.4 Schreibkonventionen

1.5 Was benötigen Sie?

1.5.1 Der Webbrowser

1.5.2 Der Editor bzw. die Programmierumgebung

1.5.3 Firefox zur IDE für die Webentwicklung ausbauen

1.5.4 Unabdingbar – der Webserver

1.5.5 Sonstige Software

1.6 Zusammenfassung

1.7 Aufgaben

1.8 Übungen

2 Erster Kontakt mit AJAX und dem Web 2.0/3.0

2.1 Das Web 2.0 und das Web 3.0

2.2 Was ist AJAX?

2.2.1 Der Datentransfer per Paketvermittlung

2.2.2 Clientseitige Webprogrammierung als erste Optimierung

2.2.3 Probleme bei clientseitiger Programmierung

2.2.4 Rückverlagerung auf den Server

2.2.5 Der Status quo

2.2.6 Wozu AJAX?

2.2.7 Die Geschichte von AJAX

2.3 Ihre erste AJAX-Applikation

2.4 Der grundsätzliche Ablauf einer AJAX- Kommunikation

2.4.1 Ein zweites Einführungsbeispiel

2.5 Wichtige Referenzprojekte des Web 2.0

2.5.1 Google Suggest

2.5.2 Google Maps

2.5.3 Geonames.org

2.5.4 Das AJAX-Office ajaxlaunch.com

2.5.5 Microsoft Virtual Earth

2.5.6 Yahoo Maps

2.5.7 Yahoo Flickr

2.5.8 YouTube

2.6 Ist bei AJAX alles Gold, was glänzt?

2.7 Zusammenfassung

2.8 Aufgaben

2.9 Übungen

3 Die Rollen von (X)HTML und CSS im AJAX-Schauspiel

3.1 Der grundsätzliche Aufbau von ( X) HTML- Dateien

3.1.1 Die Erstellung von (X)HTML-Dokumenten

3.1.2 Die Dateierweiterung von Webseiten

3.1.3 Tags und Steueranweisungen

3.1.4 Die Grundstruktur einer HTML-Webseite

3.2 Das Prinzip der Fehlertoleranz

3.2.1 Das Prinzip der Fehlertoleranz – die ideale Lösung?

3.3 Das W3C und die verschiedenen Versionen von HTML

3.3.1 HTML 1.0

3.3.2 HTML 2.0

3.3.3 Die Stufen 3.0 und 3.2

3.3.4 Version 4

3.4 XHTML

3.4.1 Die verschiedenen XHTML-Versionen

3.5 Die Vorteile und Probleme von XHTML

3.5.1 Die Vorteile von XHTML

3.6 Grundstrukturen und elementare Regeln für eine XHTML- Seite

3.6.1 Die XML-Deklaration und der Prolog

3.6.2 Parameter

3.6.3 Zwingende und optionale Parameterangaben beim Wurzelelement

3.6.4 Korrektheit des Grundgerüsts

3.6.5 Groß- und Kleinschreibung

3.6.6 Keine Elemente ohne Abschluss-Tag oder Kennzeichnung als leere Elemente

3.6.7 Behandlung von Skript- und Style-Containern

3.6.8 Verschachtelung und Ausnahmen

3.6.9 Verringerte Bedeutung des name-Attributs

3.6.10 Der MIME-Typ bei XHTML

3.7 Praktisches Erstellen von XHTML- Seiten

3.8 Die Gültigkeit von Webseiten testen

3.8.1 Der Markup Validation Service

3.9 Strukturierung und Gestaltung mit HTML

3.9.1 Gruppierung und Strukturierung von Inhalt mit Blockelementen

3.9.2 Inline-Elemente

3.10 Style Sheets

3.10.1 Von den Daten zur Darstellung

3.10.2 CSS

3.10.3 Die Verwendung von Style Sheets in einer Webseite

3.10.4 Kaskadierende Wirkung von Stilinformationen

3.11 Die konkrete Syntax von CSS- Deklarationen

3.11.1 Selektoren

3.11.2 Positionierung von beliebigen Elementen über CSS

3.11.3 Ein- und Ausblenden von beliebigen Elementen über CSS

3.12 Zusammenfassung

3.13 Aufgaben

3.14 Übungen

4 Die Programmierseite von AJAX

4.1 Hintergrundwissen zu JavaScript

4.1.1 Die Versionszyklen von JavaScript

4.2 Die Einbindung von JavaScript in eine Webseite

4.2.1 Die direkte Notation

Die

Einbindung

einer

externen

JavaScript-Datei

4.2.3 Die Inline-Referenz

4.3 Einstieg in ein AJAX-Projekt mit Test, ob JavaScript aktiviert ist?

4.3.1 Die automatische Weiterleitung

4.3.2 HTML oder XHTML für die Einstiegsseite?

4.4 JavaScript und AJAX in Hinsicht auf Sicherheit

4.5 Elementare Grundstrukturen von JavaScript

4.5.1 Variablen und Datentypen – Vorsicht vor loser Typisierung

4.5.2 Datenfelder

4.5.3 Anweisungen

4.5.4 Funktionen und Methoden

4.6 JavaScript und Objekte

4.6.1 Methoden und Eigenschaften eines Objekts verwenden

4.6.2 Erzeugen von Objekten

4.6.3 Ausnahmebehandlung in JavaScript

4.6.4 Eine universelle Funktion zum Erzeugen eines XMLHttpRequest- Objekts

4.7 DOM aus Sicht von JavaScript und native JavaScript- Objekte

4.7.1 In JavaScript verfügbare Klassen und DOM- Objekte

4.7.2 Generelle Zugriffsmöglichkeiten auf DOM- Objekte

4.7.3 Zugriff auf Inhalte von Elementen in der Webseite

4.7.4 Das node-Objekt

4.8 Ereignisbehandlung in JavaScript

4.8.1 Der explizite Aufruf eines Eventhandler aus JavaScript

4.8.2 Das event-Objekt

4.8.3 Die Reaktion auf ein event-Objekt

4.9 Zusammenfassung

4.10 Aufgaben

4.11 Übungen

5 Details zu HTTP und zum XML-HttpRequest-Objekt

5.1 HTTP-Interna

5.1.1 Der typische HTTP-Request

5.1.2 HTTP-Response

5.1.3 Der Statuscode

5.2 Die Art der Datenübertragung per HTTP

5.2.1 Die GET-Methode

5.2.2 Die POST-Methode

5.2.3 Die URL-Kodierung

5.2.4 Übermitteln von Formulardaten per AJAX

5.3 Details zum XMLHttpRequest-Objekt

5.3.1 Die Methoden eines XMLHttpRequest-Objekts

5.3.2 Die Eigenschaften

5.4 Ein praktisches AJAX-Beispiel mit Auswertung der HTTP- Header

5.5 Zusammenfassung

5.6 Aufgaben

5.7 Übungen

6 DHTML zur Dynamisierung

6.1 Grundlagen von DHTML

6.2 Mit DHTML Rückmeldungen an den Benutzer anzeigen

6.2.1 Die Auswertung des Statuscodes vom Server

6.3 Manipulation von Bildobjekten

6.3.1 Image und images

6.3.2 Anzeige des Ladevorgangs

6.4 Verändern von Stilinformationen

6.4.1 Stilveränderungen über das style-Objekt

6.4.2 Teile der Webseite temporär unsichtbar machen

6.4.3 Ein Fortschrittsbalken

6.5 Zusammenfassung

6.6 Aufgaben

6.7 Übungen

7 XML mit AJAX verarbeiten

7.1 XML-Grundlagen

7.2 XML-Elemente

7.2.1 Leere Elemente

7.2.2 Elementbezeichner

7.3 Die Syntax eines XML-Dokuments

7.3.1 Regel 1 – Unicode

7.3.2 Regel 2 – XML ist casesensitive

7.3.3 Regel 3 – ein Prolog ist zwingend

7.3.4 Regel 4 – Eindeutigkeit des Wurzelelements

7.3.5 Regel 5 – saubere Verschachtelung aller Elemente

7.3.6 Regel 6 – jedes Element muss ein Ende-Tag haben oder als leeres Element notiert werden

7.3.7 Regel 7 – Attributen muss immer ein Wert zugewiesen werden

7.4 Weitere Komponenten von XML

7.4.1 Kommentare

7.4.2 Prozessinstruktionen

7.4.3 Referenzen

7.4.4 Unkontrollierte Bereiche – CDATA-Abschnitte

7.4.5 Namensräume

7.5 Gültige Dokumente

7.6 Ein AJAX-Beispiel mit der Formatie-rung der XML- Daten im Client

7.7 XML-Daten im Client gezielt verwer-ten und der Nutzen des node- Objekts

7.7.1 Die Verwendung von node und responseXML

7.7.2 Zerlegen einer XML-Antwort

7.8 Zusammenfassung

7.9 Aufgaben

7.10 Übungen

8 AJAX-Frameworks und -Toolkits

8.1 Was sind Frameworks und Toolkits?

8.2 Für wen lohnen sich Frameworks?

8.3 Verschiedene Frameworks

8.3.1 ASP.NET AJAX (Atlas)

8.3.2 Google Web Toolkit (GWT)

8.3.3 Sajax

8.3.4 Prototype JavaScript Framework

8.3.5 Rico AJAX Framework minimal

8.3.6 Sarissa

8.4 Zusammenfassung

8.5 Aufgaben

9 Praxis mit Google Maps

9.1 Was ist das Google Maps API?

9.2 Das API einrichten

9.3 Eine einfache Karte als erstes Beispiel mit Google Maps

9.3.1 Das Zentrum einer Karte festlegen

9.3.2 Die Karte durch den Anwender verschieben

9.3.3 Die Verschiebung im Sniffer beobachten

9.4 Einen Kartenausschnitt programm-technisch verschieben

9.5 Steuerelemente hinzufügen

9.6 Overlays

9.6.1 Marker und deren Symbole

9.6.2 Polylines

9.7 Informationsfenster

9.8 Event Listener und Reaktionen

9.8.1 Reaktion auf einen Klick

9.8.2 Verschiebbare Marker

9.9 Ein abschließendes Beispiel

9.10 Zusammenfassung

9.11 Aufgaben

9.12 Übungen

Anhang

Quellen

Glossar

Lösungen zu den Übungen

Stichwortverzeichnis