SlideShare a Scribd company logo
1 of 11
Single Page Apps & SharePoint
Woensdag 30 September & sushi
Wie ben ik?
Frans van Rijn
frans@mavention.nl
Programma
Wat is een
Single Page
App?
Demo
Waarom
gebruiken we
dit?
Hoe werkt een
SPA op
SharePoint?
Wat is een Single Page App?
en wat is het niet.
Wat is een Single Page App?
Client side
rendering
Client side
routing
HTML5 + client
side script
Single-Page Applications (SPAs) are Web apps that load a single HTML page and
dynamically update that page as the user interacts with the app. SPAs use AJAX
and HTML5 to create fluid and responsive Web apps, without
constant page reloads. However, this means much of the work happens on the
client side, in JavaScript. (msdn)
Waarom gebruiken we SPA’s?
Client side
rendering
Content rich,
cross platform,
mobile
applications
Client side
routingResponsive
Flexibel
Minder http
verkeer
Performance
Frameworks &
conventies
Service
oriented
Wat is een SPA niet?
Niet beperkt
tot 1 pagina
Niet de juiste
oplossing voor
alle situaties
Niet
goedkoper om
te bouwen
Niet altijd een
totaal
oplossing
Links & SEO
Client side
processing en
performance
“The secret to building large apps
is never to build large apps.”
- Justin Meyer
SPA’s & SharePoint
SPA’s & SharePoint
Ontwikkel los
van SharePoint
Host in bijv
style gallery
App for SharePoint “Losse” htm/js app
SharePoint app
infra sluit aan
bij SPA’s
REST/CSOM
Frameworks
Vragen?
Opmerkingen?

More Related Content

Viewers also liked

Viewers also liked (13)

Foto fix cms
Foto fix cmsFoto fix cms
Foto fix cms
 
The general basis for editing
The general basis for editingThe general basis for editing
The general basis for editing
 
Informatica @ Unicam
Informatica @ UnicamInformatica @ Unicam
Informatica @ Unicam
 
Abc
AbcAbc
Abc
 
Hizkuntza (2. zikloa)
Hizkuntza (2. zikloa)Hizkuntza (2. zikloa)
Hizkuntza (2. zikloa)
 
Fast portrait enhancement
Fast portrait enhancementFast portrait enhancement
Fast portrait enhancement
 
Use.it - nätbaserade kurser för yrkesverksamma
Use.it - nätbaserade kurser för yrkesverksammaUse.it - nätbaserade kurser för yrkesverksamma
Use.it - nätbaserade kurser för yrkesverksamma
 
Presentazione corsi di Informatica UniCam
Presentazione corsi di Informatica UniCamPresentazione corsi di Informatica UniCam
Presentazione corsi di Informatica UniCam
 
рябиновые бусы октябрь 2015
рябиновые бусы октябрь 2015рябиновые бусы октябрь 2015
рябиновые бусы октябрь 2015
 
Komma
KommaKomma
Komma
 
приложна астрономия 1 лекция
приложна астрономия   1 лекцияприложна астрономия   1 лекция
приложна астрономия 1 лекция
 
Трактиръ: Management
Трактиръ: ManagementТрактиръ: Management
Трактиръ: Management
 
Kompyuterna grafika
Kompyuterna grafikaKompyuterna grafika
Kompyuterna grafika
 

Similar to Single Page Apps

Waarom je een Responsive Design website moet hebben
Waarom je een Responsive Design website moet hebbenWaarom je een Responsive Design website moet hebben
Waarom je een Responsive Design website moet hebben
Hans-Peter Harmsen
 
Oberon: Alles over Responsive design marcom13
Oberon: Alles over Responsive design marcom13Oberon: Alles over Responsive design marcom13
Oberon: Alles over Responsive design marcom13
Adfo Groep | Events
 

Similar to Single Page Apps (20)

Apps in de kantoorpraktijk
Apps in de kantoorpraktijkApps in de kantoorpraktijk
Apps in de kantoorpraktijk
 
Apps in de kantoorpraktijk
Apps in de kantoorpraktijkApps in de kantoorpraktijk
Apps in de kantoorpraktijk
 
Waarom je een Responsive Design website moet hebben
Waarom je een Responsive Design website moet hebbenWaarom je een Responsive Design website moet hebben
Waarom je een Responsive Design website moet hebben
 
Responsive design annotated
Responsive design annotatedResponsive design annotated
Responsive design annotated
 
Waarom je een Responsive Design website moet hebben
Waarom je een Responsive Design website moet hebbenWaarom je een Responsive Design website moet hebben
Waarom je een Responsive Design website moet hebben
 
Oberon: Alles over Responsive design marcom13
Oberon: Alles over Responsive design marcom13Oberon: Alles over Responsive design marcom13
Oberon: Alles over Responsive design marcom13
 
Windows Phone 7 and the cloud, the good, the bad and the ugly (17-06-2011, SDN)
Windows Phone 7 and the cloud, the good, the bad and the ugly (17-06-2011, SDN)Windows Phone 7 and the cloud, the good, the bad and the ugly (17-06-2011, SDN)
Windows Phone 7 and the cloud, the good, the bad and the ugly (17-06-2011, SDN)
 
Coww 2.16 Presentatie Wim La Haye
Coww 2.16 Presentatie Wim La HayeCoww 2.16 Presentatie Wim La Haye
Coww 2.16 Presentatie Wim La Haye
 
Cloud Computing introduction for NON-IT BDM
Cloud Computing introduction for NON-IT BDMCloud Computing introduction for NON-IT BDM
Cloud Computing introduction for NON-IT BDM
 
PWA VS Mobile - Picqer meet and grill 2018
PWA VS Mobile - Picqer meet and grill 2018PWA VS Mobile - Picqer meet and grill 2018
PWA VS Mobile - Picqer meet and grill 2018
 
OMcollective webinar: Blijf ook in 2021 scoren in Google
OMcollective webinar: Blijf ook in 2021 scoren in GoogleOMcollective webinar: Blijf ook in 2021 scoren in Google
OMcollective webinar: Blijf ook in 2021 scoren in Google
 
Responsive webdesign - wat is het en wat hebben verzekeraars eraan
Responsive webdesign - wat is het en wat hebben verzekeraars eraanResponsive webdesign - wat is het en wat hebben verzekeraars eraan
Responsive webdesign - wat is het en wat hebben verzekeraars eraan
 
Meetup 17/10/2017 - Digital Experience Platform
Meetup 17/10/2017 - Digital Experience PlatformMeetup 17/10/2017 - Digital Experience Platform
Meetup 17/10/2017 - Digital Experience Platform
 
Alles Over Api's
Alles Over Api'sAlles Over Api's
Alles Over Api's
 
Seo Effect tools presentatie
Seo Effect tools presentatieSeo Effect tools presentatie
Seo Effect tools presentatie
 
Lemarco Online Capability Review 2015 (Dutch language)
Lemarco Online Capability Review 2015 (Dutch language)Lemarco Online Capability Review 2015 (Dutch language)
Lemarco Online Capability Review 2015 (Dutch language)
 
Quickstart Ajax Slideshare
Quickstart Ajax SlideshareQuickstart Ajax Slideshare
Quickstart Ajax Slideshare
 
Apps voor mobiele toestellen
Apps voor mobiele toestellenApps voor mobiele toestellen
Apps voor mobiele toestellen
 
Social Business according to Mixit
Social Business according to MixitSocial Business according to Mixit
Social Business according to Mixit
 
PWA met Magento: zo pak je het aan!
PWA met Magento: zo pak je het aan!PWA met Magento: zo pak je het aan!
PWA met Magento: zo pak je het aan!
 

Single Page Apps

  • 1. Single Page Apps & SharePoint Woensdag 30 September & sushi
  • 2. Wie ben ik? Frans van Rijn frans@mavention.nl
  • 3. Programma Wat is een Single Page App? Demo Waarom gebruiken we dit? Hoe werkt een SPA op SharePoint?
  • 4. Wat is een Single Page App? en wat is het niet.
  • 5. Wat is een Single Page App? Client side rendering Client side routing HTML5 + client side script Single-Page Applications (SPAs) are Web apps that load a single HTML page and dynamically update that page as the user interacts with the app. SPAs use AJAX and HTML5 to create fluid and responsive Web apps, without constant page reloads. However, this means much of the work happens on the client side, in JavaScript. (msdn)
  • 6. Waarom gebruiken we SPA’s? Client side rendering Content rich, cross platform, mobile applications Client side routingResponsive Flexibel Minder http verkeer Performance Frameworks & conventies Service oriented
  • 7. Wat is een SPA niet? Niet beperkt tot 1 pagina Niet de juiste oplossing voor alle situaties Niet goedkoper om te bouwen Niet altijd een totaal oplossing Links & SEO Client side processing en performance “The secret to building large apps is never to build large apps.” - Justin Meyer
  • 9. SPA’s & SharePoint Ontwikkel los van SharePoint Host in bijv style gallery App for SharePoint “Losse” htm/js app SharePoint app infra sluit aan bij SPA’s REST/CSOM

Editor's Notes

  1. Geen lappen html over de lijn Geen page reloads Fluid design
  2. Totaaloplossing: pizza restaurant
  3. App wordt gehost door SharePoint, dus authenticatie is al geregeld. Geen gedoe met tokens.