Silverlight is a Microsoft technology that allows developers to create rich interactive applications and media experiences for the web. It uses XAML for the user interface and C# or VB.NET for logic and programming. Developers can create Silverlight applications using Visual Studio or Expression Blend and deploy them to run in web browsers. Key aspects include using XAML to define the UI, transforms to manipulate elements, and animations defined through storyboards to create motion.

1. Silverlight Introduction

2. Silverlight Is a cross-browser, cross-platform implementation of the .NET Framework for building media experiences and rich interactive applications for the Web. Is a subset of Windows Presentation Foundation Can be built using C#.NET, VB.NET, F#.NET, and XAML In the past, Silverlight is built with only with Javascript and XAML only Support run on latest browser of Internet Explorer, Firefox, Chrome, and Opera Latest release (Silverlight 4), support out of browser, web cam and 3D (perspective only) Develop and authoring using Microsoft Visual Studio or Microsoft Expression Blend.

3. MS Visual Studio is a suite of component-based development tools and other technologies for building powerful, high-performance applications. In addition, Visual Studio is optimized for team-based design, development, and deployment of enterprise solutions. Latest version is 2010 and next version is using version 11 (to be release maybe next year in 2012) Support development of silverlight 3 and 4 Silverlight can be developed Visual Studio Express (for free)

4. Expression Blend is a professional design tool to create engaging Web-connected experiences for Windows. Designer can participate on designing silverlight

5. XAML Declarative vs Imperative : What vs How It based on XML XAML is the primary format for declaring a Silverlight UI and elements in that UI. XAML is the format that is used for declaring styles and templates applied to the logical basis of Silverlight controls and UI. Silverlight XAML defines the visual appearance of a UI, and an associated code-behind file defines the logic.

6. C#, VB.NET and F# Write in imperative way Defined code logic behind XAML

7. Getting started Create a Silverlight project in Visual Studio. Add some XAML statement in the xaml file like create button. Add some event handler to its button Add some code to its handler Run the code

8. Getting started XAML is about manipulating value(s) of property. Value can be real value or attached property.

9. Transform defines how to map, or transform, points from one coordinate space to another coordinate space For complex transformation usually developer provide custom matrix Basic provided transformation: Scale, Skew, Rotate and Translate

10. Animation It is an illusion that is created by quickly cycling through a series of images, each slightly different from the last. The brain perceives the group of images as a single changing scene It animate objects by applying animation to their individual properties; including property that is defined in the render transform

11. Animation Every animation must be defined on storyboard. Animation type can be varied based developer needs.

12. References http://msdn.microsoft.com http://silverlight.net http://microsoft.com/express BLOG : http://mugi.or.id/blogs/nicko/