itcampro@ itcamp13# Premium conference on Microsoft technologiesSPA Made BreezyTiberiu Covaci, @tibor19
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileHuge thanks to our sponsors!
itcampro@ itcamp13# Premium conference on Microsoft technologies
itcampro@ itcamp13# Premium conference on Microsoft technologies
itcampro@ itcamp13# Premium conference on Microsoft technologiesSingle Page ApplicationsMade with Breeze.jsTibi Covaci, @t...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileWho am I• Tiberiu ’Tibi’ Covaci• Softwa...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileAgenda• What is SPA• Technologies• Demo
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileSingle Page ApplicationRich Client App ...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileWhy SPA?
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileOne ASP.NET
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileHybrid is the normASP.NET WebFormASP.NE...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileKnockout• JavaScript MVVM framework• In...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileKnockout• Declarative bindings• Automat...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileKnockout observables• Observable proper...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileKnockout bindings• Controlling text and...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDemo
itcampro@ itcamp13# Premium conference on Microsoft technologieslearn more atknockoutjs.com
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileDurandal• Clean MV* Architecture• JS & ...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileDurandal• Use any Backend Technology• B...
itcampro@ itcamp13# Premium conference on Microsoft technologiesDemo
itcampro@ itcamp13# Premium conference on Microsoft technologieslearn more atdurandaljs.com
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileRich dataCachingValidationClient Querie...
itcampro@ itcamp13# Premium conference on Microsoft technologiesFreeOpen Source (GitHub)MIT License
itcampro@ itcamp13# Premium conference on Microsoft technologiesTechnical SupportProfessional Services
itcampro@ itcamp13# Premium conference on Microsoft technologies
itcampro@ itcamp13# Premium conference on Microsoft technologiesDemo
itcampro@ itcamp13# Premium conference on Microsoft technologieslearn more atbreezejs.com
itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileSummary• SPA is a good alternative• KO ...
itcampro@ itcamp13# Premium conference on Microsoft technologiesThank youThanks to IdeaBladeWard BellMarcel Good
itcampro@ itcamp13# Premium conference on Microsoft technologiesQ & A
Upcoming SlideShare
Loading in …5
×

ITCamp 2013 - Tiberiu Covaci - SPA Made Breezy

413 views

Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

ITCamp 2013 - Tiberiu Covaci - SPA Made Breezy

  1. 1. itcampro@ itcamp13# Premium conference on Microsoft technologiesSPA Made BreezyTiberiu Covaci, @tibor19
  2. 2. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileHuge thanks to our sponsors!
  3. 3. itcampro@ itcamp13# Premium conference on Microsoft technologies
  4. 4. itcampro@ itcamp13# Premium conference on Microsoft technologies
  5. 5. itcampro@ itcamp13# Premium conference on Microsoft technologiesSingle Page ApplicationsMade with Breeze.jsTibi Covaci, @tibor19
  6. 6. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileWho am I• Tiberiu ’Tibi’ Covaci• Software engineer, 20 years experience• MCT since 2004, teaching .NET• Senior Trainer & Mentor in Romania• Microsoft MVP for Windows Azure• Father & Geek• Twitter: @tibor19 / #itcamp13
  7. 7. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileAgenda• What is SPA• Technologies• Demo
  8. 8. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileSingle Page ApplicationRich Client App in HTML/JavaScript
  9. 9. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileWhy SPA?
  10. 10. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileOne ASP.NET
  11. 11. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileHybrid is the normASP.NET WebFormASP.NETMVC PageASP.NetMVC PageSPANo one pattern is the best Evolution, not revolution
  12. 12. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileKnockout• JavaScript MVVM framework• Independent library• Works well with other frameworks
  13. 13. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileKnockout• Declarative bindings• Automatic refresh• Dependency tracking• Support for templating
  14. 14. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileKnockout observables• Observable properties• Observable arrays• Computed(dependent) observables
  15. 15. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileKnockout bindings• Controlling text and appearance• Control flow• Form field bindings• Rendering templates• Custom bindings
  16. 16. itcampro@ itcamp13# Premium conference on Microsoft technologiesDemo
  17. 17. itcampro@ itcamp13# Premium conference on Microsoft technologieslearn more atknockoutjs.com
  18. 18. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileDurandal• 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
  19. 19. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileDurandal• Use any Backend Technology• Built on top of jQuery, Knockout & RequireJS• Integrates with other libraries such asSammyJS & Bootstrap• Make jQuery & Bootstrap widgetstemplatable and bindable (or build your ownwidgets).
  20. 20. itcampro@ itcamp13# Premium conference on Microsoft technologiesDemo
  21. 21. itcampro@ itcamp13# Premium conference on Microsoft technologieslearn more atdurandaljs.com
  22. 22. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileRich dataCachingValidationClient QueriesBatch SaveChange TrackingRoll YourOwn
  23. 23. itcampro@ itcamp13# Premium conference on Microsoft technologiesFreeOpen Source (GitHub)MIT License
  24. 24. itcampro@ itcamp13# Premium conference on Microsoft technologiesTechnical SupportProfessional Services
  25. 25. itcampro@ itcamp13# Premium conference on Microsoft technologies
  26. 26. itcampro@ itcamp13# Premium conference on Microsoft technologiesDemo
  27. 27. itcampro@ itcamp13# Premium conference on Microsoft technologieslearn more atbreezejs.com
  28. 28. itcampro@ itcamp13# Premium conference on Microsoft technologiesDevelopment &MobileSummary• SPA is a good alternative• KO and data binding makes code cleaner• Durandal makes the MV* easy• SPA is Breezy with KO and Durandal
  29. 29. itcampro@ itcamp13# Premium conference on Microsoft technologiesThank youThanks to IdeaBladeWard BellMarcel Good
  30. 30. itcampro@ itcamp13# Premium conference on Microsoft technologiesQ & A

×