MVVM: Tutorial from start to finish?

E

22

243

I'm a C#/Windows Forms programmer with more than 5 years experience. I've been investigating WPF using the MVVM (Model-View-ViewModel) design pattern. I have searched the Internet for tutorials. I have even watched the entirety of Jason Dolinger's awesome video. Although I have found many, I have not found one that takes me from start to finish. What I really want is a tutorial that doesn't assume any previous WPF knowledge.

What are your favorite WPF-MVVM tutorials that helped you to learn?

Erde answered 10/9, 2009 at 14:49 Comment(0)

A

160

Your question really seems to be asking 2 questions:

Where are some good tutorials on WPF, assuming I have no previous WPF experience?
Where are some good tutorials on learning MVVM?

Some of these resources may be duplicated in previous answers...

Tutorials on WPF

A Guided Tour of WPF by Josh Smith

I wrote a series of introductory WPF articles on The Code Project. The goal of those articles is to bring someone with no WPF experience up-to-speed enough so that (s)he can fully understand how the series’ demo application works.
Bea Stollnitz (link is to her archives) has a number of great articles on WPF.
WPF: A Beginner's Guide - Part 1 of n by Sacha Barber
WindowsClient.net WPF Training Videos

MVVM Tutorials

WPF Apps With The Model-View-ViewModel Design Pattern by Josh Smith (duplicate link already provided by Yacoder)
Jason Dolinger's presentation on the Model-View-ViewModel (link to video embedded in article)
Dan Crevier's DataModel-View-ViewModel pattern series (similar to MVVM)

Composite WPF (Prism) Resources
Though not exactly what you asked, it is the natural progression with WPF and MVVM.

Alimony answered 10/9, 2009 at 14:49 Comment(0)

S

44

I was in exactly the same situation recently, mate, and I can tell you what I did.

Josh Smith "WPF Apps With The Model-View-ViewModel Design Pattern" read again, again and again :-) download the code, examine, compile and keep it around

MVVM foundation

Examine the framework, use it in your app.
Look at the Demo application in that framework.

No real start-to-finish tutorials, sorry...

Steak answered 11/9, 2009 at 16:22 Comment(3)

+1, this is the article that got me started with MVVM, and it's really good – Skiing 11/9, 2009 at 16:32

I found that article far too bloated and full of fluff to be a useful introduction. Luckily there's some better examples now such as waf. – Timmytimocracy 22/5, 2010 at 3:29

+1 agreed; the mentioned MSDN article is definitely the right way to get started with WPF w/ MVVM – Hogg 26/4, 2011 at 16:48

E

23

I really liked these articles:

He really dumbs down the concept in a humorous way. Worth reading.

Erde answered 14/1, 2010 at 18:56 Comment(0)

J

15

Reed Copsey published a nice tutorial that writes a trivial RSS app in WinForms, then makes a straight port to WPF, and finally converts to MVVM. It makes a nice introduction to MVVM before you try and tackle a full description like Josh Smith's article. I'm glad that I read Reed's tutorial before Josh's article, because it gives me a little context to understand the details that Josh is digging into.

Jaconet answered 20/10, 2010 at 21:18 Comment(0)

C

11

This one will do:

RIATasks: A Simple Silverlight CRUD Example

Cardin answered 20/7, 2010 at 23:23 Comment(0)

A

10

I read Josh Smith's article and found it very difficult. Once understood, I wrote a very simple one that should get you really started on it. Get it here.

Archlute answered 12/1, 2010 at 5:21 Comment(2)

I used google to look for a cached version webcache.googleusercontent.com/… – Hardy 24/12, 2010 at 17:6

This link seems to work – Durgy 24/2, 2012 at 2:57

H

8

There's a very good Techdays 2010 video introduction to the MVVM pattern, clearly explained:

TechDays 2010: Understanding the Model-View-ViewModel pattern

Halfpenny answered 27/5, 2010 at 9:7 Comment(0)

M

7

This isn't a tutorial, but it's the diagram on this page that helped me get my head around mvvm.

Merengue answered 10/9, 2009 at 14:57 Comment(0)

A

7

A while ago I was in a similar situation (allthough I had a little WPF knowledge already), so I started a community wiki. There are a lot of great ressources there:

What applications could I study to understand (Data)Model-View-ViewModel?

Aureolin answered 11/9, 2009 at 8:11 Comment(0)

C

6

Some blogs/websites to check out:

Currently, Josh Smith has a "From Russia With Love" article that can be of some use to you.

Cytherea answered 10/9, 2009 at 14:57 Comment(2)

well, the "From Russia With Love" article is pretty good, but I think it's intended for people who already have some knowledge of MVVM... – Skiing 11/9, 2009 at 16:33

+1 for the link to Dr. WPF. His articles, samples and snippets really helped me get up to speed on WPF. – Trilobate 6/5, 2010 at 20:15

A

6

My blog has a complete series of tutorial starting from scratch for WPF MVVM and WPF Prism. Have a look here: http://blog.raffaeu.com/archive/2009/06/03/wpf-and-vmmv-tutorial-01-introduction.aspx

Assertion answered 9/1, 2010 at 16:40 Comment(0)

M

5

I found http://windowsclient.net/learn/videos_wpf.aspx as a good start

Merl answered 11/5, 2010 at 18:35 Comment(0)

P

5

For something released a little more recently (last month), take a look at Rainer Stropek's video series MVVM in WPF and Silverlight

He flies right through it, but does an extremely good job of going from start to finish with an actual application.

Pincas answered 22/10, 2010 at 22:28 Comment(1)

This is an absolutely fantastic set of videos. Good call. – Knockabout 24/10, 2010 at 22:9

C

5

Take a look at Jason Dollinger's MVVM video at Lab49. We have used this in the past to train our team on MVVM.

Communicate answered 12/5, 2011 at 13:19 Comment(0)

C

4

Don't skip John Papa's presentation from PDC Conference 2010. See it here.

Comte answered 14/12, 2010 at 17:26 Comment(0)

S

4

I have written an application using WPF, Prism and MVVM to simulate hiring a cab, you can read about it on my blog, download the source here and play with it.

Sonyasoo answered 2/2, 2011 at 16:21 Comment(0)

C

4

If you are coming from winforms and you are looking for a tutorial. I recommend you the MVVM Trainning extension for visual studio: http://visualstudiogallery.msdn.microsoft.com/3ab5f02f-0c54-453c-b437-8e8d57eb9942 It´s a tutorial with code examples. The tutorial is divided in 3: Basic WPF app, the same app in MVVM and the same using Inversion of control. Quite useful in your case :)

I also like these ones http://msdn.microsoft.com/en-us/magazine/dd419663.aspx http://karlshifflett.wordpress.com/mvvm/

and this one is with Prism. http://www.developmentalmadness.com/archive/2009/10/03/mvvm-with-prism-101-ndash-part-1-the-bootstrapper.aspx It may be worth it to take a view to Prism if you are thinking to program WPF apps with MVVM

Chicory answered 20/9, 2011 at 20:1 Comment(0)

K

3

some nice video tutorials here http://live.visitmix.com/Archive

http://ecn.channel9.msdn.com/o9/mix/10/wmv-hq/EX14.wmv

http://ecn.channel9.msdn.com/o9/mix/10/wmv-hq/EX15.wmv

Kristoferkristoffer answered 16/2, 2011 at 18:32 Comment(0)

D

3

A very basic tutorial here