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 Script-Sammlungen und JavaScript Library jQuery. Übungen und Beispiele zum Einbau in die Website.
Voraussetzungen: HTML und CSS Grundkenntnisse, sicherer Umgang mit Internet und Betriebssystem, d. h. Dateiablage, Windows-Explorer oder vergleichbar, Erfahrung mit Textverarbeitung.
Bildungszeit / Bildungsurlaub
Der Kurs ist nach § 10, Abschnitt 5 des Berliner Bildungszeitgesetzes vom 5. Juli 2021 als Bildungszeit im Sinne der beruflichen Weiterbildung anerkannt.
Kurskonzept
Tag 1
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
Fehlerbehebung
Sprachelemente von JavaScript
- Objekte
- Eigenschaften
- Methoden
Tag 2
Sprachelemente von JavaScript
- „Vorgefertigte“ Objekte
- Aufbau von JavaScript Befehlen
Eventhandler
- Zwischenschritt auf dem Weg zum Eventhandling mit JavaScript
Variablen
- einen Wert speichern
- mehrere Werte speichern (Array)
- Schleifen, beispielsweise zum Durchlaufen von Arrays
Verzweigungen
- Wenn – Dann
- Operatoren
Funktionen
Tag 3
Ereignishandling
- Eventhandler
- Event-Listener und for-Schleife
JQuery Einführung
- JQuery Versionen
- Aufgabe – JQuery einbinden
- Wie JQuery funktioniert
- Anwendungsbeispiel
JQuery anwenden
- "Klassisches" JavaScript mit JQuery vereinfachen
Arrays anwenden – Image Slider (optional)
- eigenen Slider programmieren
- ggf. vorgefertigtes Beispiel
JQuery erweitern – clientseitige Formularprüfung
- JQuery validate für Formulare
- Einbindung
- Erweiterte Funktionen
- Lokalisierung
