Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile app lifecycle with PhoneGap

Hazem Khaled
November 22, 2014

Mobile app lifecycle with PhoneGap

Hazem Khaled

November 22, 2014
Tweet

More Decks by Hazem Khaled

Other Decks in Technology

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