|
Dynamische Webseiten - Javascript und AJAX
Dynamische
Webseiten mit Javascript
Mit Javascript werden Webseiten interaktiv und
reagieren auf Benutzereingaben. Der gängige Begriff DHTML
(Dynamic HTML) bezeichnet dabei das Zusammenspiel von
Javascript, HTML und CSS um über Javascript-Standardlösungen
hinaus Elemente einer Webseite frei zu positionieren und zu
bewegen, sichtbar und unsichtbar zu schalten, nachträglich zu
verändern und auf Maus- oder Tastaturereignisse umfassend zu
reagieren. (Zugleich bietet dieser Kurs einen Einstieg in die
Grundtechniken des Objektorientierten Programmierens (OOP). Bei
Bedarf wird dieser Kurs deshalb auch für Programmieranfänger
angeboten.)
Gliederung: Javascript-Versionen • Javascript als
Objektorientierte Programmiersprache • Event-Handler •
Javascript und HTML • Standard-Lösungen: Meldungsfenster,
Laufschriften, Bildaustausch, Formularüberprüfung, Datum und
Uhrzeit, Stringverarbeitung, Cookies, Fenstertechniken,
Bookmarklets und Favlets • Kompatibilität • Debuggen mit
Javascript • Fehlermeldungen • Sicherheitsfragen rund um
Javascript (einschließlich Cross-Site-Scripting-Probleme).
Dauer: 3 Tage Seminarnr. 0608
Dauer: 4 Tage Für Nichtprogrammierer Seminarnr. 0609
Javascript für Fortgeschrittene
Mit den neueren Browsern (Internet Explorer 6/7,
Netscape 7/8/9, Firefox 1.5/2, Safa-ri, Konquerer, Opera 7/8/9)
einher geht auch eine immer bessere Implementierung des Document
Object Models (DOM – Level 2), das eine umfassende Kontrolle und
Steuerung der Dynamik von Webseiten (wie auch XML-Dateien) mit
Javascript erlaubt: Ebenen ein- und ausblenden, Ebenen bewegen,
Inhalte komplett neu gestalten und auf Benuztereingaben
umfassend reagieren.
Gliederung: Document Object Model (DOM), Netscape 4.x, 6-9,
Internet Explorer 4-7 Mozilla, Konquerer, und Opera 5-9 im
Vergleich • ECMAscript und Kompatibilität • HTML, CSS und
Javascript • CSS mit Javascript dynamisieren • absolutes
Positionieren und Bewegen • Screen-Eigenschaften • Ein- und
Ausblenden • dynamische Seitenänderungen (innerHTML,
getElementById, getElementsByTagname, childNodes und DOM) • neue
Event-Handler • Ereignishierarchie und Standardaktionen •
Bookmarklets • browserspezifisches Javascript / JScript •
aktuelle Entwicklungen • Sicherheitsfragen rund um Javascript
(einschließlich Cross-Site-Scripting-Probleme) • Javascript in
XML-Dateien • Javascript in anderen Programmen (Acrobat,
Photoshop, Flex-Bridge).
Dauer: 3 Tage Seminarnr. 0610
Web 2.0 – AJAX-Programmierung
In vieler Hinsicht ist AJAX (Asynchronous
Javascript and XML) das Herzstück von Web 2.0- Anwendungen. In
diesem Kurs erlernen Sie die Grundlagen der Programmierung von
AJAX-Anwendungen mit Javascript, DOM- und XML-Nutzung und den
Einsatz dieser Techniken für selbstgeschriebene Programme und im
Zusammenspielen mit gängigen Frameworks.
Gliederung: Schlagwort Web 2.0 • AJAX (Asynchronous
Javascript and XML): Die Grundidee • DOM und XML • Vorläufer von
AJAX • Das XMLHttpRequest-Objekt: Kompatible Programmierung,
Initialisierung, Auswertung als Text- oder XML-Datei •
Clientseitige Nutzung von AJAX • Clientseitige Frameworks •
Serverseitige Programmierung: Programmiersprachen und Frameworks
• Mashups und serverseitige Programmierung • API-Programmierung
und AJAX (Beispiel: Google-Maps) • Barrierefreiheit und
Standardkonformität.
Dauer: 3 Tage Seminarnr. 0611
Javascript und AJAX optimieren
Mit dem Web 2.0 und dem Einsatz von AJAX
(Asynchronous Javascript and XML) und APIs (wie zum Beispiel
Google Maps) rückt Javascript als Programmiersprache auf dem
Client wieder verstärkt in den Vordergrund. DOM-Strukturen von
HTML- und XML-Dokumenten lassen sich dabei umfassend ansprechen
und verarbeiten, wobei die Verarbeitungsgeschwindigkeit
unterschiedlicher Befehle und Programmierstrategien zu sehr
unterschiedlichen Ergebnissen führen kann. In diesem Seminar
werden an ausgewählten Beispielen verschiedene
Optimierungsstrategien für Javascript und seine
Objekthierarchie, AJAX und den Einsatz von Javascript-APIs
vorgestellt und verglichen.
Gliederung: Javascript und DOM-Versionen • Javascript bei
HTML und XML • Geparste Dokumente und der Zugriff auf
Javavscript-Arrays • Javascript als interpretierende
Programmiersprache • Objekte und Objektinstanzen •
Meßmöglichkeiten für Javascript-Performance • Zeitkritische
Javascript-Befehle und Alternativen • Das XMLHttpRequest-Objekt
• APIs, externe Javascripts und Frameworks • Unterschiede
zwischen den aktuellen Browsern.
Dauer: 3 Tage Seminarnr. 0629
Google-Maps API-Programmierung
Google-Maps ist eine der beliebtesten
Programmierschnittstellen, um über API-Programmierung (API =
Application Programming Interface) geografische Daten in
Straßenkarten und/oder Luftaufnahmen aus allen Kontinenten
darzustellen. Da die API von Google gut dokumentiert und frei
verfügbar ist, bietet es sich an, das Thema API-Programmierung,
AJAX und und Web-2.0-Mashups an diesem Beispiel zu erlernen.
Gliederung: Google-Maps: Die Grundfunktionen • Google-Maps:
Das Datenmaterial und die Nutzung von PNG-Grafiken • API-Key •
Browserkompatibilität - Binary Behaviors im Internet Explorer •
Erste Schritte mit der API • Geokoordinaten und Zoomstufe •
Marker und Overlays • Eigene Bedienfelder • Geocoding mit
Google-Maps • Einbindung in eigene Anwendungen • Mashups mit
Google-Maps
Dauer: 2 Tage Seminarnr. 0612
|
