Mit jQuery knnen Sie zaubern! In diesem Video-Training erklrt Ihnen Ihr persnlicher Trainer Andr Wsten auf besonders anschauliche Weise das beliebteste unter den JavaScript-Frameworks. Alle Funktionen von jQuery werden anhand von praxisorientierten Beispielprojekten gezeigt. So lernen Sie, wie Sie interaktive Webseiten erstellen und die Elemente auf Ihrer Seite zum Leben erwecken. Der Trainer geht ausfhrlich auf Effekte und Animationen ein und demonstriert die Gestaltung moderner Weboberflchen mit jQuery UI. Als besonderen Bonus lernen Sie auerdem, wie Sie Ihre Webseiten mit jQuery Mobile auch fr Smartphones wie Android-Handys oder das iPhone aufbereiten. Aus dem Inhalt: - Grundlagen von HTML und CSS
- JavaScript fr jQuery-Entwickler
- DOM und CSS-Manipulation
- Events und Events-Handling
- Animationen und Effekte
- Animations-Plug-ins einbinden
- Formularbehandlung
- Rich Internet Applications mit jQuery UI
- Autocompletion fr Textfelder
- Accordion
- Drag & Drop
- Nachladen von Inhalten mit Ajax und JSON
- jQuery Mobile fr Smartphones
- Debugging und Fehleranalyse mit FireBug und FireQuery
- Eine interaktive Kontaktbrse programmieren
Dieses Video-Training hat eine Gesamtspielzeit von 8 Stunden.
Dieses Video-Training ist lauffhig ohne Installation auf folgenden Systemen: - Windows - Mac - Linux In jedem Fall brauchen Sie ein DVD-Laufwerk, Lautsprecher und eine Auflsung des Monitors von mindestens 1024 x 768 Pixeln.

1. Die Grundlagen von jQuery [00:29 Std.]


... 1.1 ... Einleitung [00:19 Min.]

... 1.2 ... Was ist und was kann jQuery? [06:42 Min.]

... 1.3 ... Früher war nicht alles besser [07:30 Min.]

... 1.4 ... JavaScript im Web 2.0 [14:50 Min.]



2. Das erste Projekt – eine Navigation [01:05 Std.]


... 2.1 ... Einleitung [00:19 Min.]

... 2.2 ... Das HTML-Grundgerüst erstellen [08:28 Min.]

... 2.3 ... Eine Navigation mit HTML und CSS [08:47 Min.]

... 2.4 ... Die Navigation mit CSS gestalten [07:48 Min.]

... 2.5 ... jQuery in das Menü einbinden [05:03 Min.]

... 2.6 ... Verhalten steuern mit Event-Handlern [06:10 Min.]

... 2.7 ... jQuery-Objekt und jQuery-Selektoren [02:52 Min.]

... 2.8 ... Untermenüs ein- und ausblenden [07:10 Min.]

... 2.9 ... Kopf und Inhaltselemente hinzufügen [12:37 Min.]

... 2.10 ... Platzhalter in das Layout einbauen [05:21 Min.]



3. JavaScript für jQuery-Entwickler [00:33 Std.]


... 3.1 ... Einleitung [00:18 Min.]

... 3.2 ... Objektorientierung mit JavaScript [07:01 Min.]

... 3.3 ... Prototypen erstellen und verwenden [06:45 Min.]

... 3.4 ... Programmieren mit Arrays und JSON [09:49 Min.]

... 3.5 ... Funktionen und Closures verwenden [08:58 Min.]



4. Das DOM und die jQuery-Selektoren [00:56 Std.]


... 4.1 ... Einleitung [00:14 Min.]

... 4.2 ... Das DOM im Detail erklärt [10:41 Min.]

... 4.3 ... Elemente finden durch Selektoren [04:42 Min.]

... 4.4 ... ID-, Klassen- und Element-Selektoren [04:01 Min.]

... 4.5 ... Attribut-Selektoren für Werte [09:04 Min.]

... 4.6 ... Filter-Selektoren für Eigenschaften [12:12 Min.]

... 4.7 ... Methoden auf Wrapped Sets anwenden [10:10 Min.]

... 4.8 ... Traversieren im DOM [04:38 Min.]



5. HTML-Elemente zum Leben erwecken [00:55 Std.]


... 5.1 ... Einleitung [00:17 Min.]

... 5.2 ... HTML-Elemente verändern mit jQuery [16:31 Min.]

... 5.3 ... Eine Reiternavigation mit HTML [10:43 Min.]

... 5.4 ... Den Reiterwechsel programmieren [10:21 Min.]

... 5.5 ... Ereignisphasen und Propagation [09:05 Min.]

... 5.6 ... Event-Handling für Fortgeschrittene [07:38 Min.]



6. Dynamik mit Animationen und Effekten [00:33 Std.]


... 6.1 ... Einleitung [00:18 Min.]

... 6.2 ... Den Quellcode aufräumen [05:23 Min.]

... 6.3 ... Core-Animation mit jQuery [09:37 Min.]

... 6.4 ... Eine selbst ablaufende Diashow [10:60 Min.]

... 6.5 ... Elemente bei Mausklick ausblenden [03:47 Min.]

... 6.6 ... Animations-Plug-ins verwenden [03:10 Min.]



7. jQuery-Features, die Sie kennen sollten [00:52 Std.]


... 7.1 ... Einleitung [00:16 Min.]

... 7.2 ... Elemente über Seiten wandern lassen [15:47 Min.]

... 7.3 ... HTML-Elemente mitscrollen lassen [09:01 Min.]

... 7.4 ... Formulare überprüfen mit jQuery [10:13 Min.]

... 7.5 ... Pflichtfelder festlegen mit jQuery [06:47 Min.]

... 7.6 ... Eingabevorgaben für Formulare [09:59 Min.]



8. Ajax-Anwendungen mit jQuery [00:34 Std.]


... 8.1 ... Einleitung [00:17 Min.]

... 8.2 ... Eine kurze Einführung in Ajax [02:56 Min.]

... 8.3 ... Einen lokalen Webserver installieren [07:53 Min.]

... 8.4 ... Eine einfache Ajax-Kommunikation [12:58 Min.]

... 8.5 ... Ajax-Kommunikation per JSON [05:20 Min.]

... 8.6 ... Das PHP-Skript erweitern [04:54 Min.]



9. Moderne Webseiten gestalten mit jQuery UI [01:33 Std.]


... 9.1 ... Einleitung [00:19 Min.]

... 9.2 ... Ein erster Blick auf jQuery UI [10:11 Min.]

... 9.3 ... Schaltflächen gestalten mit jQuery UI [14:04 Min.]

... 9.4 ... Ein Foto-Mosaik per Zufallsgenerator [15:43 Min.]

... 9.5 ... Ein jQuery-Dialogfenster gestalten [11:56 Min.]

... 9.6 ... Punkte verteilen mit Schieberegler [08:46 Min.]

... 9.7 ... Eine Fortschrittsanzeige hinzufügen [05:02 Min.]

... 9.8 ... Ein Sortier-Spiel mit jQuery-Sortables [10:19 Min.]

... 9.9 ... Autocomplete-Funktion für Textfelder [16:39 Min.]



10. Für Smartphones: jQuery Mobile [00:55 Std.]


... 10.1 ... Einleitung [00:16 Min.]

... 10.2 ... Erste Schritte mit jQuery Mobile [09:27 Min.]

... 10.3 ... Eine erste mobile Webseite aufbauen [10:00 Min.]

... 10.4 ... Listen darstellen und gestalten [03:23 Min.]

... 10.5 ... Navigationsleisten und Themes [02:40 Min.]

... 10.6 ... Event-Handling mit jQuery Mobile [04:54 Min.]

... 10.7 ... Kontaktbörse mobil – Die Listenansicht [10:52 Min.]

... 10.8 ... Kontaktbörse mobil – Die Profilseiten [13:10 Min.]