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: http://wp.me/pxXri-7K

48. How to build a Slider with a ToolTip that follows the thumb button and displays the value of the Slider: http://tinyurl.com/37ms8fl

 47. How to build your very own TutorialCam like I use in my video tutorials! http://wp.me/pxXri-75

46. Fire one of two Visual States based on the value of a Boolean variable: http://wp.me/pxXri-71

45. How to add Fast Forward to the Silverlight MediaElement: http://wp.me/pxXri-6V

44. Create a custom ToolTip with a Delay: http://tinyurl.com/24cqcqu

43. Create a Silverlight Paging Systems to Load Pages on the Fly: http://wp.me/pxXri-6H

42. Create a Slide In/Out Navigation Panel: http://wp.me/pxXri-6B

41. How to use Joe Stegman’s PngEncoder to save an image from your Silverlight application: http://wp.me/pxXri-6y

40. How to create complex gradients: http://tinyurl.com/ycjcpd5

39. My Blend IDE series – Part 1 – the Blend Toolbar: http://tinyurl.com/yh48uh8

38. My Learn Blend IDE series Part 2 – Layout Controls and User Input Controls: http://tinyurl.com/yblcjyk

37. My Learn Blend IDE series Part 3 – The Properties, Projects and Data panels: http://tinyurl.com/ykvcdkk 

36. My Learn Blend IDE series Part 4 – The Objects & Timeline and States panels: http://tinyurl.com/y8ztcds

35. My Learn Blend IDE series Part 5 - Blend’s Animation Workspace – Everything you need to know to create Storyboard Animations -  http://wp.me/pxXri-56

34. How to make a 3 column ListBox in Silverlight: http://tinyurl.com/yhxspew

33. How to read XML into Silverlight and turn it into Native Silverlight Objects: http://tinyurl.com/ybm27su

32. Create a default Silverlight 4 Out Of Browser app that allows you to create new OOB apps in mere seconds: http://wp.me/pxXri-4h

31. How to make a forever scrolling Silverligh banner: http://tinyurl.com/ykkd7kl

30. How to create a Silverlight Color Resource in a ResourceDictionary: http://tinyurl.com/yhxc28z

29. How to make an Out of the Browser SL4 Web Browser Applicaiton: http://tw0.us/5jy

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: http://tw0.us/5RD

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: http://tw0.us/5NN

26. How to make a Timer by using the DispatcherTimer class: http://tw0.us/4my

25. Create a Functioning Login UserControl: http://tw0.us/4o3

24. Use the FarseerPhysics Library to create a Ragdoll with simulated Physics: http://tw0.us/4pA

23. Create a Sortable ObservableCollection: http://tw0.us/5G0

22. Create a Silverlight Ragdoll with Simulated Physics: http://tw0.us/4pA

21. How to create a functioning Silverlight Login UserControl: http://tw0.us/4o3

20. How to create a Silverlight Timer using the DispatcherTimer class: http://tw0.us/4my

19. How to create custom RoutedEvents in Silverlight using Andrew Whiddett’s (IdentityMine) Eventing assembly reference: http://tw0.us/4cU

18. Use the Silverlight Toolkit’s WrapPanel to create a ListBox that displays three rows of Data: http://tw0.us/4aV

17. Create a Silverlight custom Silder: http://tw0.us/4LZ

16. How to create a Visual Tree Helper to locate FrameworkElements in the Visual Tree: http://tw0.us/46C

15. Using DataBinding to control the Visibility of any Silverlight Object using Blend and Visual Studio: http://is.gd/4jUYJ

14. How to create a complete Sketchflow Prototype in Silverlight: http://is.gd/41pjN

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

12. Creating a Custom Silverlight Button: http://is.gd/3X1eZ

11. Creating a Storyboard Helper Class:  http://is.gd/3mjXW

10. Importing Photoshop PSD files into Expression Blend 3:
http://is.gd/3f53d

9. Creating Morphing Vector Path Storyboards in Blend
http://tw0.us/4oI

8. Re-Creating a Metallic Logo in Vector using Blend 3
http://tw0.us/4oL
 
7. Creating Timed Storyboard Animations
http://tw0.us/4oK
 
6. Using TemplateBinding to Replace a ContentPresenter in a Silverlight Button
http://tw0.us/4oJ
 
5. Working with Data in BLend 3
http://tw0.us/4oN
 
4. Silverlight 3 Behavior Tutorial Video
http://is.gd/3ajTP
 
3. This Tutorial will teach you how to create a Card Flipping Animation!
http://is.gd/3ajpa 

2. Observable Collection Tutorial
http://is.gd/3ajLK

1. Silverlight Extended Drag and Drop Behavior:
http://victorgaudioso.wordpress.com/2009/07/07/extended-drag-and-drop-behavior/q

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,
      Victor

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

        Thanks,
        Tim

    • 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:

WordPress.com Logo

You are commenting using your WordPress.com 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

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: