web-dev-qa-db-ger.com

Gutes jQuery Mobile-Exemplar oder Tutorial für einen JQuery-Entwickler?

jQuery Mobile 1.0 final ist da

Wichtig: Viele der Tutorials sind alt und sollten nicht befolgt werden. Die aktuelle Version von jQuery Mobile ist 1.0! Bitte seien Sie vorsichtig beim Durchsehen der Links

Ich habe meine Antwort aktualisiert, um auf die richtigen Ressourcen für die endgültige Veröffentlichung hinzuweisen


Ich habe mich gefragt, ob es ein Tutorial für Leute gibt, die Erfahrung mit jQuery haben - um einige Konventionen für das neuejQuery mobilezu kennen, da es bald veröffentlicht wird. Ich mag besonders diejenigen, die zeigen, wie man eine Beispiel-App erstellt, aber bitte posten, was Sie am besten finden. Es ist nur erforderlich, dass die Verwendung von JS und neuen Ereignissen gezeigt wird, die von jQueryMobile eingeführt werden. Es handelt sich also nicht um grundlegende Lernprogramme.


ALTE grundlegende Tutorials:

Ich habe offensichtlich dafür gegoogelt und diese bekommen: http://blogfreakz.com/mobile-development/jquery-mobile-tutorials/[<- dieser Link zu einer Seite, die zu 5 Tutorials führt], die die Idee zeigen, aber für einen jQuery-Entwickler nicht wirklich interessant sind.

Dies hier hat einige tatsächliche jQuery-Code drin, aber nicht viel: http://thoughtsunlimited.net/intro-to-jquery-mobile/


Diese Frage richtet sich vor allem an Personen, die bereits einige Tutorials ausprobiert haben und wissen, was sie empfehlen würden. Ich denke, diese Frage könnte für die Menschen in Zukunft nützlich sein.

Bounty wird für eine Antwort vergeben, die auf Tutorials verweist, die die größte Anzahl von Methoden abdecken, die von jQueryMobile verfügbar sind.

38
naugtur

Die Liste der Tutorials aus erster Hand finden Sie hier: http://jquerymobile.com/resources/ Ich erwarte nicht, dass eine bessere Liste angezeigt wird.


jQuery Mobile dictionary ist ein Projekt, das ich begonnen habe, um eine Ressource für Leute zu erstellen, die JQM kennenlernen/verwenden, um Attribut- oder Methodennamen schnell nachzuschlagen, ohne die docs zu durchsuchen. Es ist für die 1.0-Version aktualisiert!

http://jquerymobiledictionary.pl/


Alte Links:

Ein Tutorial, das jqm beta 2 verwendet, jedoch die gesamte Site-Erstellung mit PHP und so weiter abdeckt: http://demo.tutorialzine.com/2011/08/jquery-mobile-product-website /

Eine Reihe von Tutorials, die ich nicht auf Versionen überprüft habe: Http://webdesign14.com/8-useful-jquery-mobile-tutorials/

alte Erstellen einer mobilen Blog-App

3
naugtur

Einige der folgenden Informationen sind veraltet, da JQM 1.0 final veröffentlicht wurde 

Hier sind einige davon, die ich gefunden habe und die ich nützlich gefunden habe:

Für diejenigen, die Rails und das Devise-Authentifizierungs-Juwel verwenden: http://everydayrails.com/2010/11/09/jquery-mobile-Rails-devise.html

Ziemlich gründliches Tutorial http://www.elated.com/articles/jquery-mobile-what-can-it-do-for-you

Hat Beispiel zip http://devgrow.com/mobile-web-dev-using-jquery-mobile

Kurzes Tutorial zu Ajax http://www.giantflyingsaucer.com/blog/?p=1948

18

Ich schreibe derzeit Tutorials für Mobile (Android). Meine Firma hat das Tool AppLaud (Eclipse-Plugin für PhoneGap/Android) erstellt. Detaillierte Anweisungen und Quellcode bereitgestellt. Support auch!

AppLaud enthält die neuesten Versionen von PhoneGap (heute 0.9.5) und jQuery Mobile (heute Alpha 4.1).

Erste Schritte

Alle Tutorials

Neueste: jQuery Google Maps Plugin/Karten-App für Android

1
Libby

Ein weiteres Tutorial, nur für die Liste, halte es nicht für lohnenswert. http://www.ibm.com/developerworks/xml/tutorials/x-jquerymobilejsontut/index.html

0
infocyde