Setting up the environment  

How to develop, build and run UWP App

We are going to discuss how to develop, build and run the UWP Hello World App and show the demo

in multiple devices. We will see the step by step guidelines for the UWP Hello World App creation here

Step 1:

Open Visual Studio 2015. Go to file menu, point to new and then click new project. New Project window
will open, you can select a installed template like “ Universal” under the Windows on Visual C# Template,
and then select a Blank App Universal Windows) and type Project Name UWPHelloWorld. Choose the 
project location path and then click on the OK button.

Now, you can see the UWPHelloWorld project structure as in the following screen shot.

Step 2:

Package.appxmanifest: This file contains your app name, description, language, start up page and so on.

Asset folder: This folder contains a collection of images like logo, windows store logo, splash screen as follows: 

ü LockScreenLogo.scale-200.png
ü SplashScreen.scale-200.png
ü StoreLogo.png
ü Square150x150Logo.scale-200.png

ü Square44x44Logo.scale-200.png 

App.xaml and App.xaml.cs: This file contains a constructor that calls the InitializedComponent method
and it an auto generated code by Visual Studio. It is mainly used to initialize the declared elements in
the xaml file. It also contains the methods to handle the activation and suspension of the app  
 
MainPage.xaml and MainPage.xaml.cs: This file contains a user interface (UI) code. The code at back end is the logic code and event handler code for your app. 

Step 3:

MainPage.xaml

<Page
    x:Class="UWPHelloWorld.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UWPHelloWorld"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel Padding="50 50 50 50">
            <TextBlock Name="txtMessage" Text="Hello World" FontFamily="Tahoma"></TextBlock>
        </StackPanel>
    </Grid>
</Page>

Step 4:

Now, you can run the UWPHelloWorld Apps with different devices, you can see how a apps looks, as 
shown below: 
Select a Debug and Mobile Emulator 10.0.10586.0 WVGA4 inch 512 MB option to run the apps

Conclusion

I hope you understood the UWP and how to develop, build and run on multiple devices. I have 
covered all the required things. If you find anything that I missed in this article, please let me know. 
Please share your valuable feedback or suggestions.