1. MVVM and Data
Binding
Part 1: MVVM Concept
Remon Kamel
MEA DPE Intern @Microsoft
@harryremon
harryremon@hotmail.com

2. Recap: W8 Roadmap
Windows 8.1 Development Basics
App Lifecycle
Create the
first
application
“Hello World”
Bind and use
MVVM
(Model-ViewViewModel)
Connect
Locally
Windows 8.1 Development in-depth
Finish your
Basic
Application 

3. What is MVVM ?
MVVM Stands for (Model-View-ViewModel)
◦The Model = The Data
◦The View = The Design
◦The ViewModel = the Tunnel Between Them

4. The Model
The Model is what Contains the Data.
Example:
◦ contact (containing name, phone number, address, etc)
◦ Survey (Name, Questions, Etc.
It Holds Information – Not Behaviors or Services to Manipulate it.

5. The View
What The User Sees.
Handles User Interaction.
The View Here is Active NOT Passive.
Contains Binding Info.

6. The View Model
Controls the Whole Operation.
Manipulates the Data from the Model and Sends it to the View
Contains Commands that Manipulates the View or The Data in the Model
Example:
Date 13/ 11/ 2013
Model:
11/13/2013
ViewModel:
View:
13th of November
2013

7. Thanks for Watching
!!!

8. Remon Kamel
MEA DPE Intern at Microsoft – Egypt
fb.me/harryremon
@harryremon
harryremon@hotmail.com
harryremon.wordpress.com