1 / 36

Silverlight is dead! Long live MVVM!

Silverlight is dead! Long live MVVM!. maciej.grzyb@makingwaves.pl. A long time ago…. … when all we had were Win Forms…. … Microsoft released Silverlight. /WPF. What’s changed?. Declarative UI (XAML). UI thread belongs to the UI. Your Weather App is not responding.

cybill
Download Presentation

Silverlight is dead! Long live MVVM!

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Silverlight is dead!Long live MVVM! maciej.grzyb@makingwaves.pl

  2. A long time ago…

  3. … when all we had were Win Forms…

  4. … Microsoftreleased Silverlight /WPF

  5. What’s changed?

  6. Declarative UI (XAML)

  7. UI thread belongs to the UI Your Weather App is not responding

  8. UI thread belongs to the UI

  9. Non absolute layouts

  10. MVVM & Data Binding View Model View Model

  11. MVVM – Model View ViewModel Boring diagrams

  12. Separated presentation View Presentation Logic DomainObjects

  13. Different responsibilities View Presentation Logic When user name entry is empty, disable submit button DomainObjects User name cannot be empty

  14. MVVM - Structure Invoke Commands Change notifications

  15. DEMO TIME

  16. Old (ancient) idea

  17. View Model!= Code Behind

  18. DEMO TIME

  19. This MVVM thing is pretty cool. Silverlight RULEZ!

  20. Silverlight is D E A D !

  21. Silverlight is dead – O RLY? • Silverlight 5 is a complete platform • Support through 10/12/2021 • WP 7.5/8 • WPF • Yup, it is pretty dead on the web…

  22. Separated presentation in a browser Domain Objects

  23. MVVM in the browser View Model View Model

  24. 1032 pages 172 pages

  25. MVVM in the browser View Model ? View Model

  26. Simplify dynamic JavaScript UIs by applying the Model-View-View Model (MVVM) pattern Declarative Bindings Automatic UI Refresh Dependency Tracking Templating

  27. DEMO TIME

  28. KnockoutJS Demo • MVVM pattern • Data binding • Observables • Commands • Custom bindings • Promises and Deferred objects

  29. Final (almost) thoughts • Silverlight is dead (on the web)! • JavaScript is here to stay… we need client side code… • JavaScript has good parts • Object oriented • Functional • Dynamic

  30. Final thoughts • There is more to explore and learn • HTML5, CSS3 • REST, JSON • Web Sockets • Web Storage • Worker Threads • Canvas • Audio/Video

  31. Technology changes – focus on principles

  32. Knockout @ Making Waves Activity Feed (activityfeed.codeplex.com) Forms Designer

More Related