Creating Hybrid Apps with PhoneGap

Transcript

1. Creating Hybrid Apps with Phonegap
2. What I will cover • What is Phonegap? • Pros & Cons • Phonegap App Example • Tools used to create app
4. Technology Magpie >> A geek often distracted by ALL THE THINGS.. Citation: European Magpies unlike Aussie ones, collect shiny objects
5. She Hacks v1.0 iOS 6 + 4.2 (Jelly Bean) +
6. • a framework for building cross-platform mobile apps with web technologies • Javascript APIs • Actively maintained by Adobe • Opensource • leader in the cross- platform tools space What is PhoneGap?
7. PhoneGap Pros • Easy for web developers • Reduced development costs • Write once, run anywhere • Open source
8. PhoneGap Cons • Not suitable for all types of apps (think high end graphics & 3D Support) • Not all native features are supported • App might not run as fast
9. She Hacks App...
11. • Single Page Angular JS App • Asynchronous WS with Promises • HTML5 LocalStorage for data caching • SASS for css variables and mixins • Grunt for CSS & JS pre- processing • PhoneGap APIs used for ◦ Network connectivity detection Front End Architecture $ phonegap build ios
12. UI Frameworks
13. Web Services • RESTful web services • Built in Scala on the Play Framework • MongoDB database for JSON objects ◦ Driver was fully Non- Blocking and asynchronous • Deployed to Heroku
14. Summary • App built in 4 weeks, in spare time • Making the app look good took a long time • Heroku rocked - easy to use • PhoneGap had some fiddly parts but in general was easy to work with - would choose again
15. Fork Us Back end: github.com/rowdyrabbit/eventapp Front end: github.com/georgiknox/sheHacksApp
16. www.GeekGirl.io @GeorgiKnox @CatRapture