jQuery JavaScript-Bibliothek

jQuery zählt weiterhin zu den verbreiteten JavaScript-Bibliotheken für die Entwicklung interaktiver Webanwendungen und wird insbesondere in bestehenden Anwendungen und Content-Management-Systemen eingesetzt. Die Bibliothek vereinfacht DOM-Manipulationen, Ereignisbehandlung, Animationen und die Kommunikation mit Serverdiensten über HTTP. Das Seminar vermittelt die Grundlagen und Konzepte von jQuery anhand praxisnaher Beispiele. Die Teilnehmer lernen den Zugriff auf HTML-Elemente über CSS-Selektoren, die dynamische Veränderung des DOM-Baums sowie die Verarbeitung von Benutzerereignissen kennen. Weitere Themen sind Animationen, Formulare, Widgets und die Entwicklung eigener Plugins. Neben klassischen jQuery-Techniken behandelt der Kurs moderne Browser-APIs und zeigt die Einordnung von jQuery in heutige Frontend-Architekturen. Dabei werden auch aktuelle JavaScript-Standards, JSON-basierte Kommunikation und die Verwendung der Fetch API betrachtet.

Inhalte des Seminars

Einführung in jQuery

Überblick über JavaScript-Bibliotheken und Frontend-Frameworks
Rolle von jQuery in modernen Webanwendungen
Grundlagen von jQuery
Unobtrusive JavaScript
Integration von jQuery in Webanwendungen
Minimierte und optimierte JavaScript-Dateien
Browser-Kompatibilität
Progressive Enhancement und Fallback-Strategien

jQuery-Grundlagen und DOM-Manipulation

DOM-Objektmodell
Die $()-Funktion
CSS-Selektoren und Filter
Zugriff auf Elemente über Klasse, ID und Attribute
Traversierung des DOM-Baums
Eigenschaften und Attribute ändern
HTML-Elemente dynamisch erzeugen und entfernen
Arbeiten mit Klassen und CSS

Dynamische Oberflächen mit jQuery

Inhalte ändern und ergänzen
Formulare verarbeiten
Positionierung und Layout
Ein- und Ausblendeffekte
Animationen und Timing-Funktionen
Arbeiten mit CSS-Transitions und CSS3
Responsive Benutzeroberflächen

HTTP-Kommunikation und JSON

HTTP-Requests mit jQuery
GET, POST und asynchrone Aufrufe
Verarbeitung von JSON-Daten
Arbeiten mit REST APIs
Fehlerbehandlung bei Requests
Einführung in die Fetch API

Ereignisbehandlung

Browser- und Benutzerereignisse
Event-Handling mit on() und off()
Delegierte Events
Einmalige Event-Handler
Event-Objekte und Event-Attribute
Tastatur-, Maus- und Formularereignisse

Interaktive Oberflächen mit jQuery UI

Einführung in jQuery UI
Drag-and-Drop-Funktionalität
Sortierbare Listen
Resizable- und Selectable-Komponenten
Dialoge und Overlays
Tabs, Menüs und Tooltips
Datepicker und Formularelemente

Widgets und Plugins

Widget Factory
Aufbau wiederverwendbarer Komponenten
Plugin-Konzept von jQuery
Entwicklung eigener Plugins
Strukturierung und Erweiterbarkeit
Testen von Plugins

Theming und Styling

jQuery-UI-Theming
Anpassung bestehender Themes
ThemeRoller
Eigenes CSS für Widgets und Plugins
Integration in bestehende Designsysteme

Einordnung moderner Frontend-Technologien

Grenzen klassischer jQuery-Anwendungen
Zusammenspiel mit modernen JavaScript-Frameworks
Migration bestehender Anwendungen
Wartung und Modernisierung von Legacy-Frontends

Die Fakten

Schulungsdauer: 2 Tage, insgesamt 16 Unterrichtsstunden à 45 Minuten
Gesamtumfang: 16 Unterrichtsstunden à 45 Minuten
Zielgruppe: Webdesigner und JavaScript-Entwickler.
Vorkenntnisse: Grundkenntnisse in HTML, CSS und JavaScript.
Schulungsunterlagen: Umfassende Seminarunterlagen und Referenzdokumentation
Softwareumgebung: Basis des Seminars ist die letzte Version von jQuery 3.x und jQuery UI 4.0.

Termine / Kontakt

Wir helfen Ihnen gerne bei der Anmeldung und einen passenden Termin zu finden. Kontaktieren Sie uns per E-Mail oder unter 0800/tutegos (kostenlos aus allen Netzen).