Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
The Power of SPA
Mónica Rodrigues
https://github.com/monica85rodrigues/presentation-iscte-thepowerofspa
06/05/2015
2
Me?
Since 2010
Mónica Rodrigues
monica85rodrigues@gmail.com
3
Contents
• Challenge
• Solution
• Motivations
• Considerations
• Multiple page application vs SPA
• Some Javascript Fram...
4
Challenge
Users want a central place to view or take
actions on most or all content so they don’t
have to waste time nav...
5
Solution
Go to a SPA
6
Solution
Use modern web development techniques
to build a single-page app that doesn’t
need to reload itself as the user...
7
Motivations
Reach
Responsive
Round Trip
Web app may be accessible on different platforms and devices
Web app needs to be...
8
Motivations
Better user experience
Separation of responsibilities between
client and server
Offline Web applications
9
Considerations
The first time that the applications loads is
slow
Security
What is the effort to make an offline
applica...
10
Multiple Page Application
Page access
Returns rendered
page
Page rendering
11
Single Page Application
Requests data
Returns data
DOM
processing
and
manipulation
12
Some Javascript Frameworks
13
SPA Samples
14
Demos
Mini SPAs
SPA
Multiple page
application
Knockout
Magazines manager
15
References
• Angular VS Knockout [Online] http://blog.scottlogic.com/2014/07/30/spa-angular-
knockout.html
• Angular [O...
16
17
Contacts
https://www.facebook.com/monica85rodrigues
https://github.com/monica85rodrigues
https://www.linkedin.com/in/mo...
18
Upcoming SlideShare
Loading in …5
×

The Power Of SPA - ISCTE

277 views

Published on

Apresentação dada no ISCTE

Published in: Internet
  • Be the first to comment

  • Be the first to like this

The Power Of SPA - ISCTE

  1. 1. The Power of SPA Mónica Rodrigues https://github.com/monica85rodrigues/presentation-iscte-thepowerofspa 06/05/2015
  2. 2. 2 Me? Since 2010 Mónica Rodrigues monica85rodrigues@gmail.com
  3. 3. 3 Contents • Challenge • Solution • Motivations • Considerations • Multiple page application vs SPA • Some Javascript Frameworks • SPA Samples • Demos • References
  4. 4. 4 Challenge Users want a central place to view or take actions on most or all content so they don’t have to waste time navigating between pages.
  5. 5. 5 Solution Go to a SPA
  6. 6. 6 Solution Use modern web development techniques to build a single-page app that doesn’t need to reload itself as the user browses through it. SPASingle Page Application
  7. 7. 7 Motivations Reach Responsive Round Trip Web app may be accessible on different platforms and devices Web app needs to be very responsive to different screen resolutions Web app does not require many round trips between client and server The 3 Rs
  8. 8. 8 Motivations Better user experience Separation of responsibilities between client and server Offline Web applications
  9. 9. 9 Considerations The first time that the applications loads is slow Security What is the effort to make an offline application? It is possible?
  10. 10. 10 Multiple Page Application Page access Returns rendered page Page rendering
  11. 11. 11 Single Page Application Requests data Returns data DOM processing and manipulation
  12. 12. 12 Some Javascript Frameworks
  13. 13. 13 SPA Samples
  14. 14. 14 Demos Mini SPAs SPA Multiple page application Knockout Magazines manager
  15. 15. 15 References • Angular VS Knockout [Online] http://blog.scottlogic.com/2014/07/30/spa-angular- knockout.html • Angular [Online] https://angularjs.org/ • Knockout.js [Online] http://knockoutjs.com/ • Backbone.js [Online] http://backbonejs.org/ • React [Online] https://facebook.github.io/react/ • Code School [Online] https://www.codeschool.com/
  16. 16. 16
  17. 17. 17 Contacts https://www.facebook.com/monica85rodrigues https://github.com/monica85rodrigues https://www.linkedin.com/in/monicascrodrigues @Monica85Rodrig
  18. 18. 18

×