Your SlideShare is downloading. ×

Getting started with PhoneGap


Published on

Published in: Technology
1 Comment
  • One other thing that I've noticed about performance is that there can be a substantial difference in performance between the native browser on the phone and interface embedded in the PhoneGap UI view. But it's a great technology nonetheless, particularly if you come from a web-based development methodology and don't have the resources to learn Objective-C, Java, Windows, Blackberry, etc.
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. Getting Started with PhoneGapMihai CorlanDeveloper Evangelist / Adobe / @mcorlan
  • 2. Mobile Development 2
  • 3. 3
  • 4. Bridging the Gap … PhoneGap 4
  • 5. PhoneGap ? Cordova 5
  • 6. Why would you use PhoneGap?§  Write once, run everywhere§  Native Installers -> Application Stores§  Use standard web technologies
  • 7. PhoneGap could be your best friend if§  You want to target multiple mobile platforms§  You know HTML/JavaScript/CSS§  You already have a web site/web application. Thus you can reuse parts of this (see Wikipedia)
  • 8. PhoneGap supports 7 platforms
  • 9. PhoneGap Device APIs
  • 10. Demo
  • 11. How does PhoneGap work? PhoneGap App Mobile Device PhoneGap PhoneGap JavaScript Native Engine Engine Access to native mobile Your Code features HTML/JavaScript/CSS/Images/ Frameworks/Libraries Web View Renders the app UI
  • 12. PhoneGap Plug-ins§§  Examples of plugins:§  Extend the built-in functionality with custom plug-ins§  Delegate heavyweight data processing to native code§  Create background services
  • 13. Building PhoneGap Apps
  • 14. Build your PhoneGap app as you’d build a regular web app§  Using your favorite editors (Eclipse, vim, Dreamweaver, Visual Studio)§  Test and debug the app using your desktop browser§  Test and debug the app using mobile simulators/emulators and the physical devices
  • 15. What can you use to build your app?§  Remember your application will run on the device’s browser§  You can use whatever JavaScript frameworks or libraries you like. Eg. jQuery, jQuery Mobile, Sencha, Backbone, Liquid, Mustache, Bootrstrap, and so on§  Pay attention to performance (mobile vs. desktop)§  Pay attention to mobile browser features or lack of them (SVG for example)
  • 16. Creating the native installersThere are 2 different methods:§  Using the target platform tool chain§  Using PhoneGap Build – a cloud service
  • 17. Using the platform native tool chain§  Use the OS and tools each platform recommends: §  iOS - §  Android - §  BlackBerry - §  Windows Phone - §  WebOS: §  Symbian:
  • 18. Using the PhoneGap Build – a Cloud Service§ - a cloud service§  Supports: iOS, Android, BlackBerry, WebOS, Windows Phone 7, and Symbian§  Supports one plugin (ChildBrowser); but you can hack in support for other plugins§  It is in beta and it is free; it will always be free for Open Source projects§  You upload your files (index.html, CSS, JS, images)§  Or you provide a Git / SVN link§  Support for debugging
  • 19. Resources§  Source:§  Docs:§  Wiki:§  PhoneGap Build:§  Plugins:§  Support:§  IRC: #phonegap§  Apps:§  Bugs:
  • 20. PhoneGap Day Europe – Amsterdam September 14th 100 Euro early bird
  • 21. Questions & Answers! Thank you! Mihai Corlan @mcorlan