Windows Phone Mango and PhoneGap

Windows Phone SDK 7.1 How to make it work?Doncho MinkovTechnical TrainerTelerik Corporationwww.telerik.com

Table of Contents Windows Phone Mango (7.5) Windows Phone SDK 7.1 Installation of WP SDK 7.1 Visual Studio  Windows Phone SDK  PhoneGap Plugin "Hello PhoneGap" project

Windows Phone Mango The Next Version of Windows Phone

Windows Phone Mango Windows Phone Mango is the next generation of Microsoft Mobile OS  Earlier Microsoft OS  Windows Mobile 6.1 and 6.5  Windows Phone 7 Windows Phone Mango SDK 7.1 provides necessary tools and APIs to develop applications  Using C# and Silverlight

Installation of Windows Phone SDK 7.1 How to start WP 7.5 Development?

Steps for Installing Android SDK1. Installing Visual Studio IDE2. Install Visual Studio Service Pack 13. Install Windows Phone SDK 7.14. Add components needed for development

Visual Studio What is Visual Studio?  A multi-language software development environment comprising  An integrated development environment (IDE)  Mostly written in C# and Visual Basic

Visual Studio (2) Visual Studio is used to develop applications  In C#, VB, C, C++, F#, J#, etc.  For Windows Phone (using Silverlight) Download at http://bit.ly/VSExpressPhone  Comes with WP SDK 7.1  No need to install it separately

New PhoneGap Project With Visual Studio

PhoneGap in Visual Studio? How to create a PhoneGap Project in VS?  A hard way and a easy way The hard way isto download the assembly that connects of VS and PhoneGap  We will not cover it here The easy way – download a Project Template  Donwload at: http://bit.ly/VSPhoneGap  Copy the contents to …DocumentsVisual Studio 2010TemplatesProjectTemplatesVisual C#  Create a project with this template

PhoneGap in VS – Example

New PhoneGap Project Live Demo

Hello World PhoneGapFirst Application with Windows Phone Mango

Hello World PhoneGap Lets make our "Hello World, PhoneGap!" application  Till now we have an empty PhoneGap project  All we need to do is to edit the index.html file  Created by us  Located in /assets/www  This is the Entry point of our Application

Hello World PhoneGap – Example Hello World, PhoneGap!  Open the index.html and copy the following <!Doctype html> <html> <head> <title> First PhoneGap Application </title><head> <body> <h1>Hello PhoneGap</h1> </body> </html> Go to Debug -> Start without Debugging or CTRL+F5  The emulator should start  And the app run!

Hello World PhoneGap Live Demo

Windows Phone SDK 7.1Questions?

Windows Phone Mango and PhoneGap

by Doncho Minkov on Dec 04, 2011

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Windows Phone Mango and PhoneGap Presentation Transcript