SharePoint

SPC14 Day 2: Complex problem solving with the new HTML5 APIs

4 maart 2014

Deze sessie richtte zich voornamelijk op verbindingen tussen App parts en het uitwisselen van berichten.

Zaal: Palazzo Ballroom A-H
Tijd: 10:45 AM – 12:00 PM
Doelgroep: Developer
Sessie type: Deep dive

Spreker(s):
[listdot]

  • Scot Hillier

[/listdot]
Abstract:
HTML5 and CSS3 are now a standard part of the Office and SharePoint developer’s skillset. While much of the buzz around HTML5 and CSS3 focuses on creating a responsive and satisfying end-user experience, a whole new set of JavaScript APIs was also introduced. These APIs provide powerful capabilities that either didn’t exist before, or were only available in 3rd-party libraries. In this session, we’ll focus on these new APIs and use them to solve real-world problems such as maintaining context in a SharePoint-hosted app, caching app data, and communicating between app parts. Attendees will exit the session with a host of new ideas for using the HTML5 APIs to solve real-world problems.

Notities:
Snelle HTML 5 overzicht van veranderingen ten opzichte van HTML 4:
[listdot]

  • Simpelere doctype
  • Nieuwe symantische elementen als article
  • Nieuwe functionele elementen als video

[/listdot]
Responsive App parts
Responsive App parts hebben een aantal uitdagingen:
[listdot]

  • App part zit altijd in een iFrame
  • SharePoint bepaalt de grootte
  • App part heeft mogelijk meer ruimte nodig
  • App part moet reageren op verschillende formaten

[/listdot]
Oplossingen hiervoor kunnen via:
[listdot]

  • Media queries
    • Geeft de mogelijkheid om de browser vragen te stellen over formaten, ori├źntatie etc.
  • postMessages
    • Geeft de mogelijkheid om te communiceren tussen windows en werkt cross domein.

[/listdot]
AJAX Navigatie wordt steeds vaker toegepast binnen sites:
[listdot]

  • Wordt gebruikt voor single page applications
  • Deze zorgen ervoor dat er geen post backs gemaakt hoeven te worden
  • Met behulp van het history object model kan je terug gaan naar de vorige status, zodat je toch het idee hebt dat je een pagina terug navigeert wanneer de eindgebruiker de terug knop gebruikt.
  • Je kan items toevoegen in de history list om je state op te slaan, maar je kan ze ook aanpassen.

[/listdot]
App parts kan je met elkaar verbinden door:
[listdot]

  • Shared message broker via server-sent events. Dit is een push methode van de server naar de JavaScript in de client. Dit werkt niet in Internet Explorer!
  • Web sockets. Dit is twee richtingsverkeer, maar je hebt wel een WebSocket Server nodig.

[/listdot]

Multithreading In JavaScript geeft een aantal uitdagingen:
[listdot]

  • Problemen
    • JavaScripts is historisch gezien singlet threaded
    • Main thread kan geblokkeerd worden door lange of intensieve processen
  • De oplossing
    • Gebruik Web Workers in HTML 5, er zijn twee versies, namelijk de dedicated en shared.
    • Deze Web Workers kunnen niet de DOM aanpassen.
    • De communicatie gaat met behulp van postMessage

[/listdot]

You Might Also Like

Geen reacties

Plaats een reactie