30+ WPF and Silverlight Resources

Silverlight…WPF…you have heard the names, you have read a little about them, and now you are ready to take the plunge and build your first “next generation” app.

Getting started in a new technology is always a bit rough. So to help all of you who are itchin’ to get buildin’, here is a list of tutorials, videos, and other resources for both WPF and Silverlight.

This list will grow and change as more resources are uncovered. If you know of a site or article that I missed, please let me know!

*UPDATE - 5/24/07* - Gettin’ close to 40 now…keep ‘em coming.
*Update - 6/12/07 - Added some links to the Silverlight demos shown at TechEd.


Windows Presentation Foundation (WPF)


Tutorials
WPF Visual Brush Basics - Introduction into the world of WPF Brushes.

How to Add Commands to Custom WPF Control - Short tutorial (with a link to others) about commands and custom controls in WPF.

Adding Custom WPF Controls to a Xaml Document - A more detailed look in Custom Controls.

Reflection using Visual Brush and Opacity Mask - Achieving the ever popular reflection effect in WPF.

Event Handlers in WPF - A detailed introduction into Event Handlers in WPF. Event handlers are a big deal in any .NET app so this is a worthy read.

Here is a series of tutorials that start from simple introductions, and go all the way to adding AI plugs.
Building a WPF Sudoku Game - Part I
Building a WPF Sudoku Game - Part II
Building a WPF Sudoku Game - Part III
Building a WPF Sudoku Game - Part IV
Building a WPF Sudoku Game - Part V

3D Effects - Code Project tutorial going over reflections, shadows, and rotations.

WPF Data Binding - Nothing more common than binding to data (except maybe “Hello World”). This explains how to do it in WPF.

WPFStorm Tips - Nice collection of source code of tips and tricks using WPF.

WPF Example with Source - The WPF Blog has created a simple little app to show some of the 3D capabilities of the WPF framework.

Videos
ContentPresenter - This is an entire site dedicated to teaching with video tutorials. Great for everyone from the noobs to the ninjas. Great starting point.

Animations in WPF - Short video tutorial on how to do animations in WPF.

WindowsClient.net Videos - Large list of technical and tutorial videos shown at MIX and other events.

Technical Articles
Getting Started - Microsoft’s and MSDN’s introduction to the WPF technology and fundamentals.

Dark Secrets of the WPF SDK Exposed - For the more advanced coders out there. This article goes into some of the issues with .NET 3.0 Reflection, Dependencies, and Events.

Blend
Expression Home - Here you can learn more about Blend and download a trial version.

Customizing the interface - Learn how to customize the Blend environment to suit your tastes.

Karsten Januszewski (say that 5 times fast) has 3 new labs out to get your hands dirty with Expression Blend.

3rd Party Components
If you are building more complex apps, it is very common to save time by using 3rd party controls. Below are links to companies that are already beginning to release WPF versions of their applications.

Xceed WPF Datagrid
Infragistics xamDataPresenter
Blendables
Devcomponents WPF Ribbon

Communities
Official WPF Forum - Microsoft’s WPF Forum.
Expression Blend Forum - A new forum that has some info on using blend and WPF.

Silverlight



Official Silverlight Site

Tutorials
Getting started with a simple analog clock - Great beginning tutorial for the new Silverlight developers out there.

Learn Silverlight - Multi-lesson tutorial on getting started with Silverlight.

Using Silverlight and RSS to Build a Hero Bar - A hero bar is basically a banner at the top of the page in a site. This article is a tutorial on building one with Silverlight.

Silverlight QuickStarts - QuickStarts basically tutorials from Microsoft detailing various Silverlight functionality.

TechEd
TechEd 2007 had a lot of stuff on Silverlight, including some great demos.

Silverlight Airlines
One of the demos that Scott Guthrie built was that of a fictional airline (called Silverlight Airlines naturally…). It is a great demo that shows you how Silverlight works and how it is different than Flash. There are a lot of links about this demo, and they are all worth taking a look at.

You can:

You should note that before you get running, you will need the Silverlight 1.1 Alpha.

Image Viewer
One of the cool things I learned at the conference was that a lot of the demos for the Surface stuff was written in WPF (as you might have guessed). For instance, the photo viewer where you see people grabbing and stretching the images on the Surface table is all WPF. Well, the Silverlight guys thought they could make their own version. Its not quite as sexy as the Surface version, but its still pretty cool nonetheless.

You can take a look at it here, or if you want to get your hands dirty, you can get the code.

Video Player
As I mentioned before the early releases of Silverlight focus on video. It can show streaming video at up to 720p. If you wanna see what that really looks like, you can see it in all its glory at the Fox demo. Not sure if the movies they show are gonna be any good, but the tech sure is nice.

XPS Viewer
To show off the vector text capabilities, Microsoft has a demo that displays their new XPS document format in a slick little demo. As before, you can view it, or grab the code.

Technical Articles

Silverlight Developer Reference Poster - Microsoft is giving these out at conferences and such as a quick reference to the various pieces and parts to Silverlight.

Getting Started with Silverlight - Introduction from Microsoft on the Silverlight technology.

Silverlight Architecture Overview - If you are looking to figure out some of the inner workings of Silverlight, this is a good place to start.

What’s New in Silverlight? - Microsoft explains what is in the latest released and beta versions of Silverlight.

Samples
Silverlight.net Gallery

Scott Hanselman Silverlight Samples - Scott likes to collect code. Fortunately for us, that includes some nice Silverlight samples.

Communities
Official MSDN Silverlight Forum

Other Link Collections


Here are some links to other collections of WPF and Silverlight links and resources. There might be some overlap, but there really is no such thing as “too many resources”

Real World Software Architecture (thanks Tad!)

CJ Craft’s Silverlight Launch Pad

WPF Resources (thanks Robert!)

10 Comments so far »

  1. 30+ WPF and Silverlight Resources | The GenetiBlog said,

    Wrote on May 16, 2007 @ 10:49 pm

    […] read more | digg story […]

  2. Tad Anderson said,

    Wrote on May 17, 2007 @ 5:24 pm

    Another collection of Cool .NET 3.0, 3.5, TFS, AJAX, ORCAS, CAB, WWF, Expression Tools, Silverlight, and Links here:

    http://realworldsa.dotnetdevelopersjournal.com/net30toolsandlinks.htm

  3. David said,

    Wrote on May 17, 2007 @ 5:31 pm

    Hey, thanks Tad, I will add it to the list.

  4. Tad Anderson said,

    Wrote on May 17, 2007 @ 5:31 pm

    You are on mine as well…..

  5. Netweb links for 2007-05-28 « said,

    Wrote on May 28, 2007 @ 3:23 am

    […] creativeUI - 30+ WPF and Silverlight Resources (tags: silverlight wpfe wpf) […]

  6. Robert Cruz said,

    Wrote on July 4, 2007 @ 11:02 am

    This is a nice list. A nice addition would be http:\\wpf-resources.com which provides a large list of WPF resources

  7. David Baxter said,

    Wrote on July 4, 2007 @ 1:05 pm

    Hey Robert, consider it added. Thanks!

  8. JonathanH said,

    Wrote on July 19, 2007 @ 1:40 pm

    Great list. Another source for great WPF demos is http://thirteen23.com/ (labs and work).

  9. David Baxter said,

    Wrote on July 19, 2007 @ 1:46 pm

    Hey Jonathan, thanks for the compliment. I have written about thirteen23 before and mentioned some of their labs.

    They really do great work and show what is possible with these technologies. Thanks for the heads up!

    David

  10. Silverlight 1.0 vs. Flash9 from a flash developer’s perspective : re-structure said,

    Wrote on March 5, 2008 @ 10:03 am

    […] • Silverlight • Expression Suite • WPF and Silverlight ressources […]

Comment RSS · TrackBack URI

Leave a Comment

Name: (Required)

E-mail: (Required)

Website:

Comment: