Silverlight 2 End to End Tutorial: Building a Search Client

To help people come up to speed with Silverlight 2, I've written a simple Silverlight application and put together a series of step by step tutorials that explain the different programming concepts behind it (controls, layout management, networking, data-binding, styles, user controls, templates, etc). I also added a tutorial post that demonstrates how to migrate the application outside of the browser and enable it to run as a desktop application using WPF and the full .NET Framework. 

Below are the pointers to the 8 tutorials I've put together:

The application I've built the tutorials around is a simple search front end, and allows users to type in search topics and browse either images or stories that match them. 

    <Download Code> Click here to download a completed version of the client sample that goes against Bing Image Search. </Download Code>

    <Download Code> Click here to download a completed version of the client sample that goes against Digg. </Download Code>

All of the UI in the application is built using XAML.  The application uses the Silverlight networking stack and cross-domain access support to query a REST API directly, and uses LINQ and LINQ to XML to query/transform the returned data into .NET objects that I databind the UI against:

The application supports a master/details data interaction model that allows users to select stories from the search list and quickly drill into more details about them.  A user can jump to an article directly from the details form, or close it and pick another story to drill into:

The entire application is implemented in about 35 lines of C# code and 75 lines of XAML page/user-control markup.

    <Download Code> Click here to download a completed version of the client sample that goes against Bing. </Download Code>

    <Download Code> Click here to download a completed version of the client sample that goes against Digg. </Download Code>

If you have used XAML before the concepts I discuss in the tutorial series will all be very familiar.  If you haven't used XAML before, the tutorials should provide a good overview of the fundamental programming concepts in it, and hopefully provide you with the basic knowledge necessary to start building either Silverlight or WPF applications.

Hope this helps,

Scott

Published Sunday, October 12, 2008 4:18 PM by ScottGu

Comments

# re: Silverlight 2 End to End Tutorial: Building a Digg Search Client

Tuesday, November 18, 2008 8:36 AM by John Bill

This is a really great tutorial, I've learnt a lot!

Thank you very much!