• 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: Grundtechniken moderner RIAs und Eisntieg in jQuery
  Im ersten Schwerpunkt der zweiten Workshop-Woche widmen wir uns ausführlich den elementaren Grundtechniken moderner RIAs. Dies ist ein sehr wichtigtiger 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.

  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. Eines der beliebtesten Frameworks ist jQuery, das Sie im zweiten Schwerpunkt dieser Woche kennen lernen:

  • Einstieg in jQuery

  • Erste einfache Beispiele mit jQuery

  
  

• 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
  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 weiter vertiefen:

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

  • Widgets und Komponenten mit jQuery UI

  • PlugIns mit jQuery

  • Ausblick auf mobile Anwendungen mit jQuery Mobile

  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.