Download as PDF, PPTX
![ASP.NET MVC
Dimitar Danailov
Senior Developer at 158ltd.com
dimityr.danailov[at]gmail.com
Slideshare.net
Github
YouTube
Founder at VarnaIT
Github Code](https://image.slidesharecdn.com/asp-150209125011-conversion-gate01/85/ASP-NET-MVC-Knockoutjs-and-MVVM-2-320.jpg)
![Questions
Dimitar Danailov
Senior Developer at 158ltd.com
dimityr.danailov[at]gmail.com
Slideshare.net
Github
YouTube
Founder at VarnaIT
Github Code](https://image.slidesharecdn.com/asp-150209125011-conversion-gate01/85/ASP-NET-MVC-Knockoutjs-and-MVVM-33-320.jpg)
![ASP.NET MVC
Dimitar Danailov
Senior Developer at 158ltd.com
dimityr.danailov[at]gmail.com
Slideshare.net
Github
YouTube
Founder at VarnaIT
Github Code](https://image.slidesharecdn.com/asp-150209125011-conversion-gate01/75/ASP-NET-MVC-Knockoutjs-and-MVVM-2-2048.jpg)
![Questions
Dimitar Danailov
Senior Developer at 158ltd.com
dimityr.danailov[at]gmail.com
Slideshare.net
Github
YouTube
Founder at VarnaIT
Github Code](https://image.slidesharecdn.com/asp-150209125011-conversion-gate01/75/ASP-NET-MVC-Knockoutjs-and-MVVM-33-2048.jpg)
Uploaded byDimitar Danailov
ASP.NET MVC - Knockoutjs and MVVM
The document discusses the MVVM (Model-View-ViewModel) pattern and its advantages, including separation of UI, business, and data logic, which facilitates unit testing and UI changes. It also introduces Knockout.js, highlighting its two-way data binding and observables, and provides a brief overview of its implementation steps. The author emphasizes the simplicity and reusability of MVVM as beneficial for developers looking to enhance their applications.
Softwareโฆ
More Related Content
Similar to ASP.NET MVC - Knockoutjs and MVVM
ASP.NET MVC - Knockoutjs and MVVM
- 1.
- 2. ASP.NET MVC Dimitar Danailov SeniorDeveloper at 158ltd.com dimityr.danailov[at]gmail.com Slideshare.net Github YouTube Founder at VarnaIT Github Code
- 7. Topics Today โ Whatis MVVM โ Why use MVVM โ Knockout.js
- 9.
- 10.
- 11. What is MVVM โModel - View - ModelView โ Model = Data Class โ View = User Interface โ ViewModel (VM) โ UI binds to this class โ VM consumes services of Model โ VM May expose services/properties of Model
- 12. What is MVVM โView knows nothing about Model โ Model knows nothing about View โ Model knows nothing about View Model โ View Model knows nothing about View โ Communication from View to VM is via data binding โ Lists for List Boxes and Grids โ IsEnabled properties for Buttons โ Data for Text Boxes
- 13. Why use MVVM โSeparate UI / Business / Data Logic โ Be able to swap out UI โ Leave business rules/data logic in place โ ASP.NET to Silverlight โ WPF to Windows Phone โ etc. โ Unit testing โ Write less UI code
- 14.
- 16. Rich - client- side interactivity What is KnockoutJS MVVM pattern Web Browser Support
- 17.
- 18.
- 19.
- 20. Knockout in 3steps <input data-bind="value: code" placeholder="code" /> Declarative Binding
- 21. Knockout in 3steps var myViewModel = { firstName: ko.observable('John') } Create an Observable
- 22. Knockout in 3steps ko.applyBindings(myViewModel); Bind the ViewModel to the View
- 23. How knockout's observable works Changesto Source notify targets
- 24. How knockout's observable works Changesto Source notify targets Changes to targets Notify Source
- 25. How knockout's observable works Changesto Source notify targets Changes to targets Notify Source Two - Way Data Binding
- 26. How knockout's observable works Changesto Source notify targets Changes to targets Notify Source Two - Way Data Binding Event Binding
- 30. MVVM Summary โ MVVMis easy โ Just need an additional class โ Helps to understand the XAML data binding model โ Great for Testing and re-usability โ Donโt worry about being โ100% code behind freeโ
- 33. Questions Dimitar Danailov Senior Developerat 158ltd.com dimityr.danailov[at]gmail.com Slideshare.net Github YouTube Founder at VarnaIT Github Code