Herramientas para el desarrollo de Apps Universales

Notas del editor

• #6: First, let’s cover the most basic element for universal application in visual studio: the template. All universal app template contains 3 projects: A windows 8.1 project A windows phone 8.1 project A shared project. This goes for all Univeral app templates, both the C# and Javascript varieties
• #7: This runs the danger of getting a little bit confusing. After all, how do we know when we’re using a platform specific API? Fortunately, Visual Studio has that covered. When working in a file in the shared folder, if we call an api that is specific to either windows phone or windows, we’ll get a warning from Visual Studio that the code we’re about to use is platform specific. We also have the ability to change the context so that we get the right Intellisense for the platform we’re targeting. When we’re in a share file, there is a little navbar at the top of the file. We can go into that navbar and change the context of the file that we’re working on. Let’s say we want to work in the Windows Phone context, maybe add something for that back button interaction. We can change the context of our Intellisense using the context switcher in the navbar and. Now the code that is wrapped in a Windows Phone #if is enabled, the code wrapped in a Windows #if is grayed out, and our Intellisense will give us access to the Windows Phone api set. The ability to s
• #8: As for launching our different applications, Visual Studio makes that easy as well. We only need to go up to our application launch, click on the arrow to the side and change our startup project. The menu will then populate with all the launching options we need for that platform.
• #9: I know some of you are saying “That takes too long! I don’t want to launch each project separately, I want to launch them at the same time.” Visual Studio has you covered there as well. If you go to the properties of your universal solution, you’ll find, under the “Common Properties, Startup Project” section, that you can actually launch multiple projects at the same time.
• #10: In this demo, I’m going to open a Windows 8.1 application. Add a Windows Phone app to it. Move some code over from app 1 to app 2 Go to the shared code and switch the context, add something Go to the XAML Walk through the XAML workspace (Toolbox, split view, properties, document pane, device pane) Show XAML intellisense for resources Show XAML “Go To Definition” Show XAML Device Pane
• #11: Now let’s take a look at some of the tooling goodies we have in Visual Studio for XAML development.
• #19: In this demo, I’m going to open a Windows 8.1 application. Add a Windows Phone app to it. Move some code over from app 1 to app 2 Go to the shared code and switch the context, add something Go to the XAML Walk through the XAML workspace (Toolbox, split view, properties, document pane, device pane) Show XAML intellisense for resources Show XAML “Go To Definition” Show XAML Device Pane
• #21: Open Blend Create an animation Show the Control State Editor for a Checkbox Show how to create some sample data Use the alignment guides, show how to export them and import them into another file.
• #23: JavaScript Console DOM Explorer