Book description
Mit "jQuery von Kopf bis Fuß" lernt der Leser im bewährten Von-Kopf-Fuß-Stil, wie man innerhalb kürzester Zeit komplexe HTML-Formulare implementiert und mithilfe der JavaScript-Bibliothek mit wenigen Code-Zeilen Webseiten interaktiv gestaltet.
Nach der Lektüre des Buches ist der Leser in der Lage, die JavaScript-Bibliothey jQuery nahtlos mit HTML und CSS zu kombinieren und Daten mit PHP, MySQL und JSON zu verarbeiten.
Table of contents
- jQuery von Kopf bis Fuß
- Widmung
- Über den Übersetzer dieses Buchs
-
Wie man dieses Buch benutzt: Einführung
- Für wen ist dieses Buch gedacht?
- Wir wissen, was Sie gerade denken
- Und wir wissen, was Ihr Gehirn gerade denkt
- Metakognition: Nachdenken übers Denken
- Das haben WIR getan
- Und das können SIE tun, um sich Ihr Gehirn untertan zu machen
- Lies mich
- Software-Anforderungen
- jQuery herunterladen
- Ordnerstruktur
- Die technischen Gutachter
- Danksagungen
-
1. jQuery: Die ersten Schritte: Webpage-Action
- Webseiten mit mehr »Wumms«
- HTML und CSS sind ja schön und gut, aber ...
- ... möge das Skript mit Ihnen sein
- Willkommen bei jQuery (und JavaScript)!
- Ein Blick in den Browser
- Die versteckte Struktur einer Webseite
- jQuery macht das DOM einfacher
- Wie geht das denn?
- jQuery wählt Elemente genauso aus wie CSS
- (Aus-)Wahlverwandtschaften: Stil und Skript
- jQuery-Selektoren, stets zu Diensten
- jQuery in der Übersetzung
- Ihre erste jQuery-Aufgabe
- Die HTML- und CSS-Dateien vorbereiten
- Immer herein ...
- Möge der Fade mit Ihnen sein
- Das ist schon alles?
- Sie haben die Kampagne gerettet. Bravo!
- Ihr jQuery-Werkzeugkasten
-
2. Selektoren und Methoden: Einpacken und mitnehmen
- Freudensprünge
- Was sind die Projektanforderungen?
- div-ertimento
- Ein Click-Event unter der Lupe
- Bauen Sie die click-Methode in Ihre Seite ein
- Werden Sie spezifischer
- Elemente mit Klasse
- Elemente ID-entifizieren
- Die Webseite verdrahten
- Gleichzeitig auf unserer Liste
- Speicherplatz anlegen
- Verschiedene Dinge verketten
- Zur selben Zeit im Code ...
- Die Nachricht mit der append-Funktion in die Seite einfügen
- Das funktioniert schon ganz gut, aber ...
- Gib mir $(this)
- $(this) bei der Arbeit
- Gutes Gelingen mit remove
- Nachkommen-Selektoren für mehr Tiefe
- Jetzt sind Sie dran, Freudensprünge zu machen
- Ihr jQuery-Werkzeugkasten
-
3. jQuery-Events und -Funktionen: Dinge auf Ihrer Seite geschehen lassen
- Wieder sind Ihre jQuery-Fähigkeiten gefragt
- Der Geldmensch hat irgendwie recht ...
- Ereignisreiche Seiten
- Hinter den Kulissen eines Event Listeners
- Ein Event binden
- Events auslösen
- Ein Event entfernen
- Die Elemente der Reihe nach durchgehen
- Ihre Projektstruktur
- Die Dinge function-sfähig machen
- Die Innereien einer Funktion
- Anonyme Funktionen
- Benannte Funktionen als Event-Handler
- Variablen an eine Funktion übergeben
- Funktionen können auch Werte zurückgeben
- Entscheidungen mithilfe von Bedingungen treffen
- Noch mehr Hilfe für die Freudensprünge-Aktion
- Methoden zum Ändern von CSS
- Ein hover-Event hinzufügen
- Sie haben es fast geschafft ...
- Ihr jQuery-Werkzeugkasten
-
4. Webseiten mit jQuery verändern: Mod the DOM
- Das Webville-Restaurant braucht eine interaktive Speisekarte
- Die vegetarische Version
- Elemente mit Klasse
- Und jetzt an die Umsetzung
- Was kommt jetzt?
- Im DOM-Baum herumklettern
- Traversal-Methoden bewegen sich im DOM
- Methoden verketten, um weiter zu klettern
- Speichern von Elementen in Variablen
- Schon wieder dieses Dollarzeichen ...
- Die Speichermöglichkeiten mit Arrays erweitern
- Elemente in einem Array speichern
- Elemente mit replaceWith verändern
- Wie kann replaceWith uns helfen?
- Denken Sie voraus, bevor Sie replaceWith verwenden
- replaceWith funktioniert nicht in jeder Situation
- HTML-Inhalte in das DOM einfügen
- Die Auswahl mit Filtermethoden einschränken (Teil 1)
- Die Auswahl mit Filtermethoden einschränken (Teil 2)
- Der Hamburger kommt zurück!
- Wo ist das Rind (äh, Fleisch)?
- Ein fleischiges Array
- Die each-Methode kann eine Schleife über ein Array ausführen
- Das war’s ... oder?
- Ihr jQuery-Werkzeugkasten
-
5. jQuery-Effekte und -Animationen: Vom Gleiten und Schreiten
- DoodleStuff braucht eine Web-Applikation
- Werden Sie zum Monstermacher
- Der Monstermacher braucht Layout und Positionierung
- Etwas mehr Struktur und Stil
- Die Schnittstelle anklickbar machen
- Den Blitzeffekt umsetzen
- Wie animiert jQuery Elemente?
- Ein- und Ausblendeffekte animieren die CSS-Eigenschaft opacity
- Bei den slide-Funktionen geht es um die Höhe
- Die Fade-Effekte anwenden
- Effektmethoden miteinander verketten
- Funktionen zeitgesteuert wiederholen
- Die Blitzfunktionen ins Skript einbauen
- Selbstgemachte Effekte mit animate
- Was animiert werden kann und was nicht
- animate ändert Stile nach und nach
- Von wo nach wo genau?
- Elemente absolut und relativ bewegen
- Etwas durch die Kombination von Operatoren relativ bewegen
- Die animate-Funktionen ins Skript einbauen
- Und ganz ohne Flash!
- Ihr jQuery-Werkzeugkasten
-
6. jQuery und JavaScript: Luke jQuery, ich bin dein Vater!
- Frischer Wind für die Head First Lounge
- In Objekten ist das Speichern noch schlauer gelöst
- Eigene Objekte bauen
- Mit Konstruktoren wiederverwendbare Objekte erstellen
- Objekte benutzen
- Die Seite erstellen
- Die Rückkehr der Arrays
- Auf Arrays zugreifen
- Array-Elemente aktualisieren und hinzufügen
- Eine Aktion nochmal durchführen (und nochmal, und nochmal ...)
- Die Nadel im Heuhaufen finden
- Zeit für Entscheidungen ... wieder einmal!
- Vergleichsoperatoren und logische Operatoren
- jQuery zum Aufräumen benutzen ...
- Etwas mehr Nervenkitzel, bitte!
- Ihr jQuery/JavaScript-Werkzeugkasten
-
7. Eigene Funktionen für Ihre Effekte: Tu doch mal was für mich!
- Ein Sturm braut sich zusammen
- Wir haben eine Monsterfunktion geschaffen ...
- Das window-Objekt zur Kontrolle zeitgesteuerter Effekte
- Mit onblur und onfocus auf Browser-Events reagieren
- Timer-Methoden sagen Ihren Funktionen, wann sie ausgeführt werden sollen
- Schreiben Sie die Funktionen blitze_anhalten und blitze_starten
- Neue Funktionen für die Monstermacher
- Noch mehr Zufall ...
- Sie kennen die aktuelle Position schon ...
- ... und auch die Funktion zufallszahl_erzeugen
- Dinge relativ zur aktuellen Position bewegen
- »Monstermacher, Version 2« ist ein Hit!
- Ihr jQuery-Werkzeugkasten
-
8. jQuery und Ajax: Gib doch mal die Daten rüber
- Bringen Sie das Bit-to-Byte-Rennen ins neue Jahrhundert!
- Ein Blick auf die Seite des letzten Jahres
- Jetzt wird’s dynamisch!
- Das ALTE Web trifft das NEUE Web
- Ajax verstehen
- Was ist Ajax?
- Der X-Faktor
- Daten mit der ajax-Methode abfragen
- XML-Daten parsen
- Funktionen zeitgesteuert aufrufen
- Selbstreferenzierende Funktionen
- Mehr vom Server abfragen
- Wie spät ist es?
- Zeitgesteuerte Events auf der Seite abschalten
- Ihr jQuery-/Ajax-Werkzeugkasten
-
9. Mit JSON-Daten umgehen: Darf ich vorstellen: Client — Server
- Die MegaCorp-Marketingabteilung von Webville kennt kein XML
- Seitenabstürze durch XML-Fehler
- Die Daten über eine Website eingeben
- Was tun mit den Daten?
- Daten vor dem Versand formatieren
- Daten an den Server schicken
- Daten in einer MySQL-Datenbank speichern
- Eine Datenbank zum Speichern der Läufer-Informationen verwenden
- Die Anatomie von Insert-Anweisungen
- Mit PHP auf die Daten zugreifen
- Auf dem Server mit POST-Daten umgehen
- Datenbankverbindungen mit PHP
- Daten per SELECT aus der Datenbank abfragen
- Daten mit PHP abfragen
- JSON hilft!
- jQuery + JSON = groartig
- Ein paar PHP-Regeln
- Und noch ein paar PHP-Regeln
- Ausgaben mit PHP formatieren
- Auf Daten im JSON-Objekt zugreifen
- Datensäuberung und -validierung in PHP
- Ihr jQuery-/Ajax-/PHP-/MySQL-Werkzeugkasten
-
10. jQuery UI: Formulare aufwerten
- Cryptozoologists.org muss neu gestaltet werden
- Pimpen Sie Ihr HTML-Formular
- Durch jQuery UI Kopfschmerzen (und Zeit) beim Programmieren sparen
- Was ist im jQuery UI-Paket enthalten?
- Ein Kalender-Widget zur Eingabe des Sichtungsdatums erstellen
- jQuery UI hinter den Kulissen
- Widgets über Optionen anpassen
- Die Radio-Buttons ansprechender gestalten
- Numerische Werte über einen Schieberegler eingeben
- Computer mischen Farben aus Rot, Grün und Blau
- Die Funktion palette_aktualisieren erstellen
- Und noch etwas ...
- Ihr jQuery-Werkzeugkasten
-
11. jQuery und APIs: Objekte, nichts als Objekte!
- Wo ist Nessie?
- Die Google Maps-API
- APIs verwenden Objekte
- Eine Google Maps-Karte in eine Seite einbinden
- JSON-Daten mit PHP und SQL erzeugen
- Punkte auf der Karte markieren
- Checkliste für mehrere Kreaturen
- Karten-Events abfangen
- Sie haben es geschafft!
- Ihr jQuery-API-Werkzeugkasten
- Muss i denn...
- Schön, dass Sie uns in jQueryville besucht haben!
-
A. Übrig gebliebenes: Die zehn wichtigsten Dinge (die wir nicht behandelt haben)
- #1. Alle Bestandteile der jQuery-Bibliothek
- #2. jQuery-CDNs
- #3. Der jQuery-Namensraum: Die noConflict-Methode
- #4. jQuery-Code debuggen
- #5. Fortgeschrittene Animationen: Queues
- #6. Formulareingaben auf Gültigkeit überprüfen
- #7. jQuery UI-Effekte
- #8. Eigene jQuery-Plugins schreiben
- #9. Fortgeschrittenes JavaScript: Closures
- #9. Fortgeschrittenes JavaScript: Closures (Fortsetzung)
- #10. Templates
-
B. Eine Entwicklungsumgebung einrichten: Bereit für große Zeiten
- Eine PHP-Entwicklungsumgebung einrichten
- Herausfinden, was schon vorhanden ist
- Haben Sie einen Webserver?
- Ist PHP installiert? Welche Version?
- Ist MySQL installiert? Welche Version?
- Den Webserver starten
- Apache-Installation ... Fortsetzung
- PHP installieren
- PHP-Installationsschritte
- PHP-Installationsschritte, Fortsetzung
- MySQL installieren
- Arbeitsschritte zur Installation von MySQL unter Windows
- PHP unter Mac OS X einrichten
- MySQL unter Mac OS X installieren
- Stichwortverzeichnis
- Impressum
Product information
- Title: jQuery von Kopf bis Fuß
- Author(s):
- Release date: June 2012
- Publisher(s): O'Reilly Verlag
- ISBN: 97833868991895
You might also like
book
jQuery lernen und einsetzen, 3rd Edition
Einführung in jQuery, die nur minimale Programmiererfahrung erfordert• Detaillierte Lösungen für Client-basierte Probleme* Autor aus dem …
book
JQuery Kochbuch
jQuery ist ein freies JavaScript-Framework, das komfortable Funktionen zur DOM-Manipulation und -Navigation zur Verfügung stellt. Der …
book
Testgetriebene Entwicklung mit JavaScript
Dieses Buch zeigt wie testgetriebene Entwicklung mit JavaScript in der Praxis funktionieren kann. Der Leser lernt …
book
Praxiswissen Responsive Webdesign
Responsive Webdesign gilt unter Webdesignern derzeit als Zauberformel, wenn es darum geht, anpassungsfähige Websites zu entwickeln, …