1. An Introduction to Developing Applications for Microsoft Silverlight Jaime Rodriguez http://blogs.msdn.com/jaimerhttp://blogs.msdn.com/jaimer @jaimerodriguez@jaimerodriguez

2. What is Silverlight? Powerful Development Platform Engaging, Interactive User Experiences

3. Silverlight Capabilities Inputs Keyboard Mouse Touch Ink Media Digital media capture & playback VC1, WMA, MP3 Data Language Integrated Query (LINQ) LINQ to XML XML IsolatedStorage Base Class Library (BCL) Generics Collections Cryptography Threading Windows Communication Foundation REST RSS/ATOM SOAP XAML UI Core Vector Animation Text Images

4. CLOUD SCREEN Phone Emulator Sample s Documentatio n GuidesCommunity Packaging and Verification Tools Notifications LocationIdentityFeeds MapsSocial App Deployment Registration Validation Certification Publishing Marketplace MO and CC Billing Business Intelligence Update Management Application Platform High Level Architecture Tools & Support Developer Portal ServicesCloud Services SensorsMediaData Gamer ServicesNotifications.NET Framework managed code sandbox Location Phone Run Time – On “Screen”

5. Performance tuning Input integration H/W media and sensor integration OS application model integration Relaxed sandbox constraints What is Silverlight for WP7? Starts with Silverlight 3 plus…

6. THE FUN STUFF Show Me Some Code!

7. XAML XML Declarative Markup

8. XAML maps to code Anything in XAML can be done in code Code

9. DEMO - XAML + CODE The Basics

10. Vector-Based Importable from Photoshop or Illustrator Shapes

11. Determines how objects are painted and outlined Solid, Gradient, Image, Media Brushes

12. DEMO – SHAPES + BRUSHES Pretty Shapes

13. <Button x:Name="MyButton" Content="Center" Width="150" Height="50" /> Encapsulates functionality Give it a x:Name Same properties as in XAML Controls

14. Can be created in XAML & Code Tools create handler for you public void myButton_Click(object sender, RoutedEventArgs e) { // todo: add code } Events

15. DEMO – CONTROLS + EVENTS Make it Do Something

16. Layout Grid | Rows & columns, very flexible Flexible Layout system Canvas | Fixed-position StackPanel | “Stacks” dynamically

17. DEMO – LAYOUT Where Does It Go?

18. Transforms Controls Text Media Rotate Scale Skew Translate CompositeTransform Matrix Plane Matrix Apply 3D to a 2D element Alters any elementTransformsProjections

19. Animations Animate a property value over time Basics Expression Blend is the best tool for designing animations StoryboardAnimationKeyframe

20. DEMO –TRANSFORMS, ANIMATIONS Make it Look Great

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

22. DEMO – STYLING Make it Consistent

23. Databinding Powerful Concept Two types Based on change notification Property bindingList binding

24. DEMO – DATABINDING Make it Real

25. Code Reuse Reuse UI User ControlCustom Control Reuse Code Across projects Across platforms (Web, Windows Phone)

26. Thanks!! Questions?