The Power Of SPA - ISCTE
Download as PPTX, PDF0 likes463 views
The document discusses single page applications (SPAs) and their advantages over traditional multi-page applications. It notes that SPAs allow users to view and interact with content without page reloads, improving the user experience. SPAs separate client and server responsibilities, can be made to work offline, and are responsive across devices. Popular JavaScript frameworks that can be used to build SPAs are presented, along with examples and demos.
![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/](https://image.slidesharecdn.com/thepowerofspa-iscte-150507082914-lva1-app6892/85/The-Power-Of-SPA-ISCTE-15-320.jpg)
The Power Of SPA - ISCTE
- 1. The Power of SPA Mónica Rodrigues https://github.com/monica85rodrigues/presentation-iscte-thepowerofspa 06/05/2015
- 3. 3 Contents • Challenge • Solution • Motivations • Considerations • Multiple page application vs SPA • Some Javascript Frameworks • SPA Samples • Demos • References
- 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 Solution Go to a SPA
- 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 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 Motivations Better user experience Separation of responsibilities between client and server Offline Web applications
- 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 Multiple Page Application Page access Returns rendered page Page rendering
- 11. 11 Single Page Application Requests data Returns data DOM processing and manipulation
- 13. 13 SPA Samples
- 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
- 18. 18