Tools for phonegap developers
1 / 20

Tools for PhoneGap Developers - PowerPoint PPT Presentation

  • Uploaded on

Tools for PhoneGap Developers. Eclipse + Android SDK, VS + Windows Phone SDK. Svetlin Nakov. Telerik Software Academy. Technical Trainer. Table of Contents. PhoneGap in Eclipse + Android SDK + Android Emulator + Android Development Tools (ADT)

I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
Download Presentation

PowerPoint Slideshow about ' Tools for PhoneGap Developers' - yoko

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Tools for phonegap developers

Tools for PhoneGap Developers

Eclipse + Android SDK, VS + Windows Phone SDK

Svetlin Nakov

Telerik Software Academy

Technical Trainer

Table of contents
Table of Contents

  • PhoneGap in Eclipse + Android SDK + Android Emulator + Android Development Tools (ADT)

    • The AppLaud Eclipse Plugin

  • PhoneGap in Visual Studio + Windows Phone SDK + Windows Phone Emulator

  • PhoneGap in iOS + Xcode + iPhone Simulator

  • PhoneGap Build

Phonegap in android sdk

PhoneGap in Android SDK

Eclipse + Android SDK + Android Emulator + Android Development Tools (ADT) + Cordova

Installing android sdk adt
Installing Android SDK + ADT

  • Install Java (JRE 7) –

  • Install Eclipse + Android Developer Tools (ADT) + Android SDK


  • Android SDK Manager

    • Download and install system images

  • Android Virtual Device Manager

    • Create new Android Virtual Device (AVD)

  • Install "Eclipse Web Developer Tools" plug-in

Creating a phonegap application in eclipse
Creating a PhoneGapApplication in Eclipse

  • Download PhoneGap


  • Add the Cordova libraries to the project

    • libs/cordova-2.9.0.jar

  • Create res/xml/config.xml

  • Configure the AndroidManifest.xml

  • Create the applications files in assets/www/

    • index.html, styles.css, cordova.js

The applaud eclipse plug in

The AppLaud Eclipse Plug-in

PhoneGap for Android Made Easy

Applaud eclipse plug in
AppLaudEclipse Plug-in

  • The AppLaud Eclipse Plug-in simplifies the PhoneGap development in Eclipse

    • Install though Eclipse  Help  Install New Software 

  • Once installed, the AppLaud plugin adds New  PhoneGap for Android Project

The applaud eclipse plug in1

The AppLaud Eclipse Plug-in

Live Demo

Phonegap in visual studio

PhoneGap in Visual Studio

Visual Studio + Windows Phone SDK +Windows Phone Emulator + Cordova

Installing windows phone sdk
Installing Windows Phone SDK

  • Install Windows Phone SDK


    • Windows Phone SDK 8.0 is comesbuilt-in Visual Studio 2013

  • Install the PhoneGap template for Visual Studio for WP8

    • Download

    • Copylib\windows-phone-8\CordovaWP8_2_8_0.ziptoC:\Users\<user>\Documents\Visual Studio 2013\Templates\ProjectTemplates

Phonegap in visual studio1

PhoneGap in Visual Studio

Live Demo

Phonegap in ios

PhoneGap in iOS

iOS+ Xcode+ iPhone Simulator + Cordova

Run phonegap in ios
Run PhoneGap in iOS

  • Install Xcode

  • Install Cordova

  • Create new Cordova app

    • Use the script lib/ios/bin/crate

  • Open the generated Xcode project

    • E.g. HelloCordova.xcodeproj

  • Run the Xcode project in the iOS Simulator

    * Full guidelines available at:

Phonegap build

PhoneGap Build

Cloud-based Build Service for Multiple Platforms

Phonegap build1
PhoneGap Build

  • PhoneGap Build is a cloud service that builds your Cordova apps for different platforms

    • iOS, Android, Windows Phone, Win8, Blackberry, Symbian, etc.

  • Register at

  • Upload your www folder in a ZIP archive

  • Press the [Rebuild all] button

  • Scan the QR code to install the app on your Android phone / download the binary file

Phonegap build2

PhoneGap Build

Live Demo

Tools for phonegap developers1
Tools for PhoneGap Developers


  • Configure and install the PhoneGap for Android development environment

    • Install and configure Eclipse + Android SDK

    • Configure the Android Virtual Device Manager

    • Install "Eclipse Web Developer Tools" and "AppLaud"

    • Create a sample PhoneGap application and run it in the Android Emulator

    • Configure and install PhoneGap for WP development environment: Visual Studio + Windows Phone SDK + PhoneGap templates. Create and run a sample app.

    • Build a sample app using PhoneGap Build. Test it on your phone.

Free trainings @ telerik academy
Free Trainings @ Telerik Academy

  • C# Programming @ Telerik Academy


  • Telerik Software Academy


  • Telerik Academy @ Facebook


  • Telerik Software Academy Forums