Dynamische Webseiten mit JavaScript und DOM
Kursziele
Das Seminar geht detailliert auf die JavaScript-Programmierung ein, um im Browser dynamische Webseiten zu programmieren. Anhand von praxisnahen Beispielen, etwa der interaktiven Formularvalidierung, lernen die Teilnehmer komplexe Skripte aufzubauen, zu testen und zu debuggen sowie auf Kompatibilität beziehungsweise Browser-Unabhängigkeit hin zu prüfen.
Zielgruppe
Webdesigner, HTML-ProgrammiererEmpfohlene Dauer
3 Tage, insgesamt 18 ZeitstundenInhalte
- HTML und JavaScript
- JavaScript als Standard: ECMAScript
- Microsoft JScript
- JavaScript Versionen: Von 1.0 bis 1.5
- Einbinden von JavaScript
- Dialogboxen/Alert
- Internes/Externes Einbinden
- MIME-Typen - Grundlegende JavaScript-Konzepte
- Variablen und Werte
- Operatoren
- Funktionen
- Vordefinierte Funktionen
- Skripte miteval()auswerten
- Imperative Sprachkonstrukte
- Arrays, Array-Operationen, Sortieren, Assoziative Arrays
- Objektorientierung: Objekte, Methoden und Eigenschaften
- Gültigkeitsbereiche
- Arbeiten mit Function
- Fehlerarten und Debugging - Allgemeine Objekte
- Boolean-Klasse
- Numerische Werte
- Mathematisches
- Datum und Uhrzeit
- Strings, reguläre Ausdrücke
- Informationen über den Browser - Ereignisbehandlung (Event-Handler)
- DieonXXX()-Gruppe
- Ereignisse bei Klicks
- Ereignisse der Maus
- Formularereignisse
- Event-Listener - Browser-Objekte im Document Object Model (DOM)
- Formularelemente
- Validierung
- CSS-Stile
- Operieren auf Grafiken
- Cookies
- Frames
- Kommunikation mit Java-Applets
- Plugins prüfen - Erweiterte Eigenschaften
- JavaScript-Programme schützen durch Obfuscatoren
- Performance-Fragen
- Signieren von Skripten
- XML-Verarbeitung
- Ajax
Voraussetzungen
Kenntnisse in HTML und einer beliebigen Programmiersprache.
Seminarunterlagen
Jeder Teilnehmer bekommt als Begleitunterlage das Exemplar ›JavaScript und Ajax‹ von Christian Wenz (Galileo Computing) in der aktuellsten Auflage.
Software
JavaScript-Programme werden mit dem Internet Explorer und Firefox getestet.
![Zu einem Bookmark-Anbieter hinzufügen [Addthis]](../../images/bookmarks/addthis.gif)
![Zu Google Bookmarks hinzufügen [Google Bookmarks]](../../images/bookmarks/google.png)
![Zu Yahoo! Bookmarks hinzufügen [Yahoo! Bookmarks]](../../images/bookmarks/yahoo.png)
![Zu Delicius hinzufügen [Delicius]](../../images/bookmarks/delicious.png)
![Zu Mister Wong hinzufügen [Mister Wong]](../../images/bookmarks/misterwong.png)