1. It’s a Knockout! MVVM Style Web Development
Charles Nurse | DotNetNuke Corp

2. Who Am I

3. Who Am I

4. Who Am I

5. Who Am I ASP.NET MVP (since Jan 2007) ASPInsider (since Jan 2008)
Senior Architect, DotNetNuke Corporation
Web:
Blog:

6. Agenda The MVVM Pattern KnockoutJS Web Development with Knockout

7. The MVVM Pattern Related to MVC and MVP
Model – the Data (or Domain) Model
View – the View (UI)
ViewModel – a “model of the view” or Presentation Model

8. The MVVM Pattern

9. The MVVM Pattern Developed Initially for xaml
WPF
Silverlight
Windows Phone
3rd party Libraries for xaml
MVVM Foundation – Josh Smith
MVVM Light – Laurent Bugnion
Caliburn, Caliburn Micro – Rob Eisenberg

10. The MVVM Pattern Important Concepts Declarative Bindings – xaml markup
2 way UI binding
INotifyPropertyChanged
ObservableCollection – a Collecton which implements INotifyPropertyChanged
RelayCommand – abstract command framework

11. KnockoutJS Javascript MVVM Library
Created by Steve Sanderson, Program Manager, Microsoft
Currently at version 2.1

12. KnockoutJS
Demo
Basic Knockout Development

13. @cnurse www.charlesnurse.com ca.linkedin.com/in/charlesnurse
Thank you!
@cnurse
ca.linkedin.com/in/charlesnurse
Charles Nurse | DotNetNuke Corp