Cross platform mobile development using PhoneGap

Cross platform application development with PhoneGap

Krishantha Jayathilake(Mobile Developer @

Zaizi)

Types of mobile apps

Hybrid mobile frameworks

Hybrid mixed appsHybrid web apps(HTML, JS, CSS)

PhoneGap

Titanium (JS)

Xamarin (C#)

Rhodes (Ruby)

Kony (Lua)

Trigger.io

SenchaTouch

Install Node JS●http://nodejs.org/download/

Install command line tools (iOS)sudo xcode-select --install

Install ant (Android)●http://ant.apache.org/bindownload.cgi

Install PhoneGapsudo npm install -g phonegap

Install PhoneGap

Create the Appphonegap create ./myApp "com.krish.myApp" "MyApp"

Add Platformscd ./myApp

phonegap platform add ios

Build Appphonegap build ios

Create and Build

Famous HTML Frameworks

●JQueryMobile●Framework7●Sencha Touch●Famo.us●Polymer-project●ionic

HTML Frameworks

Debugging AppsWeb Developer Tools

Debugging AppsRippleEmulator

Debugging AppsPhoneGapDeveloper

App

Debugging AppsChromeInspect Device

Core Plugins

●Battery Status●Camera●Device●Dialogs●FileSystem

PhoneGap plugins

●File Transfer●Network Information●Etc.

Third Party Plugins●Push notifications●Badge icon●And many more

●Build for all the platforms in one go●Fetch source from github

PhoneGap Build

Questions?