UWP-002 - Creating your First Universal Windows Platform App

Sign in to queue

Description

Every journey begins with a single step, and here you'll build your first "Hello World" style app. You'll see how to create user interfaces by utilizing the Toolbox and the special XAML designer pane. Furthermore, you'll handle an event and write C# to react to that event. Simple, but powerful ideas to get you started.

Lesson source code: https://github.com/Windows-Readiness/AbsoluteBeginnersWin10/tree/master/UWP-002/UWP-002

Full series source code: https://github.com/Windows-Readiness/AbsoluteBeginnersWin10

PDF: https://aka.ms/absBeginnerWin10pdf

Embed

Download

Download this episode

Download captions

The Discussion

  • User profile image
    jonny

    the fact that microsoft still believes and advertises that you would be able to just write an app and run it everywhere as it is shows how backwards the company is... It didn't work with asp.net webforms it didn't work with wcf it will not work with these newfangled w8 e w10 magic bullets

  • User profile image
    Invision

    the fact that microsoft still believes and advertises that you would be able to just write an app and run it everywhere as it is shows how backwards the company is... It didn't work with asp.net webforms it didn't work with wcf it will not work with these newfangled w8 e w10 magic bullets

     

    I'm going to assume you're talking about the adoption of the platform, because the compile once and run anywhere theory does in fact work. I find the "it's from Microsoft, it's obviously not going to work" remarks that people make to be almost entirely opinionated bias.

  • User profile image
    SonPhan

    What phone do you have?

  • User profile image
    BobTabor

    @jonny: So, I don't work for Microsoft.  I'm not sure what you're referring to regarding ASP.NET and WCF -- I never heard "it works across all Windows device families" as one of the selling points for those technologies.  Nonetheless, I would encourage you to be informed, take a close look at the approaches to building adaptive apps (whether in this series or otherwise) and then you can make a decision whether this is for you or not.  Universal apps is sufficiently different from ASP.NET and WCF that it would be hard to compare them.

  • User profile image
    ivane1

    Thanks for videos, very well written/scripted!
    Great place to redirect someone, new to Windows 10 development, on my team to get up and running quickly.

  • User profile image
    countbrass

    @jonny: I think I lost some IQ points from just reading your post.

  • User profile image
    TYO YEONG SHYANG

    good

  • User profile image
    TYO YEONG SHYANG

    good

  • User profile image
    Protoss_​Ricky

    Thank you very much. 

    Your speaking is slow and clear, I can understand what you are saying even I'm not a native English speaker.

  • User profile image
    Andre Moreira

    First of all, great work, Bob. I followed one of your tutorials for Windows Phone 8.1 and I really appreciate your lessons. I´d like ask, though, is it possible to make an universal app that works on Windows Phone 8.1, or, at least, recompile it in some way to make it work?

  • User profile image
    BobTabor

    @Protoss_Ricky: Great, glad you're able to understand the videos.

    @Andre Moreira: Hmm... I'm not sure you can transpile across the two APIs.  I'm willing to bet you could (a) remove all the non-presentation logic into it's own package and share it across two projects (DLL), and then (b) copy and paste *most* of the XAML and code behind into a second project. 

    There might be an easier way, but I'm not familiar with that process.

  • User profile image
    mehdi

    Dear Bob
    When I try to build HELLOWORD ,I receive some problem from NuGet (.NETCore,Version=v5.0.AssemblyAttributes.cs) can not download it
    please tell me what is wrong?
    Thanks

  • User profile image
    mehdi

    imgur.com/1vkwlSR
    imgur.com/rT9seLb

  • User profile image
    Wes

    When I added the Button and Text block, I didn't get the properties bar at the bottom corner right. Do you have any idea why it doesn't auto open the properties tab, I can't find it anywhere else so I'm stuck now. Without the properties I don't know how to link the Button to the Text block. Please Help! Ps: Thanks for the clear instructions, I'm really new to this so maybe I understood some obvious things wrong.

  • User profile image
    Mike LaRoda

    Hi, I’m new to developing, I brought visual studio pro about a year ago does this mean that vs2013 is now obsolete ?

  • User profile image
    MaryUmair

    Hello Bob. Please create a series about asp.net for beginners.

  • User profile image
    Jay

    When i double click "MainPage.xmal" The visual xmal editor doesn't show up.
    I have community edition 2015

  • User profile image
    ren

    hello Bob,
    first of all thank you for the videos.I think i have a small issue: when i click on mainpage.xaml it just shows me the code and not the page where i can ad all the objects.

  • User profile image
    osu9400

    @ren: Same problem here.  Did you get this figured out?

  • User profile image
    Ricardo

    Trying in two different computers with two different hardware, I just can't see the designer preview for Windows 10 Universal apps. It only works in Windows 8 projects. I'm getting pissed with this and I wanna give up... The installer is too much slower to stay trying again and again. What am I doing wrong? :\

  • User profile image
    Paladinleeds

    Thanks for the series thus far @BobTabor - been following your C# Fundamentals course to lead on into this. Absolutely overflowing at the seams with app ideas, just need to learn the code to actually make them. I've got some fragmented knowledge from my attempts at WPF app making, with no tutorials or anything, just throwing stuff at the wall and seeing what sticks. I'm hoping your course will give me a much more flowing knowledge of programming in C#.

    By the way, even though I HAVE got Hyper-V on my computer, I'm still going to be testing on an actual device when testing on the phone, due to my disdain towards emulators. I've loaded a 930 with Windows 10 Insider Preview (Slow ring, at least until I get my Lumia 950), so can't wait to see more functional apps coming to life on the phone. The Hello World app worked nicely and has set my hype thrusters onto maximum for more complex applications.

  • User profile image
    osu9400

    --

  • User profile image
    osu9400

    @Jay: Did you get this fixed? how?

  • User profile image
    osu9400

    @BobTabor: show your VS set up, por favor.  Several of us cannot see the designer pane you are showing us at the 3:14 mark.  Even when I toggle between F7 & Shift-F7 it is still textual code - nothing visual.

  • User profile image
    JanWillemII

    @BobTabor:

    Hello Bob,

    Thanks for your video's for absolute beginners. They where perfect. Today I started with your series for windows 10. I installed Visual Studio 2015, but in your first lesson I tried te make the 'HelloWorld' app, but I can't see the visual part of the designer.

    excuses for my English I am Dutch

     

  • User profile image
    Claude

    If you are on Windows 10 and the designer doesn't show up, try setting Project Properties -> Application -> Target Version to Windows 10 (10.0;Build 10240)

  • User profile image
    Shane

    Same problem here. Just downloaded visual studio 15 and the xaml file does not show with the UI designer, shows only the code.

  • User profile image
    Shane

    Claude, I am unable to select Build 10240 the only one that shows up is 10586 is the only build showing up. I tried these videos in the past to only run into the same types of frustration. The videos look great, seems very informative.

  • User profile image
    RichardSoto

    @Shane:

    If you only have the option of "Build 10586", you have to update Windows 10 to Build 10586. Go to Settings > Updates and Security > Windows Update. Search for new updates until it shows "Update to Windows 10 Home/Pro, 1511 versión, 10586". Then Restart your PC and see if the XAML designer shows up.

     

  • User profile image
    Shane

    Thanks, The build 10240 was the key. I had to go to control panel - programs - select visual studio - modify - was then able to click the checkbox for build 10240. I was then able to select the other build under the project settings.

  • User profile image
    Ricardo

    Thank you Claude! Thank you!

  • User profile image
    JohnS2063

    @MaryUmair:

    Mary,

    Have you already completed Bob's free lessons here:

    https://channel9.msdn.com/Series/C-Fundamentals-for-Absolute-Beginners

    If so, you may wish to subscribe to his ASP.NET lessons at:

    www.learnvisualstudio.net

    john

     

  • User profile image
    JohnS2063

    @Jay:Did you get it fixed? If not, keep reading the Comments here ... other people have fixed it.

     

  • User profile image
    JohnS2063

    @Wes: If you don't see the Properties window, try pressing the F4 function key on your keyboard. It is also in the View menu (at the top of the VS2015 window, but you may have to scroll way down to see it)

  • User profile image
    JohnS2063

    @mehdi:You may need to go (in Visual Studio) to Tools, NuGet Package Manager, and open  "Manage NuGet Packages for Solution". Under the "Installed" listing, see if you have Microsoft.NETCore.UniversalWindowsPlatform installed.

    If not, you may need to Browse for it and install it.

  • User profile image
    T J

    I had trouble with the Design view and Toolbox - aka them not showing. If anyone else has this problem, try switching from Community Edition to Express. It's the only solution that worked for me.
    And to Bob - thanks, your tutorials are really good. :)

  • User profile image
    stvkiley

    Hi Bob,

    Great videos. I watched your C# series, and have been learning C# and other things (was developer in last century).

    Can you please tell me how to download emulators, as when I click Download New Emulators in VS 2015, nothing happens?

    As an aside, can you tell me why everyone pronounces XAML like it begins with a Z (I am in the UK)

    Cheers,

    Steve Kiley

  • User profile image
    JohnS2063

    @stvkiley:Steve, Are you using Windows 10 Home version? If so, emulators don't work with that. I think Bob said you need Professional or above

     

    - john

  • User profile image
    king13p

    Hi Bob,

    Thanks for the videos, they are easy to follow along, 

    However, I'm running into a strange problem. When you created this project and double clicked on MainPage.xaml you get a designer view, All I can see is the code. I tried going to View > Designer but that doesn't do anything. 

    I'm using Windows 10 Education and Visual Studio 2015 Enterprise. 

    Let me know if you have any thoughts. Thanks

  • User profile image
    Daniel Tkach

    Hi everyone, the first simple Hello World app did not run for me :( Well, it did but the window that comes up is all blue with an X in the middle, please look
    http://take.ms/oHySv

    What am I missing? Please help!!! :( Sad day...

  • User profile image
    Frank

    When I open MainPage.xaml, it doesn't display an editor, just the code. If I try to view it in Design view, I get this error:

    Visual studio requires a newer version of Windows to display this content. Please update to Windows 10 blablablala.

    This is so typical MS and Windows. I HAVE a fully updated Windows 10 system as of 5 minutes ago, and it's set to developer mode etc. etc. AND VS 2015 Ent.

    How to fix this? If it fails even before starting like this, how is it going to work when/if I actually get to do any coding?

  • User profile image
    Frank

    Just forget it. I see that a similar problem was posted several months ago, but the clowns here haven't even bother to answer anything since february. Idiots. I'm putting Windows app development on the shelf because of not even being able to get the * started.

  • User profile image
    JohnS2063

    @king13p:In the first video, Bob lists a number of requirements.  You went into Settings and turned on Developer Mode, correct?

    - john

  • User profile image
    JohnS2063

    @Daniel Tkach: Hello. In the first video, Bob lists a number of requirements that your computer must have. Please review that portion of the video and make sure you have everything.

    Also, in the Comments section of the first video, Bob notes that he found out that the phone emulator requires Windows 10 Pro or higher.

    - john

  • User profile image
    Mehrshad

    Thanks Bob for your amazing videos.

    I install Windows 10 latest version and VS 2015 Pro (Update 2) also installed windows 10 latest SDK and Emulator.
    I use a Asus X450LD notebook.

    But i get this DEP6100 error message(The following unexpected error occurred during bootstrapping stage 'Connecting to the device '98CD6FA8-9114-4179-ACA3-38E5D23C77EE'.':)

    i search about it (in msdn and etc) but i just find some issues that didn't worked.

    if someone knows how to fix it in here PLEASE HELP!

  • User profile image
    Abishai

    Hello, Bob. It was a very nice tutorial for making first universal windows app. I want to export its exe file and I want to install it on my windows phone, just to see how it works on actual windows mobile device. Please mention the required steps. Thank you.

  • User profile image
    s3curity​Consult

    Is there a way to just watch every episode in order nonstop without having to keep go over to computer and press play on the next video/  I Need autoplay so I can watch all the videos nonstop when I'm going to bed

    Thanksif anyone knows how or where this works kind of in MVA but not on channel9 

  • User profile image
    vinod

    hi ,

    i am looking to start UWP app but in visual studio i am not able to see any windows 10 phone emulator can you please help me.

  • User profile image
    guyismaelko​ffi

    When I start a New Project Windows Universal App the creation of the project fail because "Root element is missing". What can I do? Someone can help me?

  • User profile image
    FaalVedtuz

    Hi, this tech is really great and I really love to learn it. I have this project that functions as a Personal Information Sheet for a dentistry clinic and I'm going to use UWP to build it.

  • User profile image
    omg

    Hey, thanks for providing HELLO WORLD example. Awesome!
    The world needs more of these HELLO WORLD examples. Very cool

Add Your 2 Cents