Introduction

1. View (UI)
2. Model (Data displayed in UI)
3. Glue code (Event handling, binding, business logic)

MVP & MVC

MVC Steps

MVVM (Model View ViewModel)

1. Model (Business rule, data access, model classes)
2. View (User interface (XAML))
3. ViewModel (Agent or middle man between view and model)

• ViewModel acts as an interface between model and View.
• ViewModel provides data binding between View and model data.
• ViewModel handles all UI actions by using command.

<TextBlock Text="{Binding Name}"/> 

public string Name
        {
            get
            {
                return this.name;
            }
            set
            {
                this.name = value;
                this.OnPropertyChanged("Name");
            }
        }

public IViewModel Model
        {
            get
            {
                return this.DataContext as IViewModel;
            }
            set
            {
                this.DataContext = value;
            }
        }

Where to Use What in the .NET World

• Model-View-Controller (MVC) pattern
  • ASP.NET MVC 4 Link
  • Disconnected Web Based Applications
• Model-View-Presenter (MVP) pattern
  • Web Forms/SharePoint, Windows Forms
• Model-View-ViewModel (MVVM) pattern
• Silverlight, WPF Link
• Data binding