jQuery Grundkurs

Ziele

In dieser 3-tägigen Schulung "jQuery - Grundlagen" lernen Sie die Grundlagen und fortgeschrittenen Techniken dieser leistungsfähigen JavaScript-Bibliothek. Beginnend mit einer umfassenden Einführung erfahren Sie, wie Sie jQuery in Ihre Webseiten einbinden und die verschiedenen Selektoren, Eigenschaften und Attribute verwenden können. Sie lernen, CSS mit jQuery zu bearbeiten und Events effektiv zu nutzen, um auf Benutzerinteraktionen zu reagieren. Des Weiteren werden Animationen und Effekte behandelt, mit denen Sie Elemente ein- und ausblenden sowie benutzerdefinierte Animationen erstellen können.

Darüber hinaus werden Sie in die jQuery UI-Bibliothek eingeführt, die Interaktionen, Widgets, Hilfsmittel und Effekte bereitstellt. Sie erfahren, wie Sie jQuery UI-Module herunterladen und in Ihre Projekte integrieren können, um ansprechende und interaktive Benutzeroberflächen zu erstellen. Am Ende der Schulung haben Sie das Wissen und die Fähigkeiten erworben, jQuery effektiv einzusetzen und ansprechende Webseiten zu gestalten.

Zielgruppe

• Entwickler
• Programmierer
• WebDesigner

Voraussetzungen

Gute HTML und CSS Kenntnisse

Agenda

Einführung in jQuery

• Geschichte und Bedeutung von jQuery
• Vergleich mit reinem JavaScript

Einrichtung und erste Schritte

• Download und Installation von jQuery
• Integration von jQuery in Webseiten
• Unterschiede zwischen jQuery() und $()

Grundlagen der jQuery Selektoren

• Auswahl von Elementen, Attributen und CSS-Klassen
• Einsatz von Filter-Selektoren
• Manipulation von DOM-Elementen

CSS und Styling mit jQuery

• Änderung von CSS-Eigenschaften
• Anwendung von Inline-Stilen
• Hinzufügen und Entfernen von CSS-Klassen

Ereignisbehandlung in jQuery

• Verständnis des Event-Handling-Modells
• Anwendung von Event-Methoden wie Click, Hover, Focus

Visual Effects und Animationen

• Standardanimationen wie FadeIn, FadeOut, Slide
• Erstellung benutzerdefinierter Animationen
• Nutzung von Callback-Funktionen für Animationen

Ajax-Anfragen mit jQuery

• Grundlagen und Einsatz von Ajax
• Umgang mit JSON und XML Daten
• Fehlerbehandlung in Ajax-Anfragen

Fortgeschrittene Selektoren und Methoden

• Traversierung und Filterung im DOM
• Verwendung von .each() zur Iteration
• Dynamische Inhaltsmanipulation

jQuery UI und interaktive Widgets

• Integration der jQuery UI-Bibliothek
• Nutzung von Interaktionen wie Drag & Drop
• Einsatz von jQuery UI Widgets