Seminar jQuery Komplett

jQuery-Installation

&nbs

• Installieren von jQuery
• Gehostete Bibliotheken und Fallback-Strategien
• jQuery-Versionen: 1.9.x vs. 2.x
• jQuery.migrate - Migration von alten jQuery-Programmen auf neuere Versionen

Werkzeuge

• Firebug
• Chrome-Entwickler-Tools
• IE-Entwickler-Tools
• WebStorm
• Alert vs. Konsole vs. Debugger

jQuery-Grundlagen

• Zwei neue Namen jQuery() und s()
• Funktion () und ihre Signatur
• Selektieren, Traversieren, Manipulieren, Ereignisbehandlung
• Sizzle - Auswählen mit jQuery
• DOM-Traversierung
• Verkettung von mehreren Operationen
• DOM-Manipulation

Ereignissteuerung mit jQuery

• JavaScript-Schließungen und das this
• jQuery-Ereignissteuerung
• Trennung von HTML und JavaScript
• (Dokument).load()
• Ereignis-Listener: on, live und bind
• Capturing und Bubbling
• Ereignis-Delegation

Formulare

• Selektoren für Formularelemente und Zustände
• Ereignisse für Formulare
• Serialisierung

jQuery-Animationen

• Vordefinierte Animationen verwenden
• Eigene Animationen erstellen
• Mit der Warteschlange in laufende Animationen eingreifen
• CSS3 vs. JavaScript-Animationen

jQuery Ajax

• Asynchrones Nachladen mit get(), getJson(), getScript() und Co.
• Das Datenformat JSON
• Die Low-Level-Funktionen ajax() und ajaxSetup()
• Die Cross-Origin-Policy
• Die Ereignisbehandlung für nachgeladene DOM-Elemente
• Das Ajax-Chaining

jQuery und JavaScript-Strategien

• Unobtrusivismus - Trennung von HTML, CSS und JavaScript
• jQuery mit anderen Frameworks
• Browser- und Feature-Erkennung
• Organisation von Skripten
• JavaScript-Modul-Muster

JavaScript Sprachkonzepte

• Objekte, Funktionen, Closures
• Umgang mit schwacher Typisierung
• Namespaces und Kapselung
• Garbage Collector, Crossengine-Probleme und Speicherlecks

QUnit - Unit-Testing von John Resig (Autor von jQuery)

• Testgetriebene Entwicklung von Programmen
• Installieren und Konfigurieren von QUnit
• Testbarkeit von Funktionen und Organisation
• Assertionen ok(), equal(), deepEqual(), strictEqual()
• Testen asynchroner Anwendungen

jQuery-Plugins entwickeln

• Plugin-Repository
• Grundlegende Struktur eines Plugins
• Der "immediate function"-Wrapper
• fn() und extend()
• Installation und Verteilung von Plugins

jQuery UI

• Download und Konfiguration
• Theming durch jQuery UI
• Effekte und Interaktionen
• Sortierbar, Drag and Drop, veränderbar, auswählbar