Building Rich Web Experiences Using Silverlight and JavaScript for Developers


Published on

Windows Presentation Foundation 'Everywhere' (codename) is Microsoft's solution for delivering rich, cross-platform interactive experiences for the Web and beyond. WPF/E will enable the creation of rich, visually stunning and interactive content and applications that run on multiple browsers and operating systems. In this session, learn more about the benefits of WPF/E from a developer perspective and get an introduction to building WPF/E applications using JavaScript and Microsoft developer and designer tools.

Published in: Technology
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Building Rich Web Experiences Using Silverlight and JavaScript for Developers

  1. 1. Joe Stegman Group Program Manager Microsoft Corporation
  2. 2. Overview Introduction to Silverlight JavaScript Develoment Designer and Development Tools Silverlight Components Developing with Silverlight
  3. 3. Richer Media (WMV Investments) Broad Reach Visual Studio Expression Studio
  4. 4. Silverlight development is similar to HTML devevelopment Presentation format for Silverlight is XAML XAML is XML (markup) Silverlight V1.0 programming language is JavaScript AJAX tricks work with Silverlight Minimum tools are a text editor and a web browser For 1.1 development see: Dev22/Dev07: Silverlight with .NET (5/1, 8:30 and 10:15)
  5. 5. Developers (focus of this session) Visual Studio 2005 and Orcas Firebug Any text editor Designers Expression Blend and Design DES02: Building Rich Web Experiences (4/30, 15:00) XAML exporters Adobe Illustrator, Office (good for font subsetting), Others…
  6. 6. Key Components in Silverlight V1.0 2D Grapics (shapes, transformations, cliping, masking) Animations Input: Mouse and Keyboard Media (WMV, WMA, MP3) Imaging (JPG, PNG) Text (static and flow) HTTP downloader XAML Parser (includes CreateFromXAML API) JavaScript DOM
  7. 7. 2D Graphics Standard shapes, masking and clipping Transformations: skew, rotate, scale, translate, matrix Animation Basics Animations change properties over time Support linear, discrete and spline animation Animatable property types: Double, Color, Point Animations and graphics are defined using XAML
  8. 8. 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 quot;Canvas.Topquot; and quot;Canvas.Leftquot; Size can be scaled or set via Height/Width
  9. 9. Media Features Video: WMV V7, V8, V9, VC-1 Audio: WMA V7, V8, V9 (standard), MP3 Multiple options for deploying media HTTP progressive download Integration with Windows Media Server Extensive WMV eco-system Related Sessions: XD001: Deep Dive on Silverlight Media (5/1, 14:15) Dev13: Creating and Delivering Rich Media (4/30, 16:30)
  10. 10. Glyphs Fixed text Full Unicode glyph rendering support Does not support layout (word/line breaking) TextBlock Basic layout support Left-aligned, English based text wrapping Support font encryption and compression V1 supports 64K Unicode Basic Multi-langual Plane Post V1, increased language support
  11. 11. HTTP Downloader V1.0 supports HTTP gets (async and sync) Provides download progress ZIP packaging Similar to XMLHTTP CreateFromXAML Primary way in V1.0 to dynamically create content Supports namescopes (for name collisions)
  12. 12. Expression Expression Studio xMedia xWeb 2 Expression Expression Blend 2 August Preview Encoder May Preview Studio 2 xBlend 2 February 08 4/30/07 Summer 07 August Preview Silverlight Silverlight 1.0 Beta Silverlight 1.0 Silverlight 1.1 Silverlight 1.1 Beta Silverlight 1.1 Alpha Q3/07 Summer 07 TBD 4/30/07 Visual Studio Silverlight Tools Alpha Silverlight Tools Beta TBD for Visual Studio TBD for Visual Studio “Orcas” Beta “Orcas” 4/30/07
  13. 13.
  14. 14. © 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.