Überprüfen Sie die Grundlagen von jQuery Mobile Web Dev

• April 19, 2024

Mobile Geräte bleiben erhalten, aber ist Ihre Website bereit? Dieses Buch von Raymond Camden und Andy Matthews mit dem Titel jQuery Mobile Web Development Essentials Zweite Ausgabe hilft Ihnen dabei, Ihre Website für mobile Geräte vorzubereiten.

Die Autoren beginnen mit einer kurzen Einführung in jQuery Mobile und diskutieren, wie es sich um ein HTML-basiertes Framework mit den Funktionen handelt, die auf Mobilgeräten so gut funktionieren. Sobald Sie von den Vorzügen überzeugt sind, helfen Ihnen die Autoren beim Erstellen Ihrer ersten Webseite und erläutern, wie Sie die jQuery Mobile-Komponente zu HTML hinzufügen und wie das Datenattribut div mit jQuery Mobile funktioniert.

Beim Übergang von einer Webseite zu mehreren mobilen Webseiten diskutieren die Autoren, wie Hyperlinks von jQuery Mobile geändert werden. Sie zeigen, wie Sie einer Webseitendatei mithilfe eines Div-Wrappers mehrere Seiten hinzufügen, um den Inhalt für jede Seite in der Datei zu identifizieren. Sie diskutieren auch, wie jQuery Mobile Hyperlinks und Ajax verwendet, um von einer Seite zur anderen zu wechseln und zwischen Seiten zu wechseln. Sie zeigen auch, wie das Data-Prefetch-Attribut zum Vorladen von Sekundärseiten verwendet wird. Das Thema wird erweitert, wenn die Autoren Navigationssymbolleisten sowie feste Kopf- und Fußzeilen im Vollbildmodus diskutieren. Auf Mobilgeräten ist der Speicherplatz begrenzt, und die Autoren diskutieren, wie die vielen Listenfunktionen in jQuery verwendet und gestaltet werden, um Speicherplatz zu sparen, einschließlich Einschublisten, Zählblasen, Symbolen, Miniaturansichten und Suchfilter.

Sobald die Grundlagen behandelt sind, zeigen die Autoren, wie eine einfache mobile Website für ein fiktives Hotel Camden erstellt wird. Obwohl es sich um eine einfache Website handelt, enthält sie die Static Maps-API von Google. Die Autoren demonstrieren auch das Tel-Schema zum automatischen Wählen eines Telefons und das Mailto-Schema zum Öffnen eines E-Mail-Fensters.

Als Nächstes diskutieren die Autoren, wie Formulare und die verschiedenen Formularfelder in jQuery Mobile verwendet werden. Sie diskutieren, wie Ajax zum Senden und Empfangen von Informationen und zum Aktualisieren der Formularfelder verwendet wird. Im weiteren Verlauf behandeln die Autoren das Erstellen von Dialogen, Layoutgittern, Popups, reduzierbaren Blöcken sowie reaktionsschnellen Tabellen und Widgets. Obwohl PHP die am häufigsten verwendete serverseitige Sprache ist, verwenden die Autoren Adobe ColdFusion für die Back-End-Verarbeitung.

Mithilfe der Fähigkeiten, die Sie bisher erlernt haben, helfen Ihnen die Autoren beim Erstellen einer mobilen Notizverwaltungsanwendung. Zunächst wird das Entwerfen der Anwendung und das Erstellen eines Drahtgitters für jede Funktion der App erläutert. Die Autoren stellen JavaScript und die Verwendung von Entwurfsmustern sowie das Sammeln und Speichern von Benutzerdaten über HTML5 vor.

Als Nächstes gehen die Autoren zu erweiterten jQuery Mobile-Funktionen wie den JavaScript-Dienstprogrammen und APIs über. Sie beginnen mit den Dienstprogrammen für Seiten und Navigation und gehen zu physischen Ereignissen und Seitenereignissen über. Von dort aus lernen sie, wie Sie die mit jQuery Mobile vorgefertigten Themen verwenden und wie Sie Ihre eigenen Symbole erstellen und Ihre eigenen Themen mit ThemeRoller anpassen. Sie erfahren auch, wie Sie Ihr benutzerdefiniertes Thema auf die im vorherigen Kapitel erstellte Notizbewahrer-App anwenden. Die Autoren diskutieren auch, wie jQuery Mobile CSS-Sprites sowohl für die hohe Retina als auch für niedrige Auflösungen verwendet.

Schließlich können Sie mit jQuery Mobile und PhoneGap eine native Anwendung erstellen. Sie lernen, wie Sie die nativen APIs wie Beschleunigungsmesser, Kamera und Geolocation verwenden. Die Autoren konzentrieren sich darauf, wie eine funktionierende RSS Reader-Anwendung erstellt wird.

Unterstützende Dateien für dieses Buch finden Sie auf der Website des Herausgebers. Obwohl ich fand, dass dieses Buch eine gute Einführung in jQuery Mobile ist, haben sich die Autoren für Adobe entschieden^R. ColdFusion^R. Server für ihre Demo-Dateien können ihre Zielgruppe einschränken.

Raymond Camden ist Senior Developer Evangelist bei Adobe und auf die Entwicklung von Webstandards, Mobilgeräten und ColdFusion spezialisiert. Andy Mathews ist ein 16-jähriger Veteran in der Web- und Anwendungsentwicklung.

Weitere Informationen auf Packtpub.com

Offenlegung: Ich wurde für diesen Artikel nicht finanziell entschädigt. Packtpub stellte dieses E-Book zu Überprüfungszwecken zur Verfügung. Die Meinungen sind aufgrund meiner Erfahrung völlig meine eigenen.

Video-Anleitungen: Tutorial- jQuery Mobile bei Eduvision (April 2024).