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

3. A long time ago…

4. … when all we had were Win Forms…

5. … Microsoft released Silverlight /WPF

6. What’s changed?

7. Declarative UI (XAML)

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

9. UI thread belongs to the UI

10. Non absolute layouts

11. MVVM & Data Binding View Model View Model

12. MVVM – Model View ViewModel Boring diagrams

13. Separated presentation Domain Objects View Presentation Logic

14. Different responsibilities Domain Objects View Presentation Logic User name cannot be empty When user name entry is empty, disable submit button

15. MVVM - Structure Invoke Commands Change notifications

16. DEMO TIME

17. Old (ancient) idea

18. View Model != Code Behind

19. DEMO TIME

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

21. Silverlight is D E A D !

22. 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…

25. Separated presentation in a browser

26. View Model View Model MVVM in the browser

27. 1032 pages 172 pages

28. View Model View Model MVVM in the browser ?

29. Declarative Bindings Automatic UI Refresh Dependency Tracking Templating

30. DEMO TIME

31. KnockoutJS Demo MVVM pattern –Data binding –Observables –Commands Custom bindings Promises and Deferred objects

32. 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

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

34. Technology changes – focus on principles

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