Silverlight 101 Ahead!

If you know Silverlight and are looking for more advanced content check out :

‘Microsoft Silverlight “Media” : Moving at 60fps’(Breakers H)

Microsoft Silverlight 4 Business Applications(Lagoon F)

An Introduction to Developing Applications for Microsoft Silverlight

Shawn OsterProgram Manager

Silverlightshoster@microsoft.com

Walk Away Knowing

How to create a Silverlight application

How to leverage your creativity

How to use the tools to make it happen

What is Silverlight?

Powerful Development Platform

Engaging, Interactive User Experiences

Silverlight CapabilitiesInputs• Keyboard• Mouse• Touch• Ink

Media• Digital media capture & playback• VC1, WMA, MP3

Data• Language Integrated Query (LINQ)• LINQ to XML• XML• IsolatedStorageBase Class Library (BCL)• Generics• Collections• Cryptography• Threading

Windows Communication Foundation

• REST• RSS/ATOM• SOAP

XAMLUI Core• Vector• Animation• Text• Images

CLOUDSCREEN

Phone EmulatorSampl

esDocumentati

onGuides Community

Packaging and Verification Tools

Notifications

Location Identity Feeds

MapsSocial

App DeploymentRegistration

Validation

Certification

Publishing

Marketplace

MO and CC Billing

Business Intelligence

Update Management

Application Platform High Level Architecture

Tools & Support

Developer Portal Services Cloud Services

Sensors Media DataGamer Services Notifications

.NET Framework managed code sandbox

LocationPhone

Run Time – On “Screen”

view in slide show

mode

Performance tuning

Input integration

H/W media and sensor integration

OS application model integration

Relaxed sandbox constraints

What is Silverlight for WP7?

Starts with Silverlight 3 plus…

THE FUN STUFFShow Me Some Code!

MXeXtensible

A LApplication Markup Language

XAML

XML

Declarative Markup<Grid> <TextBlock FontSize="48" Text="Hello world" /></Grid>

CodeXAML

XAML maps to code

Anything in XAML can be done in code

Code

DEMO - XAML + CODEThe Basics

Vector-Based

Importable from Photoshop or Illustrator

Shapes

Determines how objects are painted and outlinedSolid, Gradient, Image, Media

Brushes

DEMO – SHAPES + BRUSHES

Pretty Shapes

<Button x:Name="MyButton" Content="Center" Width="150" Height="50" />

Encapsulates functionality

Give it a x:Name

Same properties as in XAML

Controls

Can be created in XAML & Code

Tools create handler for you

public void myButton_Click(object sender, RoutedEventArgs e){ // todo: add code}

Events

DEMO – CONTROLS + EVENTS

Make it Do Something

Apply consistent formatting

Per-page or per-application

<Style TargetType="TextBlock" x:Key="SubHeadingText"> <Setter Property="FontSize" Value="42" /> <Setter Property="Foreground" Value="Blue" /></Style>

Styling

DEMO – STYLINGMake it Consistent

Layout

Grid | Rows & columns, very flexible

Flexible Layout system

Canvas | Fixed-position

StackPanel | “Stacks” dynamically

DEMO – LAYOUTWhere Does It Go?

Transforms

ControlsText

Media

RotateScaleSkew

TranslateMatrix

PlaneMatrix

Apply 3D to a 2D element

Alters any element Transforms Projections

Animations

Animate a property value over time

Basics

Expression Blend is the best tool for designing animations

Storyboard Animation Keyframe

DEMO –TRANSFORMS, ANIMATIONS

Make it Look Great

Databinding

Powerful Concept

Two types

Based on change notification

Property binding List binding

DEMO – DATABINDINGMake it Real

Code Reuse

Reuse UI

User Control Custom Control

Reuse Code

Across projectsAcross

platforms (Web, Windows Phone)

DEMO – CODE REUSEDon’t Reinvent The Wheel

29

Call to action

Download the tools! http://silverlight.net http://developer.windowsphone.com

Start building great apps and games Be creative Go see other presentations Resources:

Forums, Blogs, Books, Podcasts, Oh My! My blog http://shawnoster.com

Where Next?

Building Windows Phone Applications with Silverlight, part 1 & 2

Make your application rock on Windows Phone 7!Shake, rattle & roll with accelerometer & vibrationCloud & Push notificationsLocation servicesMaximizing Silverlight Performance on Windows Phone 7 Series

Make your applications rock!

Please fill out the evaluation form!

It’s Question Time!

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.