Interaktive Webseiten mit jQuery - Animationen, Effekte und DOM-Manipulation

Interaktive Webseiten entstehen, wenn JavaScript über das DOM auf Inhalte zugreift und sie direkt im Browser verändert. Im Mittelpunkt stehen DOM-Manipulation, das Event-System, Animationen und Effekte sowie der asynchrone Datenaustausch mit AJAX.

Kompetenzziele

DOM-Elemente mit JavaScript auswählen, verändern, einfügen und entfernen
Benutzeraktionen über das Event-System erfassen und darauf reagieren
Animationen und Effekte als sichtbare Rückmeldung auf Interaktionen gestalten
Daten per AJAX asynchron laden und eine Webseite ohne Neuladen aktualisieren
Skripte für Webseiten in Content-Management-Systemen einsetzen
JavaScript-Code übersichtlich strukturieren und an verschiedene Bildschirmgrößen anpassen

Themen und Zusammenhänge

Grundlage ist die JavaScript-Programmierung im Browser: Das Document Object Model bildet eine Webseite als Baum aus Elementen ab, auf den Skripte lesend und schreibend zugreifen. Die Manipulation dieses Baums – Texte austauschen, Klassen setzen, Elemente erzeugen oder entfernen – ist die Basis jeder dynamischen Änderung an Webinhalten. Das Event-System verbindet diese Änderungen mit Benutzeraktionen wie Klicks, Eingaben oder Scrollen. Darauf bauen Animationen und Effekte auf, die Zustandswechsel sichtbar machen, sowie AJAX-Funktionalitäten, mit denen Daten asynchron übertragen und Teile einer Seite gezielt nachgeladen werden. Responsives Webdesign sorgt dafür, dass interaktive Oberflächen auf unterschiedlichen Bildschirmgrößen funktionieren; der Einsatz in Content-Management-Systemen zeigt, wie sich Skripte in bestehende Webseiten einfügen. Übungen zur Code-Strukturierung und zur Verbesserung von Ladeverhalten und Bedienbarkeit runden das Webseiten erstellen mit JavaScript ab und führen zu benutzerfreundlichen, dynamischen Oberflächen.

Berufliche Perspektiven

Die Kenntnisse in JavaScript und DOM-Manipulation werden in folgenden Rollen eingesetzt:

Frontend Developer bzw. Frontend-Entwickler:in für interaktive Webseiten
JavaScript-Entwickler:in bzw. JavaScript Developer für dynamische Benutzeroberflächen
Webentwickler:in bzw. Web Developer für Webseiten in CMS-Umgebungen
Webdesigner:in bzw. Interaction Designer mit Umsetzung im Code

Allgemeine Informationen

Labels: KW45-3:neue Titel

Kategorie

Kursart: Weiterbildungsangebot
Systematik: Mediengestaltung, Multimedia-Produktion, Webdesign
Keywords: JavaScript DOM
Webseiten erstellen
Webseite
Webseite erstellen
Webseiten
Manipulation
Bildungsart: Fortbildung/Qualifizierung
Schulart: Einrichtung der beruflichen Weiterbildung

Gesamtkosten

Kosten: 2.000 €
Kosten Bemerkung: Die Kosten für den Kurs Interaktive Webseiten mit jQuery - Animationen, Effekte und DOM-Manipulation sind in Vollzeit und in Teilzeit identisch und beinhalten Schulungsunterlagen sowie Softwarelizenzen.

Abschluss & Zulassung

Abschlussart: Internes Trägerzertifikat: Interaktive Webseiten mit jQuery - Animationen, Effekte und DOM-Manipulation von Lutz + Grub
Abschlussbezeichnung: Interaktive Webseiten mit jQuery - Animationen, Effekte und DOM-Manipulation
Anrechnung: keine Angabe
Berechtigung: keine Angabe
Zusatzqualifikationen: keine Angabe
Prüfende Stelle: Eine interne Prüfungskommission ist für die Abnahme der Prüfung des Kurses Interaktive Webseiten mit jQuery - Animationen, Effekte und DOM-Manipulation zuständig.

Sonstiges

Zugang: Die Teilnahme am Kurs Interaktive Webseiten mit jQuery - Animationen, Effekte und DOM-Manipulation erfordert lediglich Interesse am Themengebiet. Besondere Vorkenntnisse sind nicht notwendig.
Zielgruppe: Webentwicklung als Berufsziel: Der Kurs Interaktive Webseiten mit jQuery - Animationen, Effekte und DOM-Manipulation richtet sich an alle Personen, die künftig in dem Bereich Webentwicklung arbeiten möchten.