Jaime Rodriguez | Microsoft Principal Technical Evangelist Laurent Bugnion | IdentityMine Senior Director XAML Deep Dive for Windows & Windows Phone Apps Jump Start

Jaime Rodriguez | Principal Technical Evangelist  More than 15 years experience building Apps  Focused on Microsoft partners and customers with emerging technologies  Helping developers with web, iOS and Android backgrounds to bring their existing apps to the Windows Store. .NET, Silverlight, Windows Phone leveraging both C#/XAML and HTML/CSS

Laurent Bugnion | Senior Director  Seventh year as a Microsoft Most Valuable Professional (MVP) and his first year as a Microsoft Regional Director  Most prominent experts worldwide for XAML, Expression Blend and the MVVM pattern  Based in Zurich Switzerland

Course Topics XAML Deep Dive for Windows & Windows Phone Apps Jump Start 01 | Intro to XAML 02 | XAML UI Elements 03 | Controls 04 | Panels & Layout 05 | Data Binding 06 | MVVM 07 | Windows Personality Controls

Setting Expectations  New and seasoned developers  Developers with web, iOS and Android backgrounds  Bringing existing non Windows apps to the Windows Store

 Microsoft Virtual Academy  Free online learning tailored for IT Pros and Developers  Over 1.2M registered users  Up-to-date, relevant training on variety of Microsoft products  “Earn while you learn!”  Get 50 MVA Points for this event!  Visit  Enter this code: XAMLJS (expires 8/12/2013) Join the MVA Community!

Module 1 – intro to XAML

demos

XAML Basics

e X tensible A pplication M arkup L anguage Serialization and Initialization format <Activity x:TypeArguments="x:Int32" x:Class="Add" xmlns=" >

XAML - User Interface Declarative Toolable Recommended <Page x:Class="App12.MainPage"…> <Button x:Name="myButton" Style="{StaticResource PinkButton}" Content="{Binding data.buttonName}" Click="OnButtonClick" Width="300" Margin="250" VerticalAlignment="Stretch">

Declarative Button b = new Button(); b.Width = 100; b.Height = 50; b.Content = "Click Me!"; b.Background = new SolidColorBrush( Colors.Green);

XAML is XML Elements represent objects Attributes represent properties or events Property Element Syntax Content Property syntax* Click Me! *class must have a ContentPropertyAttribute

Collections IList, IDictionary, and Arrays //powered by public GradientStopCollection GradientStops { get; set; } public sealed class GradientStopCollection : IList, IEnumerable

Collections + contentproperty Button 1 Button 2 Button 3 //Powered by [ContentProperty(Name = "Children")] public class Panel { public UIElementCollection Children { get; } }

TypeConverters Color Thickness Enumerators Uri Point

Markup Extensions

XAML Namespaces Maps from CLR namespaces to XAML <Page xmlns=" xmlns:x=" xmlns:local="using:App1" xmlns:d=" xmlns:mc=" compatibility/2006" xmlns:UI="using:Microsoft.Advertising.WinRT.UI" x:Class="App1.NamespacesPage" mc:Ignorable="d">

For the alpha geeks.. XAML Syntax In detail  XAML specification 

Visual Studio Tour

Compiling Xaml PartialClasses Compiler

Other XAML tools- later in the day Blend XAML SPY

WPF Silverlight For desktop Windows Phone Windows Store (aka Jupiter) UI frameworks in the “XAML” umbrella

©2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.