Question

I am working toward a small webapp that I would like to have a desktop-like feel to it. The application will use python on the backend and I will be using hand-coded javascript (on top of jquery, etc.) on the web side. I have a few objects that I would like to pass back-and-forth between the two and wondered about how folks approach the issue. As an example, I have a “filter” that I will be treating as an object:

filter: { 
   name:'genericGeneFilter', 
   type:'geneFilter',
   symbol:'ExampleSymbol',
   includeExclude:'include'}

How do folks do the following:

1. Define the classes in one place (so that server-side and client-side both get the definition)
2. Define the user interaction (form fields, appearance, etc.) conveniently
3. Pass data to/from server/client. Use serialized forms, json, gets/posts, or html?
4. Keep client and server in sync with regard to “objects” being passed back-and-forth.

Answer 1

Also you can take a look at backbonejs

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.

There is another js library called emberjs that seems to do much more than backbonejs.:

Ember.js (formerly SproutCore 2.0) is a JavaScript framework that does all of the heavy lifting that you’d normally have to do by hand. There are tasks that are common to every web app; Ember.js does those things for you, so you can focus on building killer features and UI. These are the three features that make Ember.js a joy to use: (1) Bindings, (2) Computed properties and (3) Auto-updating templates.

Read more on their github repo