1 / 25

SPA Made Breezy

SPA Made Breezy. Tiberiu Covaci. Ward Bell, v.p. of technology, IdeaBlade. 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.

bobby
Download Presentation

SPA Made Breezy

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. SPA Made Breezy Tiberiu Covaci Ward Bell, v.p. of technology, IdeaBlade

  2. 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. Agenda • What is SPA • Technologies • Demo

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

  5. Why SPA?

  6. One ASP.NET

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

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

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

  10. Knockout observables • Observable properties • Observable arrays • Computed(dependent) observables

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

  12. learn more at knockoutjs.com

  13. Demo

  14. 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. 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. learn more at durandaljs.com

  17. Demo

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

  19. Free Open Source (GitHub) MIT License

  20. Technical Support Professional Services

  21. learn more at breezejs.com

  22. Demo

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

  24. Tank you Thanks to IdeaBlade Ward Bell Marcel Good

More Related