1. SDC 2013 SPA Made Breezy Tiberiu Covaci Ward Bell, v.p. of technology, IdeaBlade

2. SDC 2013 Who am I Tiberiu ’Tibi’ Covaci Software engineer, 20 years experience MCT since 2004, teaching.NET Senior Trainer & Mentor in Romania MVP for Windows Azure Father & Geek Twitter: @tibor19 / #scandev

3. SDC 2013 Agenda What is SPA Technologies Demo

4. SDC 2013 Single Page Application Rich Client App in HTML/JavaScript

5. SDC 2013 Why SPA?

6. SDC 2013 One ASP.NET

7. SDC 2013 Hybrid is the norm ASP.NET Web Form ASP.NET MVC Page ASP.Net MVC Page SPA No one pattern is the bestEvolution, not revolution

8. SDC 2013 Knockout JavaScript MVVM framework Independent library Works well with other frameworks

9. SDC 2013 Knockout Declarative bindings Automatic refresh Dependency tracking Support for templating

10. SDC 2013 Knockout observables Observable properties Observable arrays Computed(dependent) observables

11. SDC 2013 Knockout bindings Controlling text and appearance Control flow Form field bindings Rendering templates Custom bindings

12. SDC 2013 learn more at knockoutjs.com

13. SDC 2013 Demo

14. SDC 2013 Durandal Clean MV* Architecture JS & HTML Modularity Simple App Lifecycle Eventing, Modals, Message Boxes, etc. Navigation & Screen State Management Consistent Async Programming w/ Promises App Bundling and Optimization

15. SDC 2013 Durandal Use any Backend Technology Built on top of jQuery, Knockout & RequireJS Integrates with other libraries such as SammyJS & Bootstrap Make jQuery & Bootstrap widgets templatable and bindable (or build your own widgets).

16. SDC 2013 learn more at durandaljs.com

17. SDC 2013 Demo

18. SDC 2013 Rich data Caching Validation Client Queries Batch Save Change Tracking Roll Your Own

19. SDC 2013 Free Open Source (GitHub)GitHub MIT License

20. SDC 2013 Technical Support Professional Services

21. SDC 2013

22. learn more at breezejs.com

23. SDC 2013 Demo

24. SDC 2013 Summary SPA is a good alternative KO and data binding makes code cleaner Durandal makes the MV* easy SPA is Breezy with KO and Durandal

25. SDC 2013 Tank you Thanks to IdeaBlade Ward Bell Marcel Good