SlideShare une entreprise Scribd logo
1  sur  11
MVVM Design Pattern
Ashraf Naser
a3ssely@Hotmail.com | +201094951890
Overview
 What is MVVM
 What is Data Binding
 Binding
 Notifications
 Live Demo
Motivation for the MVVM
separation of concernsdeveloper-designer workflowincreases application testability
What is MVVM ?
View
UI
View Model
Logic
Model
Data objects
Business Logic
Data Binding Notification
What is Data Binding ?
Dependency
property
property
OneWay
Two Way
OneWay to source
Notifications Interfaces !
View ModelINotifyPropertyChanged
 INotifyPropertyChanged
Consists of an event Raised up to notify them when changes happens theView or the Model
Binding Interfaces !
 ICommand
View View ModelICommand
It consist of two methods [Execute and CanExecute] and an event in order to implement some logic
Demo Time 
References
Youtube tutorials
English :
http://bit.ly/1QF766I
Arabic :
http://bit.ly/1o35L0b
Windows 10 using MVVM :
http://bit.ly/1o36cHY
@EGAppFactory
/EGAppFactory
Thank You 
Stay Connected
Feedback Is The Breakfast of Champions
MVVM_Ashraf

Contenu connexe

Tendances (6)

AngularJS – What, Why, Advantages and Disadvantages
AngularJS – What, Why, Advantages and DisadvantagesAngularJS – What, Why, Advantages and Disadvantages
AngularJS – What, Why, Advantages and Disadvantages
 
Mvc vs mvp vs mvvm a guide on architecture presentation patterns
Mvc vs mvp vs mvvm  a guide on architecture presentation patternsMvc vs mvp vs mvvm  a guide on architecture presentation patterns
Mvc vs mvp vs mvvm a guide on architecture presentation patterns
 
Certificate
CertificateCertificate
Certificate
 
DEV-401 Completion Certificate-Athirah Ramzi
DEV-401 Completion Certificate-Athirah RamziDEV-401 Completion Certificate-Athirah Ramzi
DEV-401 Completion Certificate-Athirah Ramzi
 
Web topic 32 validate web contents
Web topic 32  validate web contentsWeb topic 32  validate web contents
Web topic 32 validate web contents
 
MVVM
MVVMMVVM
MVVM
 

Similaire à MVVM_Ashraf

Building an enterprise app in silverlight 4 and NHibernate
Building an enterprise app in silverlight 4 and NHibernateBuilding an enterprise app in silverlight 4 and NHibernate
Building an enterprise app in silverlight 4 and NHibernate
bwullems
 
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
RapidValue
 
Model View ViewModel
Model View ViewModelModel View ViewModel
Model View ViewModel
Doncho Minkov
 

Similaire à MVVM_Ashraf (20)

MVVM ( Model View ViewModel )
MVVM ( Model View ViewModel )MVVM ( Model View ViewModel )
MVVM ( Model View ViewModel )
 
Building an enterprise app in silverlight 4 and NHibernate
Building an enterprise app in silverlight 4 and NHibernateBuilding an enterprise app in silverlight 4 and NHibernate
Building an enterprise app in silverlight 4 and NHibernate
 
Architectural Design Pattern: Android
Architectural Design Pattern: AndroidArchitectural Design Pattern: Android
Architectural Design Pattern: Android
 
Automated Unit Testing in Silverlight for Windows Phone 7
Automated Unit Testing in Silverlight for Windows Phone 7Automated Unit Testing in Silverlight for Windows Phone 7
Automated Unit Testing in Silverlight for Windows Phone 7
 
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
 
MVC(Model View Controller),Web,Enterprise,Mobile
MVC(Model View Controller),Web,Enterprise,MobileMVC(Model View Controller),Web,Enterprise,Mobile
MVC(Model View Controller),Web,Enterprise,Mobile
 
Training: MVVM Pattern
Training: MVVM PatternTraining: MVVM Pattern
Training: MVVM Pattern
 
Ppt of Basic MVC Structure
Ppt of Basic MVC StructurePpt of Basic MVC Structure
Ppt of Basic MVC Structure
 
Caliburn.micro
Caliburn.microCaliburn.micro
Caliburn.micro
 
Modern ASP.NET Webskills
Modern ASP.NET WebskillsModern ASP.NET Webskills
Modern ASP.NET Webskills
 
Mvvw patterns
Mvvw patternsMvvw patterns
Mvvw patterns
 
Code Camp 06 Model View Presenter Architecture
Code Camp 06   Model View Presenter ArchitectureCode Camp 06   Model View Presenter Architecture
Code Camp 06 Model View Presenter Architecture
 
Model View ViewModel
Model View ViewModelModel View ViewModel
Model View ViewModel
 
Introduction To MVVM
Introduction To MVVMIntroduction To MVVM
Introduction To MVVM
 
Models used in iOS programming, with a focus on MVVM
Models used in iOS programming, with a focus on MVVMModels used in iOS programming, with a focus on MVVM
Models used in iOS programming, with a focus on MVVM
 
MV(C, mvvm) in iOS and ReactiveCocoa
MV(C, mvvm) in iOS and ReactiveCocoaMV(C, mvvm) in iOS and ReactiveCocoa
MV(C, mvvm) in iOS and ReactiveCocoa
 
Exploring MVVM, MVC, MVP Patterns - CRB Tech
Exploring MVVM, MVC, MVP Patterns - CRB TechExploring MVVM, MVC, MVP Patterns - CRB Tech
Exploring MVVM, MVC, MVP Patterns - CRB Tech
 
How I Accidentally Discovered MVVM
How I Accidentally Discovered MVVMHow I Accidentally Discovered MVVM
How I Accidentally Discovered MVVM
 
UI Design Patterns
UI Design PatternsUI Design Patterns
UI Design Patterns
 
Marlabs Introduction to Model View ViewModel (MVVM)
Marlabs Introduction to Model View ViewModel (MVVM)Marlabs Introduction to Model View ViewModel (MVVM)
Marlabs Introduction to Model View ViewModel (MVVM)
 

MVVM_Ashraf