Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Single Page Applications

No description

Eric Eijkelenboom

on 1 May 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Single Page Applications

with Durandal, Knockout and Breeze Single Page Applications What is a SPA? Data management Web app that fits on a single web page

Loads all necessary code with a single page load

Redraw the UI without roundtripping Why build a SPA? Richer user experience with less
round tripping maintain navigation, history, deep linking

fits on a single web page

persisting important state on the client

fully (or mostly) loaded in the initial page load

progressively downloads features as required Why? Common traits of a SPA Demo application Let's get dirty! What is the goal? Durandal.js Takes care of the UI plumming

Little incremental work as the SPA grows

Main features View and viewmodel composition
Dynamically load modules as required
App lifecycle
Asynchronous programming with promises
Convention based Leverages popular libraries Knockout.js for data binding

Require.js for modules

jQuery for DOM manipulation Knockout.js Require.js Create a module named 'shell', in shell.js Hot Towel template by John Papa

Server ASP.NET Web Api
Entity Framework Client durandal.js
bootstrap http://bit.ly/14tF2yw Because we do so much more than displaying data! Some desired rich data features Let's do it :) Let's look at an example Why not build a SPA? Static web sites where SEO is important
More... https://trello.com
Full transcript