Joe Stegman
Group Program Manager
Microsoft Corporation
Overview
Introduction to Silverlight JavaScript Develoment
Designer and Development Tools
Silverlight Components
Developin...
Richer Media
                    (WMV Investments)
   Broad Reach




                         Visual Studio

Expression S...
Silverlight development is similar to HTML devevelopment
 Presentation format for Silverlight is XAML
   XAML is XML (mark...
Developers (focus of this session)
 Visual Studio 2005 and Orcas
 Firebug
 Any text editor
Designers
 Expression Blend and...
Key Components in Silverlight V1.0
 2D Grapics (shapes, transformations, cliping, masking)
 Animations
 Input: Mouse and K...
2D Graphics
 Standard shapes, masking and clipping
 Transformations: skew, rotate, scale, translate, matrix
Animation Basi...
Silverlight XAML elements are scriptable via the browser
script engine (JavaScript)
Scriptable objects are obtained via fi...
Media Features
 Video: WMV V7, V8, V9, VC-1
 Audio: WMA V7, V8, V9 (standard), MP3
 Multiple options for deploying media
 ...
Glyphs
 Fixed text
 Full Unicode glyph rendering support
 Does not support layout (word/line breaking)
TextBlock
 Basic la...
HTTP Downloader
 V1.0 supports HTTP gets (async and sync)
 Provides download progress
 ZIP packaging
 Similar to XMLHTTP
C...
Expression
 Expression Studio
                             xMedia               xWeb 2
                                   ...
http://www.silverlight.net
http://www.microsoft.com/silverlight
http://msdn.microsoft.com/silverlight
http://silverlight.n...
© 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be...
Building Rich Web Experiences Using Silverlight and JavaScript for Developers
Building Rich Web Experiences Using Silverlight and JavaScript for Developers
Building Rich Web Experiences Using Silverlight and JavaScript for Developers
Building Rich Web Experiences Using Silverlight and JavaScript for Developers
Building Rich Web Experiences Using Silverlight and JavaScript for Developers
Building Rich Web Experiences Using Silverlight and JavaScript for Developers
Building Rich Web Experiences Using Silverlight and JavaScript for Developers
Building Rich Web Experiences Using Silverlight and JavaScript for Developers
Upcoming SlideShare
Loading in...5
×

Building Rich Web Experiences Using Silverlight and JavaScript for Developers

1,267

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
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,267
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
31
Comments
0
Likes
1
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. http://www.silverlight.net http://www.microsoft.com/silverlight http://msdn.microsoft.com/silverlight http://silverlight.net/forums http://msdn2.microsoft.com/en-us/library/bb188266.aspx http://blogs.msdn.com/mharsh http://blogs.msdn.com/jstegman
  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.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×