I'm searching for the best possibility to write web applications that are heavy with JavaScript . So I'd like to present you my ideas and ask for your opinions and alternatives on this, please :) 1 year ago I started looking for possibilities for web development besides PHP. I found JSP and Django. I decided to go with Django. After starting up some projects with Django it lead me to conclude that Django, for me, doesn't provide a possibility for easy web development. I have to worry about too many features and especially the need to keep client and server code in balance. So I started searching again and found CouchDB which provides a kind of cool back-end for Ajax applications. So my idea was to use CouchDB as database server, which only provides data-validation & storage and kept everything else to the client. Which apparently is not a new idea at all, but I haven't found any good example on this yet. Do you know any? I'd like to have an architecture with the following components: <ul> <li>data-storage & validation ( CouchDB )</li> <li>web server: which handles files and WebSockets or Polling ( Tornado or Eventlet )</li> <li>client-side JavaScript to handle everything else ( fav: self written MooTools )</li> <li>client-side templating language ( you know any cool? )</li> </ul> Do you have any suggestions for different software to use for those points? Which handles requests like the following: The initial request sends JavaScript files and basic HTML (only <code><body></code> and <code><head></code> tags) to the Client. The loaded JavaScript functions create the HTML code and insert it into the <code><body></code> tag. From now on, the entire navigation on the website only requests JSON which is provided through the Websocket and processed by the client-side JavaScript. Pros: <ul> <li>The entire code is written in JavaScript on the client-side</li> <li>Animation on updates can be implemented really easy</li> <li>The logic of the page would be very lightweight and transparent</li> <li>Probably no scaling problems on the server-side</li> <li>Very fast application performance due to excellent client-side caching possibilties. For example using Webstorage</li> </ul> Cons: <ul> <li>Template Processing might be very slow on low Hardware machines?!</li> <li>Application code is public to all</li> </ul> Questions <ul> <li>Do you know any available solution for this kind of web development?</li> <li>Do you think writing web applications this way would be crank?</li> </ul> <hr> Please also look at Answer 2

<blockquote> Do you know any available solution for this kind of web development? </blockquote> Take a look at at couchapps. It's written by the guys behind couchedb. It based on jquery but it would be not that hard to convert it it to work with mootools. There is also a nice JavaScript template engine called mustache. The template engine will work on both sides, browser and couchdb. <blockquote> Do youthink writing web applications this way would be crank? </blockquote> No. This is the way like most of googles apps (mail, docs, spreadsheet) work, there are also a bunch of frameworks work this way like sproutcore or cappuccino. <blockquote> web server: which handles files and WebSockets or Polling ( Tornado or Eventlet ) </blockquote> I think couchdb will handle this as well

a new approach to web development: request for tools and components recommendations

Tags:

javascript

html

templates

couchdb

mootools

I'm searching for the best possibility to write web applications that are heavy with JavaScript . So I'd like to present you my ideas and ask for your opinions and alternatives on this, please :)

1 year ago I started looking for possibilities for web development besides PHP. I found JSP and Django. I decided to go with Django. After starting up some projects with Django it lead me to conclude that Django, for me, doesn't provide a possibility for easy web development. I have to worry about too many features and especially the need to keep client and server code in balance.

So I started searching again and found CouchDB which provides a kind of cool back-end for Ajax applications. So my idea was to use CouchDB as database server, which only provides data-validation & storage and kept everything else to the client. Which apparently is not a new idea at all, but I haven't found any good example on this yet. Do you know any?

I'd like to have an architecture with the following components:

data-storage & validation ( CouchDB )
web server: which handles files and WebSockets or Polling ( Tornado or Eventlet )
client-side JavaScript to handle everything else ( fav: self written MooTools )
client-side templating language ( you know any cool? )

Do you have any suggestions for different software to use for those points?

Which handles requests like the following:

The initial request sends JavaScript files and basic HTML (only <body> and <head> tags) to the Client. The loaded JavaScript functions create the HTML code and insert it into the <body> tag. From now on, the entire navigation on the website only requests JSON which is provided through the Websocket and processed by the client-side JavaScript.

Pros:

The entire code is written in JavaScript on the client-side
Animation on updates can be implemented really easy
The logic of the page would be very lightweight and transparent
Probably no scaling problems on the server-side
Very fast application performance due to excellent client-side caching possibilties. For example using Webstorage

Cons:

Template Processing might be very slow on low Hardware machines?!
Application code is public to all

Questions

Do you know any available solution for this kind of web development?
Do you think writing web applications this way would be crank?

Please also look at Answer 2

328

asked Jul 18 '10 23:07

nenTi

1 Answers

Do you know any available solution for this kind of web development?

Take a look at at couchapps. It's written by the guys behind couchedb. It based on jquery but it would be not that hard to convert it it to work with mootools. There is also a nice JavaScript template engine called mustache. The template engine will work on both sides, browser and couchdb.

Do youthink writing web applications this way would be crank?

No. This is the way like most of googles apps (mail, docs, spreadsheet) work, there are also a bunch of frameworks work this way like sproutcore or cappuccino.

web server: which handles files and WebSockets or Polling ( Tornado or Eventlet )

I think couchdb will handle this as well

answered Sep 20 '22 18:09

Andreas Köberle

Related questions
                            
                                jQuery tablesorter plugin column width incorrect in IE7
                            
                                What's the best way to write JavaScript/Ruby applications on Windows Mobile device?
                            
                                Experiences with Javascript History Frameworks
                            
                                Understanding mod_proxy and Apache 2 for writing a comet-server
                            
                                iPhone web apps running as native apps
                            
                                z-index and Javascript events
                            
                                How do I select all text contained in <pre> using jQuery?
                            
                                Retrieve coords for google map
                            
                                What is the difference between Array() and [] in Javascript and why would I use one over the other? [duplicate]
                            
                                JavaScript how to mock confirm method
                            
                                IE e.keyCode - How can I differentiate between ampersand and up-arrow?
                            
                                Exporting data from a YUI DataTable
                            
                                Firebug not showing ajax requests
                            
                                Javascript this points to Window object
                            
                                Allow only certain domains being able to load an iFrame
                            
                                How do I run a script right after the head is loaded, but before the DOM?
                            
                                Are all of the default scripts loaded by Magento really needed?
                            
                                InnerHTML/outerHTML in IE doesn't reflect checkbox state except in quirks mode
                            
                                JavaScript Standard Library for V8
                            
                                Google Maps Api v3 trigger issue, external link hit info window

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With