Phonegap FOR startups
#MoMoEdi
Jamie Sutherland
CTO @ Mallzee
@wedgybo <- Direct all abuse/love here
Founded - 2012
Joined - 2013
Raised £500k - 2014
We are hiring UI and Data engineers
http://mallzee.com - jobs@mallzee.com
Or come speak to us. We're nice.
What is phonegap
Framework and Toolset for packaging web applications as native mobile app.
Web Apps -> Hybrid apps -> Native App
Give you access to the features of the device you can't get to through a standard web browser
Phonegap is Cordova but with some additional features
why should I use it
-
Web development at the heart
- Highly flexible
-
Write once. Run across (most) platforms
- Active Community
- Mobile web app for free
- Plugins to access native APIs in javascript
when should I avoid it
- Resource intensive operations
- Graphically intensive games
- Fancy apps on older devices
- You are already proficient in native languages
Using phonegap
npm install -g phonegap Creating your first app
phonegap create mallzee com.momoedi.mallzee mallzee Adding platforms
phonegap platform add ios supported platforms: ios, android, windows phone 8, FirefoxOS
How to install plugins
phonegap local plugin add https://github.com/mallzee/phonegap-facebook-plugin.git Contacts, Network-Information, Splashscreen, StatusTap, FacebookConnect, Camera, Geolocation, FileAPI, Vibration, PushNotifications, and many more
Frameworks ON Phonegap
One's I have experience with. There are LOTS
jQuery Mobile, Sencha Touch - Bloated, Overkill for most
Ionic Framework - Rapid development
Appgyver Steroids / Composer - Native UI components
Phonegap build
https://build.phonegap.com
GitHub Hooks - Build on commit
Hydrate your latest build without having to reinstall the app on the phone
MALLZEE v1 - AngularJS
Mallzee v2 - Ionic (Aug)
phonegap Performance
Lots of images and on device scaling
Infinite Scrolling
Repaints and Layout
If you want more code and technical detail
http://slides.com/jamiesutherland/creating-hybrid-apps-that-dont-suck#/
WHAT ABOUT data for my app?
Don't run your own server unless there's no alternative
PaaS for quick deployment and flexibility
-
Heroku
-
Engine Yard
- AppFog
BaaS are awesome for rapid development
-
Parse.com (Facebook)
-
Apigee (Usergrid)
-
Firebase (Real time)
Resources
Phonegap - www.phonegap.com
Phonegap Build - build.phonegap.com
Ionic Framework - www.ionicframework.com
Appgyver Steroids - www.appgyver.com/steroids
My other slides - slides.com/jamiesutherland
Mallzee Open Sourced Modules - github.com/mallzee
generator-angular-mallzee-module
angular-ui-table-view
angular-wheel-picker
phonegap-facebook-plugin
Parseangular - github.com/wedgybo/parseangular
and i'm spent
Thanks for listening!
If you want to know more please just ask.
jamie@mallzee.com - @wedgybo