Sponsors

  • Microsoft
  • Nebula
  • Google
  • SugarCRM
  • Facebook
  • HP
  • Intel
  • Rackspace Hosting
  • WSO2
  • Alfresco
  • BlackBerry
  • CUBRID
  • Dell
  • eBay
  • Heroku
  • InfiniteGraph
  • JBoss
  • LeaseWeb
  • Liferay
  • Media Temple, Inc.
  • OpenShift
  • Oracle
  • Percona
  • Puppet Labs
  • Qualcomm Innovation Center, Inc.
  • Rentrak
  • Silicon Mechanics
  • SoftLayer Technologies, Inc.
  • SourceGear
  • Urban Airship
  • Vertica
  • VMware
  • (mt) Media Temple, Inc.

Sponsorship Opportunities

For information on exhibition and sponsorship opportunities at the convention, contact Sharon Cordesse at scordesse@oreilly.com

Download the OSCON Sponsor/Exhibitor Prospectus

Contact Us

View a complete list of OSCON contacts

Network
Join Attendee Network
 

Mashing Up JavaScript – Advanced Techniques for Modern Web Applications

Bastian Hofmann (ResearchGate GmbH)
11:00am Friday, 07/29/2011
Javascript & HTML5
 Location: Portland Ballroom
Tags: javascript, html5, websockets, localstorage, cors, caja, pubsub
Presentation: Mashing Up JavaScript – Advanced Techniques for Modern Web Applications Presentation [PDF]
Average rating: ****.
(4.62, 21 ratings)

Nowadays many modern web applications are solely relying on JavaScript to render their frontend and only provide an API endpoint at their backend, resulting in a much more fluent and desktop-application-like user experience. But if you want to create mashups, load data from many different places or include external widgets into your site, you are quickly running into boundaries because of browser and security restrictions. In this presentation I will talk about techniques, some older, some brand new, and show you examples which will help you to:

  • make API calls to external domains.
  • authenticate these calls through OAuth without compromising your secrets.
  • load external content and JavaScript widgets safely.
  • send JavaScript messages between frames on different domains.
  • get real-time notifications from your backend.
  • and use the browser to store the some of the user’s data.

Presentation

View SlidesHide Slides

People planning to attend this session also want to see:

Photo of Bastian Hofmann

Bastian Hofmann

ResearchGate GmbH

Bastian is a Software Engineer at ResearchGate, the leading social network for scientists, working there on everything API related. Before that he was responsible for the integration of OpenSocial, OAuth, OpenID and other open standards into the largest german based social networks, studiVZ, schülerVZ and meinVZ. He is also a frequent speaker on international web technology conferences, always trying to promote open standards and protocols. This, together with his activity in the OpenSocial foundation and as a committer and PMC member for the Apache Shindig project makes him a strong advocate for the vision of an truly open and distributed social web.

Comments on this page are now closed.

Comments

April Johnson
07/29/2011 8:31pm PDT

great session! love the code samples and demos.

Picture of Bastian Hofmann
Bastian Hofmann
07/29/2011 1:37pm PDT

Thanks for the great feedback.

As promised here is a screencast of the now working demo: www.screenr.com/Kc1s

The problem was, that the status.net page was not fully loaded yet, because of the slow internet connection (the page includes some external stuff, like a map), which resulted in a csrf token or something similar to be missing.

The joy of live demos.

The slides are available here: www.slideshare.net/bashofma... but they will be uploaded here by O’Reilly as well.

The source code for the demo is available here: github.com/bashofmann/statu...

Ben Brewer
07/29/2011 11:37am PDT

Thanks for introducing me to some projects I was not aware of and for a very enjoyable presentation.

Jeff Cross
07/29/2011 11:37am PDT

Jam-packed with hands-on information.