The power of spa

Monica Rodrigues
Monica RodriguesSoftware Engineer at Farfetch | Event Organizer at Geek Girls Portugal | Participate on Netponto
The Power of SPA
Mónica Rodrigues
https://github.com/monica85rodrigues/PGGD26
#PGGD26 – 23/04/2015
#PGGD26
2
Me?
Since 2010
Mónica Rodrigues
monica85rodrigues@gmail.com
3
Contents
• Challenge
• Solution
• Motivations
• Considerations
• SPA Samples
• Demos
• References
#PGGD26
4
Challenge
#PGGD26
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
Solution
Go to a SPA
#PGGD26
6
Solution
#PGGD26
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
Motivations
#PGGD26
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
Motivations
#PGGD26
Better user experience
Separation of responsibilities between
client and server
Offline Web applications
9
Considerations
#PGGD26
The first time that the applications loads is
slow
Security
What is the effort to make an offline
application? It is possible?
10
Multiple Page Application
Page access
Returns rendered
page
Page rendering
#PGGD26
11
SPA
Requests data
Returns data
DOM
processing
and
manipulation
#PGGD26
12
#PGGD26
Some Javascript Frameworks
13
SPA Samples
#PGGD26
14
Demos
#PGGD26
15
References
#PGGD26
• 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
#PGGD26
17
Contacts
#PGGD26
https://www.facebook.com/monica85rodrigues
https://github.com/monica85rodrigues
https://www.linkedin.com/in/monicascrodrigues
@Monica85Rodrig
1 of 17

Recommended

The Power Of SPA - ISCTE by
The Power Of SPA - ISCTEThe Power Of SPA - ISCTE
The Power Of SPA - ISCTEMonica Rodrigues
456 views18 slides
Sea robins by
Sea robinsSea robins
Sea robinsFelicia Hsieh
63 views8 slides
What On Earth Is Agile? by
What On Earth Is Agile?What On Earth Is Agile?
What On Earth Is Agile?Tom Barton
398 views19 slides
Build an App in 2 Hours by
Build an App in 2 HoursBuild an App in 2 Hours
Build an App in 2 HoursCrystal Taggart
445 views13 slides
Why Mobile Friendly Responsive Web Design is the Future of Your Website by
Why Mobile Friendly Responsive Web Design is the Future of Your WebsiteWhy Mobile Friendly Responsive Web Design is the Future of Your Website
Why Mobile Friendly Responsive Web Design is the Future of Your WebsiteDevender Bisht
4.6K views12 slides
An Introduction to the AAARRRP Developer Relations Strategy Framework and How... by
An Introduction to the AAARRRP Developer Relations Strategy Framework and How...An Introduction to the AAARRRP Developer Relations Strategy Framework and How...
An Introduction to the AAARRRP Developer Relations Strategy Framework and How...Phil Leggetter
990 views21 slides

More Related Content

Similar to The power of spa

The power of spa by
The power of spaThe power of spa
The power of spaISCTE-IUL ACM Student Chapter
327 views18 slides
Evolving to Cloud-Native - Anand Rao by
Evolving to Cloud-Native - Anand RaoEvolving to Cloud-Native - Anand Rao
Evolving to Cloud-Native - Anand RaoVMware Tanzu
471 views44 slides
Lost in Translation: The Product Manager in Agile Organizations (Ramon Guiu P... by
Lost in Translation: The Product Manager in Agile Organizations (Ramon Guiu P...Lost in Translation: The Product Manager in Agile Organizations (Ramon Guiu P...
Lost in Translation: The Product Manager in Agile Organizations (Ramon Guiu P...IT Arena
1K views26 slides
Progressive web application considerations before implementing magento pwa ... by
Progressive web application   considerations before implementing magento pwa ...Progressive web application   considerations before implementing magento pwa ...
Progressive web application considerations before implementing magento pwa ...CedCommerce
93 views34 slides
Applied craftsmanship by
Applied craftsmanshipApplied craftsmanship
Applied craftsmanshipAlexandru Bolboaca
616 views46 slides
PWA - Progressive Web App by
PWA - Progressive Web AppPWA - Progressive Web App
PWA - Progressive Web AppRobert Robinson
609 views15 slides

Similar to The power of spa(20)

Evolving to Cloud-Native - Anand Rao by VMware Tanzu
Evolving to Cloud-Native - Anand RaoEvolving to Cloud-Native - Anand Rao
Evolving to Cloud-Native - Anand Rao
VMware Tanzu471 views
Lost in Translation: The Product Manager in Agile Organizations (Ramon Guiu P... by IT Arena
Lost in Translation: The Product Manager in Agile Organizations (Ramon Guiu P...Lost in Translation: The Product Manager in Agile Organizations (Ramon Guiu P...
Lost in Translation: The Product Manager in Agile Organizations (Ramon Guiu P...
IT Arena1K views
Progressive web application considerations before implementing magento pwa ... by CedCommerce
Progressive web application   considerations before implementing magento pwa ...Progressive web application   considerations before implementing magento pwa ...
Progressive web application considerations before implementing magento pwa ...
CedCommerce93 views
Orientation pdf_merged.pdf by DSCIITPatna
Orientation pdf_merged.pdfOrientation pdf_merged.pdf
Orientation pdf_merged.pdf
DSCIITPatna126 views
Project Managers we were yesterday, today we are Product Owners by Dagmar Muth
Project Managers we were yesterday, today we are Product OwnersProject Managers we were yesterday, today we are Product Owners
Project Managers we were yesterday, today we are Product Owners
Dagmar Muth405 views
David plant by MediaPost
David plantDavid plant
David plant
MediaPost2K views
David plant by MediaPost
David plantDavid plant
David plant
MediaPost228 views
ChicagoJS's JSCAMP 2019 Keynote - Inclusive Architecture - Building Sustainab... by Tracy Lee
ChicagoJS's JSCAMP 2019 Keynote - Inclusive Architecture - Building Sustainab...ChicagoJS's JSCAMP 2019 Keynote - Inclusive Architecture - Building Sustainab...
ChicagoJS's JSCAMP 2019 Keynote - Inclusive Architecture - Building Sustainab...
Tracy Lee445 views
Quill slides-www2013 by Vivian Motti
Quill slides-www2013Quill slides-www2013
Quill slides-www2013
Vivian Motti2.8K views
Quill slides-www2013 by Vivian Motti
Quill slides-www2013Quill slides-www2013
Quill slides-www2013
Vivian Motti478 views
GDSC Universitas Mikroskil Info Session 2023 - Slide.pdf by gdscmikroskil
GDSC Universitas Mikroskil Info Session 2023 - Slide.pdfGDSC Universitas Mikroskil Info Session 2023 - Slide.pdf
GDSC Universitas Mikroskil Info Session 2023 - Slide.pdf
gdscmikroskil150 views
[Webinar] Expanding future mobile commerce with Magento PWA Studio by CedCommerce
[Webinar] Expanding future mobile commerce with Magento PWA Studio[Webinar] Expanding future mobile commerce with Magento PWA Studio
[Webinar] Expanding future mobile commerce with Magento PWA Studio
CedCommerce177 views
Household Veritas - A platform that provides household services by IRJET Journal
Household Veritas - A platform that provides household servicesHousehold Veritas - A platform that provides household services
Household Veritas - A platform that provides household services
IRJET Journal3 views

Recently uploaded

Playwright Retries by
Playwright RetriesPlaywright Retries
Playwright Retriesartembondar5
5 views1 slide
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P... by
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...NimaTorabi2
16 views17 slides
Electronic AWB - Electronic Air Waybill by
Electronic AWB - Electronic Air Waybill Electronic AWB - Electronic Air Waybill
Electronic AWB - Electronic Air Waybill Freightoscope
5 views1 slide
Bootstrapping vs Venture Capital.pptx by
Bootstrapping vs Venture Capital.pptxBootstrapping vs Venture Capital.pptx
Bootstrapping vs Venture Capital.pptxZeljko Svedic
15 views17 slides
Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium... by
Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium...Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium...
Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium...Lisi Hocke
35 views124 slides
ADDO_2022_CICID_Tom_Halpin.pdf by
ADDO_2022_CICID_Tom_Halpin.pdfADDO_2022_CICID_Tom_Halpin.pdf
ADDO_2022_CICID_Tom_Halpin.pdfTomHalpin9
5 views33 slides

Recently uploaded(20)

Unlocking the Power of AI in Product Management - A Comprehensive Guide for P... by NimaTorabi2
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...
Unlocking the Power of AI in Product Management - A Comprehensive Guide for P...
NimaTorabi216 views
Electronic AWB - Electronic Air Waybill by Freightoscope
Electronic AWB - Electronic Air Waybill Electronic AWB - Electronic Air Waybill
Electronic AWB - Electronic Air Waybill
Freightoscope 5 views
Bootstrapping vs Venture Capital.pptx by Zeljko Svedic
Bootstrapping vs Venture Capital.pptxBootstrapping vs Venture Capital.pptx
Bootstrapping vs Venture Capital.pptx
Zeljko Svedic15 views
Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium... by Lisi Hocke
Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium...Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium...
Team Transformation Tactics for Holistic Testing and Quality (Japan Symposium...
Lisi Hocke35 views
ADDO_2022_CICID_Tom_Halpin.pdf by TomHalpin9
ADDO_2022_CICID_Tom_Halpin.pdfADDO_2022_CICID_Tom_Halpin.pdf
ADDO_2022_CICID_Tom_Halpin.pdf
TomHalpin95 views
Sprint 226 by ManageIQ
Sprint 226Sprint 226
Sprint 226
ManageIQ11 views
predicting-m3-devopsconMunich-2023-v2.pptx by Tier1 app
predicting-m3-devopsconMunich-2023-v2.pptxpredicting-m3-devopsconMunich-2023-v2.pptx
predicting-m3-devopsconMunich-2023-v2.pptx
Tier1 app11 views
JioEngage_Presentation.pptx by admin125455
JioEngage_Presentation.pptxJioEngage_Presentation.pptx
JioEngage_Presentation.pptx
admin1254558 views
Generic or specific? Making sensible software design decisions by Bert Jan Schrijver
Generic or specific? Making sensible software design decisionsGeneric or specific? Making sensible software design decisions
Generic or specific? Making sensible software design decisions

The power of spa