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.

  • Thanks Christophe I will be definitely checking it out.


  • FredyCC

    As always, very helpful and very well explained tutorials Thanks

  • Thanks Chris.i will try it.

  • thanks veryy

  • This is awesome, thank you very much!

  • very helpful and very well explained tutorials, thank you

  • 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?

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

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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).

  • 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.

  • 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.

  • @,

    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

      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

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

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

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

  • 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.

  • ali khan

    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

  • ali khan

    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

  • good thanks admn

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

  • 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

  • Etiler Klima Servisi

    We eagerly await.
    alibeyköy klima servisi