JavaScript für das Verhalten von Websites
Die Oberflächen moderner Internetseiten werden mit HTML5 und CSS (Cascading Style Sheets) erstellt. HTML integriert die Inhalte in die Seiten, CSS übernimmt die Gestaltung. JavaScript greift dabei beispielsweise in das Document Object Model ein und steuert das Verhalten.
Mit JavaScript fügen Sie interessante Effekte in die Webseite ein: Animationen, Bildeffekte, Rollover-Buttons oder Slide-Show. Eventhandling ermöglicht die Reaktion auf Benutzereingaben, beispielsweise bei Berührung mit der Maus durch Änderung der Farbe oder auf nicht plausible Formulareingaben mit einer Fehlermeldung.
Sie erlernen den Aufbau der Kommandos von JavaScript: Daten, Ausdrücke, Funktionen, Objekte, Eigenschaften und Methoden. Nutzung von Scriptsammlungen und JavaScript Library jQuery. Übungen und Beispiele zum Einbau in die eigene Homepage.
Voraussetzungen: HTML und CSS Grundkenntnisse, sicherer Umgang mit Internet und Betriebssystem, d. h. Dateiablage, Windows-Explorer oder vergleichbar, Erfahrung mit Textverarbeitung.
Kurskonzept
Freitag 18:00 – 21:15
Was ist JavaScript
- Definition
- Wozu wird JavaScript eingesetzt
- Woran erkennt man, wofür auf Websites JavaScript eingesetzt wird?
Entwicklungsumgebung
- Was Sie zum Arbeiten benötigen
- Fallback Lösungen für Browser ohne JavaScript
- Unobtrusive JavaScript
Die Einbindung von JavaScript in HTML
- Einbindung direkt in HTML
- Einbindung über eine externe Datei
Samstag 9:30 – 16:30
Fehlerbehebung
Sprachelemente von JavaScript
- Objekte
- Eigenschaften
- Methoden
- „Vorgefertigte“ Objekte
- Aufbau von JavaScript Befehlen
Eventhandler
- Zwischenschritt auf dem Weg zum Eventhandling mit JavaScript
Variablen
- einen Wert speichern
- mehrere Werte speichern (Array)
- for-Schleife zum Durchlaufen von Arrays
Verzweigungen
- Wenn – Dann
- Operatoren
Funktionen
Sonntag 10:00 – 17:00
Ereignishandling
- Rollover mit Eventhandler
- Rollover mit Event-Listener und for-Schleife
JQuery Einführung
- JQuery Versionen
- Aufgabe – JQuery einbinden
- Wie JQuery funktioniert
- Anwendungsbeispiel
JQuery anwenden
- Rollover Effekt mit JQuery vereinfachen
Arrays anwenden – Image Slider (optional)
- eigene Diashow programmieren
- ggf. vorgefertigtes Beispiel
JQuery erweitern – clientseitige Formularprüfung (optional)
- JQuery validate für Formulare
- Einbindung
- Erweiterte Funktionen
- Lokalisierung