25. Architecture
GUI Toolkit (Widgets, Layouts)
Client DOM
Core BOM
Elements Events ...
AJAX RPC Client
http / https
RPC Server
Server Resource CGI Servlets
Java PHP Perl ...
26. Application Code
// create a button
var button = new qx.ui.form.Button(quot;First Buttonquot;,
quot;./resource/image/test.pngquot;);
// position it
button.setLeft(50);
button.setTop(50);
// add it to the document
button.addToDocument();
// action upon click/Enter
button.addEventListener(quot;executequot;, function(e){
alert(quot;Hello World!quot;);
});
28. Build Process
HTML Classes Themes Resources
Startup OO JavaScript No CSS Images, ...
Build process
HTML Application Resources
Compressed, Optimized, Linked
Modularized