New Tutorial: Developing and Architecting a PhoneGap Application

A couple of weeks ago, I delivered a full day PhoneGap workshop at QCon San Francisco. The workshop went very well, and I thought the materials could be useful to a larger audience. So I turned the workshop instructions into more detailed tutorial instructions. This is a lot more than the usual Getting Started tutorial: In addition to introducing you to key PhoneGap APIs such as LocalStorage, Database, Notification, Geolocation, Contacts, and Camera, the tutorial focuses on how to architect a real-life PhoneGap application using a Single Page Architecture and HTML templates. Topics include:

  • How to use different local data storage strategies.
  • How to use several PhoneGap APIs such as Geolocation, Contacts, and Camera.
  • How to handle specific mobile problems such as touch events, scrolling, styling, page transitions, etc.
  • How to build an application using a single page architecture and HTML templates.
  • How to build (compile and package) an application for 6 platforms using PhoneGap Build.

To complete this tutorial, all you need is a code editor, a modern browser, and a connection to the Internet.

The tutorial is available here.

28 Responses to New Tutorial: Developing and Architecting a PhoneGap Application

  1. Mark Barton November 26, 2012 at 4:25 pm #

    Thanks Christophe I will be definitely checking it out.


  2. FredyCC November 26, 2012 at 10:58 pm #

    As always, very helpful and very well explained tutorials Thanks

  3. botoks December 7, 2012 at 6:14 am #

    Thanks Chris.i will try it.

  4. sohbet odalari December 20, 2012 at 11:27 pm #

    thanks veryy

  5. cirovladimir January 19, 2013 at 12:42 am #

    This is awesome, thank you very much!

  6. Farklı Tarifler July 25, 2013 at 9:23 am #

    very helpful and very well explained tutorials, thank you

  7. demirdöküm kombi servisi September 6, 2013 at 11:50 am #

    Please clarify what you mean by “Running Mac OS X client in a virtual machine continues to require Lion”?
    Does the host need to be Lion to run a Mac OS X client in a virtual machine?

  8. beko klima servisi January 31, 2014 at 6:54 am #

    We need a national dialogue on the practice of piling on charges to coerce defendants into accepting unjust plea bargains.

  9. klima servisi January 31, 2014 at 6:54 am #

    The prosecution was apparently in the business of annihilation. Swartz faced spiritual annihilation and financial annihilation, with no viable means of escape. To my mind, our justice system is out of control. The prosecution took leave of their senses. Unfortunately, this kind of tragedy is all too commonplace, and most of the time goes unreported.

  10. vestel klima servisi January 31, 2014 at 7:00 am #

    The suicide of Aaron Swartz in the face of the appalling over-reach of unchecked discretionary prosecutorial power highlights a much larger problem that pervades our legal system.

    The entire US legal system (including criminal, civil, and family court divisions) is routinely used in an outrageously abusive manner.

  11. baymak kombi servis January 31, 2014 at 7:00 am #

    Those who are traumatized, stigmatized, or victimized by such shenanigans within the legal system may suffer what has come to be called Legal Abuse Syndrome.

  12. baymak kombi servis January 31, 2014 at 7:01 am #

    In the field of Medicine, every proposed treatment or cure has to be carefully studied and reviewed to ensure that it has demonstrated therapeutic value, and does not inadvertently spread, exacerbate, or even cause the malady it sets out to treat. In the medical literature, a treatment is called “iatrogenic” if it is counter-productive to the primary objective of curing disease.

  13. baymak kombi servis January 31, 2014 at 7:03 am #

    The field of Law does not employ such safeguards, and as a result a substantial fraction of our public policies and practices, operating under the color of law, turn out to be iatrogenic — ineffective at best and counter-productive at worst.

  14. demirdökümkombi servisi January 31, 2014 at 7:04 am #

    Alan Simpson, the retired Senator from Wyoming, spent some three decades in Congress, during which time he helped craft and enact a great deal of legislation. But after he retired, he remarked that during his tenure in Washington politics, he discovered a law, the way a scientist would discover a natural law.

  15. demirdöküm servis January 31, 2014 at 7:09 am #

    Our governmental systems are rife with unreliable models which give rise to unwise practices, many of which are ineffective at best and counter-productive at worst. We have built governmental systems that lack viable safeguards against iatrogenic treatments of many of our most problematic social ills.

    Here is an example of the kind of scholarly article one might find on JSTOR (which recently relaxed its policies to make many more of them freely available without a costly institutional subscription).

  16. demirdöküm servis January 31, 2014 at 7:12 am #

    Do you have a spam issue on this site; I also am a blogger, and I was curious about your situation; we have created some nice practices and we are looking to swap solutions with others, be sure to shoot me an email if interested.

  17. demirdöküm servis January 31, 2014 at 7:13 am #

    In that world, the question this government needs to answer is why it was so necessary that Aaron Swartz be labeled a “felon.” For in the 18 months of negotiations, that was what he was not willing to accept, and so that was the reason he was facing a million dollar trial in April — his wealth bled dry, yet unable to appeal openly to us for the financial help he needed to fund his defense, at least without risking the ire of a district court judge. And so as wrong and misguided and f***ing sad as this is, I get how the prospect of this fight, defenseless, made it make sense to this brilliant but troubled boy to end it.

  18. Deepan February 14, 2014 at 11:36 pm #


    You are Awesome , and this is only website guide me to learn, phonegap from scratch…

    Now i planed to build like Facebook wall, with Single page Architecture, with bacbone and bootstrap.. so can you show me write way to Wall post like apps.

    • google February 16, 2016 at 11:52 pm #

      Now i planed to develop like Facebook or myspace walls, with Individual web page Structure, with bacbone and bootstrap.. so can you display me create way to Wall publish like apps. address

  19. homes for sale in northeast el paso tx May 14, 2014 at 3:40 pm #

    Very good information. Lucky me I found your blog by accident (stumbleupon).
    I have book marked it for later!

  20. Kombi Servisi May 22, 2014 at 4:35 am #

    It’s hard to find well-informed people for this
    topic, however, you seem like you know what you’re talking
    about! Thanks

  21. Bobby Fumero June 21, 2014 at 1:18 am #

    There is certainly a great deal to know about this issue. I love all of the points you have made.

  22. pregnancy week 22 June 23, 2014 at 8:19 am #

    No matter if some one searches for his vital thing, thus he/she wants to be available that in detail, therefore
    that thing is maintained over here.

  23. ali khan April 8, 2015 at 12:20 am #

    SEO has become one of the most effective strategies for forcing down bad advertising within the look for engines’ natural outcomes. It is an on the internet reputation management tool of SEO professionals who handle advertising on the internet. homepage

  24. ali khan April 23, 2015 at 1:50 am #

    Keywords and words will now be more long-tailed and queries will be speaking and lexical. So it is only wise to modify your technique with the modify in Google technique. But the fundamentals of SEO still remain the same. binární opce demo

  25. sohbet May 21, 2015 at 11:49 pm #

    good thanks admn

  26. antrenman malzemeleri November 19, 2015 at 3:30 am #

      His highest production of our company, we use the sport socks products: cotton, cotton, polyester, nylon and lycra. It includes anti-bacterial.

  27. cctv camera dealers in navi mumbai December 2, 2015 at 2:29 am #

    i want to be thankful for giving such a nice explanation and makes us understand the core things of PhoneGap APIs such as LocalStorage, Database, Notification, Geolocation, Contacts, and Camera, and its really giving us the nice understanding of the same i am going to develop a api for my website affordable interior designers in mumbai i will use all this information in that

    thank you for gr8 work

Leave a Reply