Download presentation
Presentation is loading. Please wait.
1
How to make it work? Doncho Minkov Telerik Academy academy.telerik.com Technical Trainer http://www.minkov.it
2
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
3
The Next Version of Windows Phone
4
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 Using HTML 5 and JavaScript
5
How to start WP 7.5 Development?
6
1. Installing Visual Studio IDE 2. Install Visual Studio Service Pack 1 3. Install Windows Phone SDK 7.1 4. Add components needed for development
7
What is Visual Studio? A multi-language software development environment An integrated development environment (IDE) Mostly used for C# and Visual Basic
8
Visual Studio is used to develop applications In C#, VB.NET, C, C++, F#, J#, etc. For Windows Phone (using Silverlight) Download at http://bit.ly/VSExpressPhone http://bit.ly/VSExpressPhone Comes with WP SDK 7.1 No need to install it separately
9
With Visual Studio
10
How to create a PhoneGap Project in VS? A hard way and a easy way The hard way is to 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 http://bit.ly/VSPhoneGap Copy the contents to …\Documents\Visual Studio 2010\Templates\ProjectTemplates\Visual C# Create a project with this template
12
Live Demo
13
First Application with Windows Phone Mango
14
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
15
Hello World, PhoneGap! Open the index.html and copy the following <html><head> First PhoneGap Application First PhoneGap Application <body> Hello PhoneGap Hello PhoneGap </body></html> Go to Debug -> Start without Debugging or CTRL+F5 The emulator should start And the app run!
16
Live Demo
17
Questions?
Similar presentations
