by Ravi Pratap (@ravipratap) on Saturday, July 9, 2011

+11
Vote on this proposal
Status: Submitted
Section
Default

Session type
Demo

Technical level
Intermediate

Objective

We will demo Touchsite, the world's first native-app like experience for tablet devices built entirely in HTML5. In this talk, we will reveal how we use this techniques in Touchsite.

Our rendering stack in JavaScript (using Mustache JS) consumes data in JSON, making async requests to the backend, and renders all on the fly on the client side.

Description

The problem:

HTML UIs in modern apps are becoming more user controlled: rendering for each user's preference, getting the required data, pushing them out is quite a bit of load on the server.

Solution:

Rendering in today's web world can be done late in the stack, and better still in the browser itself. JavaScript is great in async data requests, but most applications use JS to request for "rendered" HTML snippets. But we can go event further and render literally nothing on the server. All HTML is generated on the browser with just JSON input. The JS engine is more aware and can also model data (using Backbone for example, but beyond this talk).

Requirements

A knowledge of JavaScript and any of the backend stacks would be expected.

Comments

  • 2
    [-] Sunil Pai (@threepointone) 5 years ago

    Great idea, we've been facing this same pain-point. Will you please also show how to do this with django? Specifically changing the templating system of django with mustache.

  • 1
    [-] Sumit Datta 5 years ago

    Hi Sunil, Changing Django template engine with Mustache (Pystache) is on my mind too, I will see if / how I can get it in the demo.

Login with Twitter or Google to leave a comment