PhoneGap is a framework that allows developers to build mobile apps using standard web technologies like HTML, CSS, and JavaScript. It allows building apps that can be deployed across various mobile platforms like iOS and Android. The document discusses PhoneGap's history, supported platforms, plugins, examples, benefits of using HTML5 over native development, software requirements, deployment methods, app structure considerations, getting started steps, UI libraries, data storage options, and debugging tools.

1. Gavin Jones
Managing Director
Christian Cook
Head of App Development @indievidual
@elixelofficial

2. Building mobile apps
with PhoneGap

3. What IS PhoneGap?

5. History

7. Platforms

9. Plugins

11. Examples

12. Image from mobilemarketingmagazine.com
http://mobilemarketingmagazine.com/nus-launches-student-discount-companion-app/

14. Image from the BBC
http://www.bbc.co.uk/sport/0/olympics/18810308

15. How

17. Why choose HTML5
over Native

18. Pros
Cross Platform
Cost Effective
High End
Easy to learn
Cons
Browser Support
Can get messy
Performance

19. Software Requirements

21. Deployment Methods

22. Local Deployment PhoneGap Build

23. App vs Website Structure

24. Building a personalised experience

25. Single-Page Application (SPA)

26. Online Offline

27. Getting Started

28. 1. Install PhoneGap through NodeJS on command line
$ npm install –g phonegap
2. Create the base project folders and files
$ phonegap create <folder path> <Identifier> “<AppName>”
$ phonegap create myapp com.company.myapp “My App”
$ cd myapp
3. Add your platform(s)
$ phonegap platform add ios
4. Deploy!

30. UI Libraries

32. Data Storage

33. Local Online
Own Service
with RESTful
LocalStorage
WebSQL
File API Plugin

34. Debugging

35. Chrome Developer Tools
&
Safari Web Inspector

38. Distribution

40. Used to be crap, but now it’s
matured and is pretty good!

41. Summary

42. Building mobile apps with PhoneGap
Christian Cook
@Cookie_Cookson