All of My Silverlight Video Tutorials in One Place (revised again 05.12.10)

This post was commented on by Microsoft’s own Scott Guthrie (the Gu) on 5.31.10

Hello All,

This is a post that keeps growing day by  day so I need to update its postion to be at the top of my blog as the content grows. So, here it is again by popular demand:

49. How to add multiple BitmapEffects to one object in Silverlight:

48. How to build a Slider with a ToolTip that follows the thumb button and displays the value of the Slider:

 47. How to build your very own TutorialCam like I use in my video tutorials!

46. Fire one of two Visual States based on the value of a Boolean variable:

45. How to add Fast Forward to the Silverlight MediaElement:

44. Create a custom ToolTip with a Delay:

43. Create a Silverlight Paging Systems to Load Pages on the Fly:

42. Create a Slide In/Out Navigation Panel:

41. How to use Joe Stegman’s PngEncoder to save an image from your Silverlight application:

40. How to create complex gradients:

39. My Blend IDE series – Part 1 – the Blend Toolbar:

38. My Learn Blend IDE series Part 2 – Layout Controls and User Input Controls:

37. My Learn Blend IDE series Part 3 – The Properties, Projects and Data panels: 

36. My Learn Blend IDE series Part 4 – The Objects & Timeline and States panels:

35. My Learn Blend IDE series Part 5 – Blend’s Animation Workspace – Everything you need to know to create Storyboard Animations –

34. How to make a 3 column ListBox in Silverlight:

33. How to read XML into Silverlight and turn it into Native Silverlight Objects:

32. Create a default Silverlight 4 Out Of Browser app that allows you to create new OOB apps in mere seconds:

31. How to make a forever scrolling Silverligh banner:

30. How to create a Silverlight Color Resource in a ResourceDictionary:

29. How to make an Out of the Browser SL4 Web Browser Applicaiton:

28. Use the new Silverlight 4 Webcam API to create a cool webcam app that even let’s you save images to your hard drive:

27. Use the new Silverlight 4 COM API to make an Out of the Browser application that is able to open a MS Word document:

26. How to make a Timer by using the DispatcherTimer class:

25. Create a Functioning Login UserControl:

24. Use the FarseerPhysics Library to create a Ragdoll with simulated Physics:

23. Create a Sortable ObservableCollection:

22. Create a Silverlight Ragdoll with Simulated Physics:

21. How to create a functioning Silverlight Login UserControl:

20. How to create a Silverlight Timer using the DispatcherTimer class:

19. How to create custom RoutedEvents in Silverlight using Andrew Whiddett’s (IdentityMine) Eventing assembly reference:

18. Use the Silverlight Toolkit’s WrapPanel to create a ListBox that displays three rows of Data:

17. Create a Silverlight custom Silder:

16. How to create a Visual Tree Helper to locate FrameworkElements in the Visual Tree:

15. Using DataBinding to control the Visibility of any Silverlight Object using Blend and Visual Studio:

14. How to create a complete Sketchflow Prototype in Silverlight:

13. Creating a Custom Silverlight Button Just for Designers (using linear and radial gradients, the gradient tool and opacity masks):

12. Creating a Custom Silverlight Button:

11. Creating a Storyboard Helper Class:

10. Importing Photoshop PSD files into Expression Blend 3:

9. Creating Morphing Vector Path Storyboards in Blend

8. Re-Creating a Metallic Logo in Vector using Blend 3
7. Creating Timed Storyboard Animations
6. Using TemplateBinding to Replace a ContentPresenter in a Silverlight Button
5. Working with Data in BLend 3
4. Silverlight 3 Behavior Tutorial Video
3. This Tutorial will teach you how to create a Card Flipping Animation! 

2. Observable Collection Tutorial

1. Silverlight Extended Drag and Drop Behavior:

Enjoy! Victor

  1. Ah, This is exactly what I was looking for! Clears up
    a few misnomers I’ve heard

    • Raj
    • March 17th, 2010

    Thanks a lot providing all Videos at one Place.

    I am not able to find the video in which You took Images as Corosal when mouse is Over on a particular Image, Increasing particular size, You had done by editing template of TabControl.

    • Raj
    • March 18th, 2010

    I got it

    • Christiane
    • March 18th, 2010

    Hi Victor,
    I am currently learning Silverlight/ Expression Blend and found your tutorials very helpful! Thanks for sharing! Any chance you could make a video on how to make a custom Tab Control for Designers? Your button video really taught me a lot that I can apply to the tab control. I managed to edit parts of the tab item template in expression blend but am struggling to apply changes to the look of the state of my tabs when they are not selected… Any tips?

    • Kura
    • March 18th, 2010

    Thanks for uploading Videos and Source. I am desperate to learn blend and in search of this kind of Videos from last 2 Months at various blogs. At-last I am here.

    • Tim
    • March 23rd, 2010

    Hi Victor,

    We are working on a windows application, so we’re working primarily with WPF. I’m currently learning Expression Blend 3 to get the interface in place. Of course I could do it all through code, but this is my first foray into Windows programming so I’m using Blend and watching the XAML. Anyways, your books (from TOCs on Amazon, etc). look primarily aimed at Silverlight. Would they be sufficient for a WPF application as well? Do you know of any other resources/books out there? I’m watching your 4 hour tutorial right now on Blend and I’ll continue to go through the videos. Any help is greatly appreciated.

    • Hello Tim,
      Many of the concepts of Silverlight are the same in WPF. For instance every Content Control (Grid, StackPanel, Canvas, Border, ViewBox, etc.) are also available and the same as in WPF. WPF has more. You see, for the most part Silverlight is a sub-set of WPF. The only cathc is that some of the code is a little different for Silverlight than it is for WPF; for example DependencyProperties are a little different. But for the most part if you know how to do Silverlight development you will know how to do WPF development and vice versa. I would recommend a combination of my last book (Foundation Blend 3 with Silverlight) to learn the ins and outs of Blend and then my first book (Foundation Expression Blend: Building Applications in WPF and Silverlight) to learn about some very WPF specific things such as 3D (there are three good chapters on Viewport3Ds that show how 3D is done in WPF).

      Hope this helps,

        • Tim
        • March 29th, 2010

        Thanks for the quick response Victor. You’re tutorials have been a great help getting started. Now I will move to the books to transition more into the code. I have two other questions I was wondering if you could help with or perhaps ideas for new tutorials.

        First, I found a tutorial on the web on how to simulate a reflective surface. Essentially you take an image, put it into a stack panel with a border the same size as the image. You convert the original image into a visual brush resource, apply it to the border, flip it upside down, and apply a gradient opacity mask. So the first question is there any way in expression blend to automate it. I’m thinking of some sort of macro analog that records a bunch of steps so that you can just select an object, those steps will run to create the reflective surface. Of course, I’m also open to other methods to do reflection.

        The second question is I’m trying to use black, translucent dialogs. Now when I simulated this UI in powerpoint, I would create a blurred image of the background behind the pop-up dialogs (this involved creating a copy of the background, then masking it to be the same size as the pop up, and then applying a blur). Is there any way to do that in Expression Blend, or more generically, WPF? It would be similar to the look of the window borders in Windows 7, I believe called Aero glass (translucency).


    • Jelil
    • May 31st, 2010

    being a novice in silverlight and visual studio, i believe that with your video and your book i can excel in this.

    • If you add me as a resource to email when you get stuck or need a hand, then I believe you are correct! Stick with me and I will help you learn Silverlight! Thanks Jelil…Victor

    • Peter
    • June 1st, 2010

    Since video 25 is the same as video 21, and 20 is the same as 26, and 22 is the same as 24, there are in fact only 46 free tutorials…
    Still a lot though :-)

    • Haha! I just looked and you are correct Peter! I will edit this and fix it. Good eye! Please believe me that this was an error. If I were going to lie about the amount wouldn’t I have made it a nice even 50? LOL. Thanks for bringing this to my attention. Victor

  1. February 12th, 2010
    Trackback from : uberVU – social comments
  2. May 24th, 2010

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


Get every new post delivered to your Inbox.

%d bloggers like this: