1. Introduction to Silverlight Development Pavel Yosifovich CTO, Matrix Global; Senior Instructor, Hi-Tech College pavely@matrix-global.net http://blogs.microsoft.co.il/blogs/pavely

2. Agenda What is Silverlight? XAML Shapes & Brushes Elements & Layout Styles Transforms & Animation Data Binding Custom Elements

3. Why Silverlight? Standard Web Technologies Server Side: ASP.NET, PHP, Ruby On Rails, others Client Side: HTML, CSS, JavaScript AJAX Inherently limited Solutions Adobe Flash Microsoft Silverlight

4. What is Silverlight? Browser plugin Cross browser, cross platform Supported platforms Windows 2000 with Internet Explorer 6 Windows XP or later IE 6+, Firefox 1.5+ Mac OS X 10.4.8 or later Firefox 2+, Safari 3+ Linux (“Moonlight”, not officially supported) Google Chrome Windows Phone 7

5. Silverlight Versions Version 1.0 (previously called WPF/E) JavaScript code Basic multimedia Version 2.0 Browser CLR (“CoreCLR”),.NET development experience Visual Studio and Expression Blend support Version 3.0 Various enhancements, better tools Version 4.0 Released on April 15 th, 2010 Visual Studio 2010 / Expression Blend 4 5

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

7. 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

8. XAML XML Declarative Markup

9. Demo XAML

10. Shapes and Brushes Shapes Vector based Importable from Illustrator or Photoshop Brushes Determines how objects are painted and outlined Solid, gradient, image, media

11. Demo Shapes & Brushes

12. Elements & Layout Elements Encapsulate functionality Can be named and therefore referenced Layout Flexible system Prebuilt panels: Canvas, StackPanel, Grid, … Can build your own

13. Demo Elements & Layout

14. Styles Apply consistent formatting Across a page or entire application Implicit styles added in Silverlight 4

15. Demo Styles

16. Transforms Can alter any element Scale, rotate, translate, … Can combine several transforms Can be used with animations

17. Animation Basic: Change property value over time No need for timers, etc. Animation easing Natural animations Multiple concurrent animations StoryboardAnimationKeyframe

18. Demo Transforms & Animation

19. Data Binding Very powerful in Silverlight Data to element, element to element One way or two way Single element or list of items Value converters Used with templates

20. Demo Data Binding

21. Custom Elements User controls Custom controls Control Templates

22. Demo Custom Elements

23. Summary Silverlight is a media platform Graphics, animation, media Visual Studio and Expression Blend Implements a substantial set of the full.NET framework Download and install the tools Start creating!

24. Resources Official Silverlight website: http://silverlight.nethttp://silverlight.net Demos Windows4All World Wide Telescope Silverlight Shock Stargate MGM Report Sharp Shooter for Silverlight Blogs, forums, books, …

25. תודה !