Learning qooxdoo-1

Qooxdoo is a comprehensive and innovative Ajax application
Framework. Leveraging object-oriented JavaScript allows developers to build
Impressive cross-browser applications. No HTML, CSS nor Dom knowledge is
Needed.

I follow the "Hello World" tutorial and setup my
First qooxdoo application.

It's amazing that through a single Python command, we can generate four
Different type of solution for an application. They are "source version
Debug support, build version, API reference, unit testing ".

In qooxdoo, all things are exist inside JavaScript class. Developers do not
Even contact with HTML page. See the generated default
Class:

qx.Class.define("helloworld.Application", { extend: qx.application.Standalone, members: { 

 main: function() { 

 this.base(arguments); 

 if (qx.core.Variant.isSet("qx.debug", "on")) { 

 qx.log.appender.Native; 

 qx.log.appender.Console; 

 } 

 var button1 = new qx.ui.form.Button("My First Button", "helloworld/test.png");  

 var doc = this.getRoot(); 

 doc.add(button1, { 

 left: 200, 

 top: 50 

 }); 

 button1.addListener("execute", 

 function(e) { 

 alert("Hello World!"); 

 }); 

 } 

 } 

});

When I generated the release version, this code was compressed and merged
With the framework code into a single file:

 

(function() { 

 var d = "helloworld.Application", 

 c = "First Button", 

 b = "helloworld/test.png", 

 a = "execute"; 

 qx.Class.define(d, { 

 extend: qx.application.Standalone, 

 members: { 

 main: function() { 

 arguments.callee.base.call(this); {}; 

 var f = new qx.ui.form.Button(c, b); 

 var e = this.getRoot(); 

 e.add(f, { 

 left: 100, 

 top: 50 

 }); 

 f.addListener(a, 

 function(e) { 

 alert("Hello World!"); 

 }); 

 } 

 } 

 }); 

})();