Phonegap + jQuery Mobile, real world sample or tutorial

Question

Does anyone know of a really good tutorial or sample project where Phonegap and jQuery Mobile is used for a real world example?

All the examples I found were showing fancy transitions or theming in jQuery Mobile. The Phonegap examples mostly showcases the Phonegap API.

I could not find a single example where Phonegap and jQuery Mobile was used to solve real world problems, such as writing a app that combines Phonegap and jQuery Mobile to do user input validation, saving the data, uploading data to a web service, etc.

Another "Closed" that makes no sense to me; maybe the question should have been posed nine minutes earlier, then symmetry alone would have assured its retainometric factor. — B. Clay Shannon-B. Crow Raven, Jul 10 '13 at 21:31

score 41 · Accepted Answer · answered Nov 11 '11 at 16:44

41

These may not solve exactly your "real-world problems", but perhaps something useful ...

Our web site includes PhoneGap and jQuery Mobile tutorials for a media player, barcode scanner, google maps, and OAuth.

Also, my github page has code, but no tutorial, for two apps:

AppLaudApp - a run-control, debugging enabling, download complementary app to a cloud IDE
NameTrendz - an app developed in at Android Dev Camp to do a bunch of queries about popular name data. The PhoneGap and jQuery Mobile versions are from March 2011.

answered Nov 11 '11 at 16:44

Paul Beusterien

27,542
6
83
139

Thanks Paul. It really helped. I still hope to find the 'perfect' example. If I don't get it in a day or so, I'll mark your's as an answer. Hope that's ok with you. – Jack Nov 15 '11 at 11:25
1

I found this one: http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery-mobile-forms/ It's close, but the fact that the solution works, does not mean it's right? – Jack Nov 15 '11 at 11:27
@JacobusR did you find another useful examples about that? – Mustafa Ekici Apr 19 '12 at 16:52
@mekici Unfortunately I did not find anything truly satisfactory. I hacked my way forward :-p – Jack Apr 20 '12 at 09:44
Please link to the specific tutorials on your website that you think are relevant to answering this question. – David Meister Dec 10 '12 at 04:51
@DavidMeister - Please read the first sentence of the answer. An added caveat thirteen months later, is that these examples are getting stale and I'd encourage someone to reply with something more current. – Paul Beusterien Dec 10 '12 at 05:05

score 14 · Answer 2 · answered Feb 15 '12 at 16:18

14

Here is a heavy tutorial that has good stuff in it to pick out:

http://mobile.tutsplus.com/tutorials/mobile-web-apps/jquery_android/

answered Feb 15 '12 at 16:18

Luke Shaheen

4,262
12
52
82

Chaos7703 · Answer 3 · 2012-07-14T03:26:00.070

This is a nice 5-part tutorial that covers a lot of useful material: http://mobile.tutsplus.com/tutorials/phonegap/phonegap-from-scratch/
(Anyone else noticing a trend forming here??? hehehee )

And this will definitely be of use to all developers:
http://blip.tv/mobiletuts/weinre-demonstration-5922038
=)
Todd

Edit I just finished a nice four part tutorial building an app to write, save, edit, & delete notes using jQuery mobile (only), it was very practical & useful, but it was also only for jQM. So, I looked to see what else they had on DZone.

I'm now going to start sorting through these search results. At a glance, it looks really promising. I remembered this post; so I thought I'd steer people to it. ㋡

Looks like a great tutorial. Thanks for posting. – Jack Jul 09 '12 at 17:32 — Jack, Jul 09 '12 at 17:32

score 4 · Answer 4 · answered Jan 06 '12 at 16:50

4

you may check this http://coenraets.org/blog/2011/10/sample-application-with-jquery-mobile-and-phonegap/ and you can also check http://mobile.tutsplus.com/category/tutorials/phonegap/ which provide you with a good sample

answered Jan 06 '12 at 16:50

Zaher

1,120
7
18

score 2 · Answer 5 · edited May 23 '17 at 10:29

2

you may check this website: Phonegap RSS feeds, Javascript, this is an example about rss reader which uses the phonegap and jquery-mobile techniques

edited May 23 '17 at 10:29

Community

1
1

answered Apr 28 '13 at 14:49

Daniel

387
2
4

Phonegap + jQuery Mobile, real world sample or tutorial

5 Answers5

Linked