Websiteentwicklung: AJAX: AJAX-Applikationen kennen lernen
Erscheinungsbild
Bevor Sie selbst AJAX-Applikationen entwickeln, sollten Sie möglichst viele Applikationen studieren, und sich mit den wichtigsten Ideen vertraut machen:
- EtherPad
- ist ein Editor zur kollaborativen Bearbeitung von Texten in Echtzeit, wobei alle Änderungen sofort bei allen Teilnehmern sichtbar werden.
- Google Suggest
- Eingabe wird automatisch vervollständigt
- flickr
- Metainformationsbasiertes Online Fotoverzechnis, die Benutzer können ihre eigenen Schappschüsse hinzufügen, Drag-and-Drop-Menü
- Charakterplaner WoW
- Suche mit AJAX, drag-and-drop
- Gollum
- Suche mit AJAX
- Xing (OpenBC)
- Liste der möglichen Verbindung zu einer fremden Person wird mit AJAX nachgeladen
- MeinProf.de
- Wenn man einen neuen Prof einträgt wird per AJAX nachgefragt, ob er schon in der Datenbank ist
- netvibes
- Desktop in AJAX. Einzelne Fenster können mit drag-and-drop verschoben werden. Feeds werden regelmäßig frisch angezeigt
- google maps
- Beim Scrollen werden fehlende Teile der Landkarte mit AJAX nachgeladen
- google spreadsheet
- Gesamte Tabellenkalkulation in AJAX
- neximage
- Vollständiges Bildbearbeitungsprogramm mit AJAX
- PantherMedia
- Erste deutsche Online Microstock Bildagentur (Suche und Warenkorb in AJAX)
Übung
[Bearbeiten]Öffnen Sie Firebug und beobachten Sie bei der Benutzung der verschiedenen Applikationen, wann eine AJAX-Anfrage erfolgt.
Links
[Bearbeiten]- Ajax Examples aus dem Wiki Ajax Design Patterns