Mobile app lifecycle with PhoneGap

Transcript

1. MOBILE APP LIFECYCLE WITH PHONEGAP
   GDG DevFest Cairo
   

   View Slide

2. ABOUT ME
   11+ Overall experience
   Building Web & Mobile Apps

   

   +SocialGood Connector
   

   View Slide

3. INTRODUCTION
   Building Mobile app from scratch till upload it on the store
   

   View Slide

4. CROSS-PLATFORM SDKS
   

   View Slide

5. PhoneGap
   Just package your HTML, CSS and JavaScript into Mobile App
   plus allow you to access native APIs.
   

   View Slide

6. NATIVE API SUPPORT
   • Accelerometer
   • Camera
   • Compass
   • Contacts
   • Network
   • Device
   • Globalization
   • Storage
   • Events
   • File system
   • Geolocation
   • Media
   • Notification
   And more 500+ native plugin
   

   View Slide

7. HELLO WORLD!
   M
   ission
   com
   pleted
   #
   

   View Slide

8. INSTALLATION
   • Native SDKs (Android SDK, Xcode, Momentics,
   Visual Studio … etc)
   • Node.js
   • PhoneGap command line interface CLI
   Full guide for each platform
   

   View Slide

9. CODE TIME :)
   • Create App
   • Run on iPhone
   • Run on Android
   • Example to open camera and capture picture
   

   View Slide

10. Not supporting everything everywhere
    

    View Slide

11. But PhoneGap is not enough :(
    It’s a embed web browser to give you
    access on all awesome web
    development capabilities
    But you need something to make it
    easy and fast?
    

    View Slide

12. Front-end framework
    

    View Slide

13. Tools
    • Android theme Generators
    • TiCons
    • Icon Fonts
    • R.drawable Icons
    • Codly.io
    • Pttrns.com & android-app-patterns.com
    

    View Slide

14. QUESTIONS?
    @HazemKhaled

    http://about.me/HazemKhaled
    

    View Slide