This document provides an introduction and overview of Silverlight, including: - Silverlight is a cross-browser, cross-platform plugin that enables rich interactive user experiences. - It is the cross-platform version of Windows Presentation Foundation (WPF) and was formerly code-named "WPF/Everywhere". - XAML (eXtensible Application Markup Language) is used to declaratively define user interfaces and maps to code for additional functionality and interactivity.

1. Shravan Kumar

2. Walk Away KnowingIntroduction To SilverlightXAML BasicsWPF vs Silverlight

3. What is Silverlight?Silverlight isa cross-browser,cross-platform plug-in

4. Silverlight is a Cross-Browser, Cross-Platform Plug-inEngaging, Interactive User Experiences

5. Silverlight Background Silverlight is the cross platform version of the Windows Presentation Foundation (WPF) used in Vista and was formerly code named "WPF/Everywhere" (WPF/E).

6. A Brief History of SilverlightMIX 07Sep 07MIX 08Oct 08Silverlight 1.0 BetaSilverlight 2 BetaSilverlight 2Silverlight 1.0MIX 09Jul 09PDC 09Spring 10Silverlight 3 BetaSilverlight 4 BetaSilverlight 4Silverlight 3

7. THE FUN STUFFShow Me Some Code!

8. MXALeXtensibleApplicationMarkupLanguageXAMLXMLDeclarative Markup<Grid><TextBlock FontSize="48" Text="Hello world" /></Grid>

9. CodeXAMLXAML maps to codeAnything in XAML can be done in codeCode

10. Vector-BasedImportable from Photoshop or IllustratorShapes

11. Determines how objects are painted and outlinedSolid, Gradient, Image, MediaBrushes

12. Encapsulates functionalityGive it a x:NameSame properties as in XAML<Button x:Name="MyButton" Content="Center" Width="150" Height="50" />Controls

13. Can be created in XAML & CodeTools create handler for youpublicvoid myButton_Click(object sender, RoutedEventArgs e){// todo: add code}Events

14. Apply consistent formatting Per-page or per-application<StyleTargetType="TextBlock" x:Key="SubHeadingText"><Setter Property="FontSize" Value="42" /><Setter Property="Foreground" Value="Blue" /></Style>Styling

15. LayoutFlexible Layout systemCanvas | Fixed-positionStackPanel | “Stacks” dynamicallyGrid | Rows & columns, very flexible

16. TransformsAlters any elementTransformsProjectionsControlsTextMediaRotateScaleSkewTranslateMatrixPlaneMatrixApply 3D to a 2D element

17. AnimationsAnimate a property value over timeBasicsStoryboardAnimationKeyframeExpression Blend is the best tool for designing animations

18. DatabindingPowerful ConceptTwo typesProperty bindingList bindingBased on change notification

19. No Questions

20. Thanks