Ajax Seminar - Einführung
Dieses Seminar vermittelt die Grundlagen für die Entwicklung von
dynamischen Websites mit Ajax und DHTML.
Nach einer Einführung in Javascript, werden die Technologien für
die Manipulation des DOM (Document Object Model) und die Anbindung an
Servertechnologien (PHP, Java) mit dem XMLHttpRequest-Objekt (XHR)
dargestellt.
Weiterhin werfen wir im Seminar einen Blick auf die Ajax-Libraries
Prototype und
Scriptaculous.
Diese stellen Basisbibliotheken dar,
die jeder Ajax-Entwickler kennen sollte. Sie erleichtern die Entwicklung
von Ajax-Anwendungen u.a. dadurch dass sie "Browsereigenheiten" kapseln,
eine umfangreichere DOM-Manipulation ermöglichen und über grafische Effekte
verfügen.
Alle Beispiele sind browserunbhängig und werden mit Hilfe von
Firebug getestet.
Zielgruppe: Entwickler mit HTML Know-How
Empfohlene Seminardauer: 3-4 Tage
Unterlagen: Folien und Beispiele
Inhalte
Javascript Grundlagen
- Javascript in HTML einbinden
- Javascript Syntax : Variablen, Eigenschaften, Objekte, Methoden ...
- Eventsystem
- Fenster und Formulare
- CSS-Styles mit Javascript ändern
Javascript und DOM
- Grundlagen zum Document Object Model
- Zugriff auf DOM-Knoten
- DOM-Knoten einfügen und entfernen
- Knoteneigenschaften (Attribute) bearbeiten
Ajax
- Grundlagen: HTTP-Header und -Methoden, Server-Codes
- XMLHttpRequest-Objekt erzeugen
- XMLHttpRequest-Objekt Eigenschaften und Methoden
- Server-Responsedaten in die Website einfügen mit javascript
- Beispielprojekt
Prototype
- Überblick
- XHR-Funktionen
- DOM-Manipulation
- Eventsystem
- Objekte erzeugen
Scriptaculous
- Grundlagen Effekte : Duration,Transition ...
- Effekte steuern
- Grundeffekte : Opacity,Highlight,Scale,Toggle ...
- Kombinationseffekte : Fade, Puff, DropOut, Shake ...
