Dynamische und moderne Webseiten gestalten
JavaScript Programmierung
Dieses Seminar vermittelt Grund- und Aufbauwissen, um mit JavaScript HTML-Seiten dynamisch zu gestalten. Anhand konkreter Anwendungsbeispiele wie dynamische Formulare, Fenster oder Animationen erhalten Sie einen Überblick über die Möglichkeiten von JavaScript und die zur Programmierung erforderlichen Browser Objektmodelle. Je nach Kurszusammenstellung wird auch das Thema AJAX ausgiebig beleuchtet.
Zielgruppe
Webentwickler, Webmaster
Benötigte Vorkenntnisse
Gute Kenntnisse in HTML und CSS
Programm
- Überblick:
Skriptsprachen und Einsatzgebiete – Versionen und Browserkompatibilität – ECMA-Spezifikation – Unterschiede clientseitige/serverseitige Verarbeitung – HTML, CSS und DOM - JavaScript und HTML:
Externe Skripte – Interne Skripte – noscript-Bereiche – Code-Hiding – Browsereinstellungen - Debugging:
Fehleranalyse mit der Firefox Extension FireBug – HTML, CSS überwachen und editieren – DOM inspizieren - Programmierung:
Objektorientierung – Variablen und Arrays – Operatoren – Funktionen – Schleifen und Verzweigungen – Fehlerbehandlung – Vererbung und Prototypen – Modularisierung – Programmier-Konventionen - Objekte:
Date – String – Math – Window – Browserobjekte - JavaScript und HTML:
Validierung – Werte übergeben – Eventhandler – Event-Reihenfolge – Manipulation von HTML-Elementen – HTML-Dokumente und DOM - Programmierung über DOM-Knoten:
Element-, Attribut- und Textknoten – Knoteneigenschaften – Knoten ansprechen mit XPath - Praktische Anwendungsbeispiele:
Animationen – Ebenen ein- bzw. ausblenden – Dynamische Formularelemente – Formularprüfung (mit regulären Ausdrücken) – Steuern von Fenstern und Frames – Cookies - AJAX:
Einführung – Request-Objekte in Firefox und IE – Synchrone und asynchrone Aufrufe – Callback-Handler – Ergebnisse verarbeiten – Umgang mit Formaten XML, HTML, JSON – Anwendungsbeispiele - JavaScript Bibliotheken:
Überblick – Prototype: Komfortabler Zugriff auf das DOM – Script.aculo.us: Animationen – YUI: Tabellen, Listen, Menüs – Dojo: Vereinfachte AJAX-Requests, Komponenten – MooTools, jQuery: Komfortable Manipulation und Navigation des DOM – Praktische Anwendungsbeispiele
Dauer
2-5 Tage
Installation
Windows 7 mit Internet Explorer 8
Entwicklungsumgebung Eclipse Helios
Firefox 3 mit Extensions FireBug, FireCookie
Diverse Browser (Safari 5, Chrome 7, Opera 9)
JavaScript-Frameworks (Prototype, Scriptaculous, YUI, Dojo, MooTools, jQuery)
Durchführung
Die Schulungsdauer und den genauen Schulungsinhalt stimmen wir individuell mit Ihnen ab. Gerne stehen wir für eine weitergehende Beratung und Bedarfsermittlung zur Verfügung. Wir freuen uns auf Ihre Anfrage ›.