1 / 25

Exploring Single Page Applications with SPA Made Breezy by Tiberiu Covaci

Dive into the world of Single Page Applications (SPAs) with the guidance of Tiberiu Covaci, a seasoned software engineer with over 20 years of experience. Discover the technologies, like Knockout and Durandal, that can streamline your development process and simplify complex app architectures. Learn how SPAs can revolutionize your web projects and how tools like Breeze can enhance your data handling capabilities. With a focus on simplicity and efficiency, this session will empower you to build rich client applications effortlessly.

bobby
Download Presentation

Exploring Single Page Applications with SPA Made Breezy by Tiberiu Covaci

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