Silverlight for Developers making it pass the glitz 

Mea Culpa

• My views• I might now be right (very

likely)• I liked the glowing apple

this.ToString()• Imagetek• senior developer

• javier@lozanotek.com• http://blog.lozanotek.com• ASP.NET MVP• Iowa .NET User Group• Iowa Code Camp

Iowa Code Camp• May 3rd, 2008• University of Iowa Conference Center• Iowa City, Iowa

• http://iowacodecamp.com

Silverlight Audiences

Content ProvidersEngage visitors with highest quality interactive web sites, video and game experiences with lower costs

Designers / Developers Role-specific suite of tools for designers and developers using existing skills and domain knowledge and building on existing application investments

Viewers / End UsersSites “light up” equally on Windows and Mac, with a one-time, fast install (~2MB)

Silverlight Architecture

Legend

V 2.0

Legend

V1.0

CLR Execution Engine

.NET f

or

Silv

erl

ight

Framework

HTML DOMIntegration

XAML

Pre

senta

tion

Core

Networking

JSON

REST POX

RSS

Data

LINQ XLINQ

DLR

Ruby Python

WPF

Extensible Controls

BCL

GenericsCollections

Inputs

Keyboard Mouse Ink

Media

VC1 WMA MP3

Browser Host

IntegratedNetworking

Stack

Installer

ApplicationServices

MS AJAXLibrary

UI Core

Images

Vector Text

Animation

DRM

Media

Controls

Layout Editing

Dynamic Languages in Silverlight

Ruby PythonVisual Basic

JavaScript

Common Language Runtime

Dynamic Language Runtime

JavaScript Must Knows• Silverlight XAML elements are scriptable via the

browser script engine (JavaScript)• Scriptable objects are obtained via findName• Scriptable objects (elements) can be controlled via

properties and methods• Models JavaScript and HTML DOM interaction• findName is equivalent to document.getElementById()• Supports tree walking via children collection

• Position set using "Canvas.Top" and "Canvas.Left"• Size can be scaled or set via Height/Width

Desktop

Media& RIA

Web

Toolapalooza

DesignerLook, behavior, brand,and emotional connection

DeveloperFunction, deployment, data,

security, operational integrity

Server Vista

Toolapalooza

11/19/2006

• Expression Design• High end graphic design tool• Focused on artists creating rich UI

elements

• Expression Blend• UX Designer environment• Rich tooling support for

WPF/Silverlight/XAML• Animation support• Same project format as Visual Studio

• Visual Studio 2008• Developer support for WPF/Silverlight/Web

applications• Rich debugging capabilities

• Expression Media• Rich media asset management• Encoding, enhancement, and publishing of rich

media experiences to Microsoft Silverlight.

code

Resources• LightBox.NET - http://snurl.com/23k3m• flickrNSurface - http://snurl.com/23k3q

• Cooking with XAML: Deep Zoom - http://snurl.com/23k3u

• Cooking with XAML: Financials - http://snurl.com/23k3x

• Dynamic Silverlight: DLR Consoel - http://snurl.com/23k44

Resources• Community Site: http://silverlight.net

• Main Product Site: http://www.microsoft.com/silverlight

• MSDN Center: http://msdn.microsoft.com/silverlight

• Online Forums: http://silverlight.net/forums• Online SDK: http://

msdn2.microsoft.com/bb188266.aspx

Resources• Tim Sneath: http://blogs.msdn.com/tims • Mike Harsh: http://blogs.msdn.com/mharsh • Joe Stegman: http://blogs.msdn.com/jstegman • Laurence Moroney: http://blogs.msdn.com/webnext • Ernie Booth: http://blogs.msdn.com/ebooth