AJAX - Asynchron JavaScript and XML Webentwicklung

Schulungsziel:

In der Schulung AJAX (Asynchron JavaScript And XML), Webentwicklung erlernen Sie die Erstellung dynamischer Web 2.0 Internetseiten mittels der Ajax Technologie.
Der Kern von Ajax ist die Möglichkeit, Daten zwischen der Anwendung (Client) und einem Server im Hintergrund praktisch zu jeder Zeit und auch in großem Umfang durchzuführen, ohne im Vordergrund einen Seitenaufruf tätigen zu müssen. Sinnvoll wird dies allerdings zumeist erst, wenn man die empfangenen Daten in eine geladene HTML-Seite einpflegen kann, sodass diese nicht neu geladen, sondern punktuell zielgenau aktualisiert wird.
Im Kurs lernen Sie die Grundlagen zu den hierbei ein-gesetzten Technologien (XHTML, CSS, DOM, XML, JSON, XLSLT, XMLHttpRequest und JavaScript) und deren Zusammenwirken an Beispielen kennen und erarbeiten sich in Übungen das nötige praktische Verständnis.
Ihre Webanwendungen erhalten somit zukünftig mehr Komfort und die nötige Flexibilität, um heutigen Standards gerecht zu werden.



Seminarinhalte:

Einleitung
Was ist AJAX?
Eine kurze Reise durch die AJAX-Welt

Das DOM und der Dokumentenbaum
Das Document Object Model (DOM)
Der Dokumentenbaum
Knoten
Konstanten
Eigenschaften
Attribute
Methoden
Ein Beispiel

Zugriff auf einzelne Elemente
Einführung
Eigenschaften
Elemente selektieren
Attribute bearbeiten
Elemente erzeugen
Ein Beispiel

Auf Style-Objekte mit JavaScript zugreifen
Cascading Style Sheets (CSS)
Grundlagen
Style-Eigenschaften

StyleSheets ändern und mit Regeln erweitern
StyleSheet-Eigenschaften modifizieren
Praxisbeispiel StyleSwitcher
setProperty(), getPropertyValue() und re-voveProperty()
Eigenschaften des styleSheets[ ]-Arrays
Regeln für StyleSheets

Objektorientierte Programmierung in JavaScript
Objektorientierte Programmierung (OOP)
Klassen
Eigenschaften
Abfragen
Methoden
Prototypen
Literale
JSON
Beispielprojekt

XML-Dateien mit JavaScript bearbeiten
Extensible Markup Language (XML)
Grundlagen
XML laden
XML parsen
Beispielprojekt

Vorschau auf E4X
Was ist E4X?
Elemente auslesen
Attribute auslesen
Filter verwenden
Struktur verändern
Platzhalter verwenden
Elemente löschen

AJAX und http
HTTP als Grundlage von AJAX
Grundlagen
Client-Request-Methoden
Server-Antwortcodes
HTTP-Header

XMLHttpRequest
Einführung
Das Objekt erzeugen
Methoden
Eigenschaften
Hallo Ajax
ajaxRequest-Klasse
Den Ladezustand anzeigen
Eine Verbindung unterbrechen
Automatische Updates
JavaScript ausführen
Probleme mit dem Cache
AJAX mit das JSON-Framework
Externe Quellen nutzen
Das Historie-Problem
Beispielprojekt

Prototype
Das JavaScript Framework Prototype
ajax.js
base.js
compat.js
dom.js
form.js
string.js

script.aculo.us und Behaviour
Was ist script.aculo.us?
Drag&Drop
Visuelle Effekte
Die Bibliothek Behaviour

Schulungsvoraussetzungen:
Für die Schulung Schulung AJAX Webentwicklung benötigen Sie Grundkenntnisse in der Web-Programmierung mit HTML oder XHTML, JavaScript und CSS.