• Woche 1: Schnelleinstieg ins "Prinzip AJAX"
  Sie erfahren zunächst im Schnelldurchlauf, wozu AJAX eigentlich da ist, was AJAX genau bezeichnet, wie sich AJAX im allgemeinen Umfeld des WWW eingliedert, wozu es eingesetzt werden kann und auch, wo die Probleme von AJAX liegen und welche Probleme mit AJAX-Applikationen auftauchen können.

  Doch nichts fördert das Verständnis von AJAX so gut wie ein praktisches Beispiel. Mit einem Sprung ins kalte Wasser richten Sie sich deshalb Ihre eigene Programmier- und Testumgebung (XAMPP) ein und programmieren schon in der ersten Woche Ihre erste eigene AJAX-Applikation, variieren sie und werden so schnell vertraut mit dem typischen Ablauf einer AJAX-Anfrage.

  Nachdem wir uns so den großen Überblick verschafft haben, befassen wir uns detailliert mit den elementaren Hintergründen der Datenübertragung im Internet und WWW (Datentransfer per Paketvermittlung und HTTP). Dies umfasst einen Abschnitt zu den Details von HTTP und den Interna des XMLHttpRequest-Objekts inklusive der Hintergründe der Datenübertragung per HTTP und den Geheimnissen des XMLHttpRequest-Objekts und der Meldungen eines Webservers.

• Woche 2: Die elementaren Grundtechniken
  In der zweiten Workshop-Woche widmen wir uns ausführlich den elementaren Grundtechniken moderner RIAs. Dies ist der wichtigste Part, denn AJAX ist im Wesentlichen genau die Verbindung dieser Techniken:

  • (X)HTML und DOM für AJAX-Programmierer: mit dem Aufbau von (X)HTML-Dateien, Steueranweisungen, Parametern, HTML-Grundstrukturen, Formularen, DOM aus Sicht von HTML und der Reaktion auf Ereignisse mit Eventhandlern und dem event-Objekt. Dabei wird insbesondere Wert darauf gelegt, dass sich die Aufgaben von (X)HTML in modernen Webseiten auf die Strukturierung von Webseiten reduzieren und man viele Befehle der Vergangenheit zur Gestaltung von Webseiten gar nicht mehr verwendet.

  • Denn die Gestaltung von Webseiten obliegt Style Sheets. Diese werden mit CSS und etwas XSL sowie der praktischen Verwendung von Style Sheets in einer Webseite das nächste Thema sein.

  • JavaScript mit allen elementaren Grundstrukturen und -techniken, soweit sie für AJAX unabdingbar sind. Dies ist der Dreh- und Angelpunkt des gesamten AJAX-Konzepts und damit des gesamten Workshop. Auch jQuery ist ja explizit ein JavaScript-Framework.

  Programmier-Praxis: Sie erstellen u.a. eine AJAX-Applikation, bei der einem Anwender, der mit der Maus über ein Bild fährt, über dem Bild eine Zusatzinformation angezeigt wird.

• Woche 3: DHTML und die Serverseite bei AJAX sowie das Datenformat
  Bei AJAX geht es darum, Daten vom Server anzufordern. In dieser Woche beschäftigen uns wir mit der Serverseite und damit, wie angeforderte Daten dem Anwender präsentiert werden und ihm beim Datennachladen gegebenenfalls eine Rückmeldung gegeben werden kann:

  • DHTML für AJAX-Entwickler mit allen wichtigen Grundlagen und den zentralen Techniken für den Zugriff auf Elemente einer Webseite. Dieser Abschnitt vertieft insbesondere die JavaScript- und CSS-Themen aus der Woche 2 in praktischer Anwendung, denn DHTML ist im Kern nicht mehr oder weniger als die Verbindung von (X)HTML, JavaScript und CSS.

  • Grundlagen serverseitiger Programmierung mit den Unterschieden und Gemeinsamkeiten zwischen serverseitiger und clientseitiger Programmierung, den Voraussetzungen zur Ausführung von serverseitigen Skripten und Programmen sowie den Techniken, um serverseitige Skripte und Programme zum Laufen zu bringen.

  • Die Behandlung von PHP als konkrete Sprache zum Programmieren auf einem Webserver mit allen unabdingbaren Grundlagen. Also den Aufbau von PHP-Skripten, wichtigen PHP-Elementen, der Datenübergabe an PHP und dem Zugriff auf Webdatenbanken (an Hand von MySQL).

  • Bei AJAX können Sie beliebigen Klartext nachfordern. Natürlich auch in Form von XML, mit dem wir uns in dieser Woche ebenfalls näher beschäftigen. Als wichtige, da leichtere, Alternative zu XML erfahren Sie auch noch etwas zu JSON.

  Programmier-Praxis: In dieser Woche erstellen Sie u.a. eine AJAX-Applikation, die die Anmeldung eines Anwenders für einen geschlossenen Bereich einer Webapplikation überprüft. Je nachdem, ob die Zugangsdaten korrekt sind oder nicht, soll dem Anwender eine unterschiedliche Antwort angezeigt werden - selbstverständlich ohne dass die Webseite neu geladen wird. Denn das ist ja ein wesentliches Kriterium von AJAX.

• Woche 4: AJAX-Frameworks im Allgemeinen und jQuery im Besonderen
  AJAX-Applikationen müssen Sie nicht von Hand erstellen. Mittlerweile tummeln sich auf dem Markt eine Vielzahl an so genannten Frameworks und Toolkits, die Sie bei der Erstellung unterstützen.

  Diese Woche soll einen kleinen Überblick über Frameworks liefern, wie sie im Umfeld der modernen Webprogrammierung verwendet werden. Und jQuery wollen wir explizit herauspicken und intensiver vorstellen:

  • Überblick zu Frameworks für AJAX-Entwickler bzw. allgemein Ersteller moderner Webseiten

  • Einstieg in jQuery

  Programmier-Praxis: In der abschließenden Workshop-Woche erstellen Sie u.a. eine AJAX-Applikation auf Basis von jQuery und jQuery UI.

Wieviel Zeit sollten Sie für diesen Workshop einplanen?
Die bisherigen Teilnehmer dieses Online-Workshops haben im Durchschnitt ca. 15-20 Stunden pro Workshopwoche aufgewendet.