jQuery lernen und einsetzen

Bessere Webanwendungen mit einfachen JavaScript-Techniken entwickeln.

Autor: Jonathan Chaffer

Autor: Karl Swedberg

Klappentext:

„Webentwickler und -designer, die interessante, interaktive Websites bauen, schätzen die JavaScript-Bibliothek jQuery, denn sie nimmt ihnen häufig wiederkehrende Aufgaben ab und vereinfacht komplizierte Tasks. Entwickler, die viel Erfahrung mit HTML und CSS haben, aber JavaScript nicht gut kennen, kommen dabei schon mit geringen Programmierkenntnissen zu beeindruckenden Arbeitsergebnissen. Erfahrene Programmierer erfreuen sich an der konzeptuellen Konsistenz von jQuery-Projekten.

Dieses Buch vermittelt Ihnen zunächst die Grundlagen von jQuery und zeigt, wie Sie Ihre Webseiten interaktiv gestalten und Animationen integrieren. Danach hilft Ihnen das Buch, auch mit anspruchsvollen Themen umzugehen, z.B. Ereignisse, Effekte, Ajax und fortgeschrittene JavaScript-Techniken. Schließlich lernen Sie, wie Sie eigene jQuery-Plug-ins erstellen können. Verdeutlicht werden die Konzepte mit vielen praxisnahen und detaillierten Beispielen.

Geeignet ist das Buch zudem als kompaktes Nachschlagewerk, das Ihnen bei der täglichen Projektarbeit ein hilfreicher Begleiter sein wird.

Es wendet sich an Webdesigner, die interaktive Websites entwickeln, und an Entwickler, die optimale Nutzerschnittstellen für ihre Webapplikationen programmieren wollen. Vorausgesetzt werden lediglich grundlegende HTML- und CSS-Kenntnisse.

Die Autoren sind erfahrene Webprogrammierer, Karl Chaffer ist Mitglied des jQuery-Entwicklungsteams.

Die Neuauflage dieses erfolgreichen Buches wurde komplett überarbeitet und auf die Version 1.6 von jQuery aktualisiert.“

Der Inhalt dieses Buches

Der Inhalt dieses Buches:

  • In Kapitel 1, Erste Schritte, lernen Sie die JavaScript-Bibliothek jQuery kennen. Das Kapitel beginnt mit einer Beschreibung von jQuery und dem Nutzen für Sie. Anschließend erfahren Sie, wie Sie die Bibliothek herunterladen und einrichten und wie Sie Ihr erstes Skript schreiben.
  • In Kapitel 2, Elemente auswählen, lernen Sie, wie Sie die Selektorausdrücke und DOM-Durchquerungsmethoden von jQuery nutzen, um Elemente auf einer Seite zu finden, wo auch immer sie stecken mögen. Sie verwenden jQuery, um unterschiedliche Seitenelemente zu formatieren, teilweise sogar auf eine Weise, die mit reinem CSS nicht möglich ist.
  • In Kapitel 3, Ereignisbehandlung, nutzen Sie den Ereignisbehandlungsmechanismus von jQuery, um beim Auftreten bestimmter Browserereignisse Verhaltensweisen auszulösen. Sie erfahren, wie Sie mit jQuery auf unaufdringliche und einfache Weise Ereignisse an Elemente anhängen können, selbst wenn die Seite noch nicht vollständig geladen ist. Außerdem erhalten Sie einen Überblick über anspruchsvollere Themen wie Event Bubbling, Delegation und die Verwendung von Namensräumen.
  • In Kapitel 4, Formatierung und Animation, werden die Animationstechniken von jQuery eingeführt. Sie erfahren, wie Sie Seitenelemente mit sowohl nützlichen als auch ästhetischen Effekten ein- und ausblenden und verschieben können.
  • In Kapitel 5, DOM-Bearbeitung, lernen Sie, wie Sie Ihre Seite auf Befehl umgestalten können. Sie erfahren, wie Sie sowohl den Inhalt als auch die Struktur eines HTML-Dokuments im laufenden Betrieb ändern können.
  • In Kapitel 6, Daten mit Ajax senden, lernen Sie die verschiedenen Möglichkeiten kennen, mit denen jQuery den Zugriff auf serverseitige Funktionen ohne hinderliche Seitenaktualisierungen vereinfacht. Nachdem Sie nun die grundlegenden Bestandteile der Bibliothek beherrschen, können Sie sich genauer ansehen, wie Sie sie erweitern können, um sie an Ihre Bedürfnisse anzupassen.
  • In Kapitel 7, Plug-ins verwenden, zeigt Ihnen, wie Sie Plug-ins finden, installieren und verwenden, u.a. die leistungsfähige Plug-in-Bibliothek jQuery UI.
  • In Kapitel 8, Plug-ins entwickeln, lernen Sie, wie Sie die eindrucksvollen
    Erweiterungsfähigkeiten von jQuery nutzen können, um eigene Plug-ins von Grund auf zu erstellen. Sie legen hier eigene Hilfsfunktionen an, fügen jQuery-Objektmethoden hinzu und sehen sich die Widget-Factory von jQuery UI näher an. Danach beschäftigen wir uns erneut mit den Grundbausteinen von jQuery, um einige anspruchsvollere Techniken zu erlernen.
  • In Kapitel 9, Komplexe Selektoren und Durchlaufen des DOM, erweitern Sie Ihre Kenntnisse über Selektoren und das Durchlaufen des DOM. Hier erwerben Sie die Fähigkeit, die Leistung von Selektoren zu optimieren, den DOM-Elementstack zu bearbeiten und Plug-ins zu schreiben, die die Auswahl- und Durchlaufmöglichkeiten erweitern.
  • In Kapitel 10, Komplexe Ereignisse, beschäftigen Sie sich eingehender mit Techniken wie Delegation und Drosselung, mit denen sich die Leistung der Ereignisbehandlung erheblich verbessern lässt. Außerdem erstellen Sie eigene und besondere Ereignisse, die die Möglichkeiten von jQuery noch erweitern.
  • In Kapitel 11, Anspruchsvolle Effekte, optimieren Sie die grafischen Effekte, die jQuery bietet, indem Sie benutzerdefinierte Easing-Funktionen erstellen und auf jeden Schritt einer Animation reagieren. Hier erhalten Sie die Möglichkeit, Animationen zu bearbeiten, während sie auftreten, und mit benutzerdefinierten Warteschleifen Aktionen nach Zeitplan ablaufen zu lassen.
  • In Kapitel 12, DOM-Manipulation für Fortgeschrittene, vertiefen Sie Ihre praktischen Kenntnisse in der Bearbeitung des DOM mit Techniken wie dem Anhängen beliebiger Daten an Elemente. Außerdem lernen Sie, wie Sie die Verarbeitung der CSS-Eigenschaften von Elementen durch jQuery erweitern.
  • In Kapitel 13, Ajax für Fortgeschrittene, gibt Ihnen tiefere Einblicke in Ajax-Transaktionen, unter anderem in das jQuery-System für verzögerte Objekte, mit dem Daten gehandhabt werden, die erst später verfügbar werden.
  • In Anhang A, JavaScript-Closures, erhalten Sie solide Grundkenntnisse von Closures in JavaScript. Sie erfahren, worum es sich dabei handelt und wie Sie sie zu Ihrem Vorteil einsetzen können.
  • In Anhang B, JavaScript mit QUnit testen, lernen Sie die Bibliothek QUnit kennen, die für Unit-Tests von JavaScript-Programmen da ist. Diese Bibliothek ist eine wichtige Ergänzung Ihres Werkzeugkastens zur Entwicklung und Wartung anspruchsvoller Webanwendungen.
  • Anhang C, Kurzreferenz, gibt einen Überblick über die gesamte Bibliothek jQuery und führt dabei sämtliche Methoden und Selektorausdrücke auf. Die übersichtliche Gestaltung ist praktisch, wenn Sie wissen, was Sie tun wollen, aber nicht auf den richtigen Namen der gewünschten Methode bzw. des Selektors kommen.

Eine Leseprobe:

3 Ereignisbehandlung

„JavaScript hat mehrere eingebaute Möglichkeiten, um auf Benutzeraktionen und andere Ereignisse zu reagieren. Um eine Seite dynamisch und reaktiv zu gestalten, müssen wir diese Möglichkeiten nutzen, damit wir die bis jetzt gelernten jQuery-Techniken und die anderen Tricks, die wir noch behandeln werden, jeweils zur richtigen Zeit anwenden können. Das wäre zwar auch mit 08/15-JavaScript möglich, doch jQuery verbessert und erweitert die grundlegenden Mechanismen zur Ereignisbehandlung, um ihnen eine gefälligere Syntax zu geben und sie gleichzeitig leistungsfähiger zu machen.

3.1 Aufgaben beim Laden der Seite durchführen

Wir haben bereits erfahren, wie wir jQuery dazu bringen, auf das Laden einer Webseite zu reagieren. Der Ereignishandler $(document).ready() kann verwendet werden, um den Code für eine ganze Funktion auszulösen, aber er kann noch mehr.

3.1.1 Die Codeausführung zeitlich abstimmen

In Kapitel 1, »Erste Schritte«, haben wir festgestellt, dass $(document).ready() die wichtigste Möglichkeit von jQuery ist, um Aufgaben beim Laden der Seite durchzuführen. Es ist jedoch nicht die einzige Methode, die uns zur Verfügung steht. Mit dem nativen Ereignis window.onload können wir ein ähnliches Ergebnis erzielen. Die beiden Methoden sind sich zwar ziemlich ähnlich, doch ist es wichtig, sich über die Unterschiede im Timing im Klaren zu sein, auch wenn sie je nach der Anzahl der zu ladenden Ressourcen sehr gering sein können. Das Ereignis window.onload wird ausgelöst, wenn ein Dokument komplett in den Browser heruntergeladen ist. Das bedeutet, dass jedes Element auf der Seite für die Bearbeitung durch JavaScript bereitsteht. Das ist wichtig, um Code mit vielen Funktionen zu schreiben, ohne sich Sorgen um die Reihenfolge des Ladens zu machen. …“

Pressestimmen:

  • John Resig, Erfinder von jQuery (aus dem Geleitwort): „Es gibt diesen besonderen Moment, in dem es beim Anwender »Klick macht«, wenn er erkennt, dass dieses Werkzeug viel, viel mehr ist als ein einfaches Hilfsmittel. In diesem Augenblick ändert sich auch sein Verständnis völlig, wie dynamische Webanwendungen zu programmieren sind. Das ist immer der schönste Augenblick in einem jQuery-Projekt.“
  • www.media-spider.com, 2013: „…“

Eigene Meinung / Beurteilung des Buches:

Fazit:

____

Verlag: dpunkt.verlag; 1. Auflage (Übers. d. 3. engl. Aufl.) (25. Juni 2012).
Seitenanzahl: 398 Seiten.
Bindung: Broschierte Ausgabe.
ISBN-10: 3-898-64786-2.
ISBN-13: 9-783898-64786-1.
Preis: EUR 39,90.

Dieser Beitrag wurde unter Entwicklung abgelegt und mit , , , , , , , , , , , , , , verschlagwortet. Setze ein Lesezeichen auf den Permalink.

Die Kommentarfunktion ist geschlossen.

Weitere interessante Fachartikel

1 Stern2 Sterne3 Sterne4 Sterne5 Sterne (2 Bewertungen, Durchschnitt: 5,00 von 5)
Loading...