<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>TechTips &#187; Qooxdoo</title>
	<atom:link href="http://www.techtips.com.br/category/desenvolvimento-web/qooxdoo/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.techtips.com.br</link>
	<description>Dicas de Tecnologia</description>
	<lastBuildDate>Wed, 24 Jun 2009 19:06:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Clientes Ricos Ajax na Web com Qooxdoo</title>
		<link>http://www.techtips.com.br/desenvolvimento-web/ajax/clientes-ricos-ajax-na-web-com-qooxdoo/</link>
		<comments>http://www.techtips.com.br/desenvolvimento-web/ajax/clientes-ricos-ajax-na-web-com-qooxdoo/#comments</comments>
		<pubDate>Fri, 11 May 2007 15:56:12 +0000</pubDate>
		<dc:creator>Leonel Togniolli</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Qooxdoo]]></category>

		<guid isPermaLink="false">http://www.techtips.com.br/semcategoria/clientes-ricos-ajax-na-web-com-qooxdoo/</guid>
		<description><![CDATA[Qooxdoo é&#160;uma biblioteca de interface visual escrita em JavaScript que provê um grande conjunto de controles permitindo a criação de clientes ricos no browser, tendo compatibilidade com vários browsers em várias plataformas, geralmente em aplicações AJAX. Ele tira proveito dos recursos de orientação a objeto de JavaScript (sabia que JavaScript é orientado a objeto?), tendo [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.qooxdoo.org/">Qooxdoo</a> é&nbsp;uma biblioteca de interface visual escrita em JavaScript que provê um grande conjunto de controles permitindo a criação de clientes ricos no browser, tendo compatibilidade com vários browsers em várias plataformas, geralmente em aplicações AJAX.</p>
<p>Ele tira proveito dos recursos de orientação a objeto de JavaScript (sabia que JavaScript é orientado a objeto?), tendo <a href="http://demo.qooxdoo.org/current/apiviewer/">uma hierarquia poderosa de classes</a>. O <a href="http://www.codegear.com/br/products/delphi/php">Delphi para PHP</a> utiliza essa biblioteca para prover alguns recursos de forma bem automática, mas é possível utilizar o qooxdoo diretamente.</p>
<p>Para começar direto com a mão na massa, <a href="http://qooxdoo.org/download#quickstart">baixe a versão quickstart</a> do qooxdoo, descompacte em uma pasta, e abra&nbsp;o index.html em um browser qualquer. Já é possível clicar no botão e ver a clássica mensagem &#8220;Hello World&#8221;. Deste ponto, você pode abrir o Application.js e fazer algumas alteracões para brincar um pouco com os recursos que ele tem. Uma sugestão:</p>
<pre>qx.Proto.main = function(e)
{
        var docRoot=qx.ui.core.ClientDocument.getInstance();

        docRoot.setBackgroundColor("lightGray");

        var t1 = new qx.ui.form.TextField("Hello World");
        t1.setTop(25);
        t1.setLeft(10);

        var l1 = new qx.ui.basic.Label("Titulo");
        l1.setTop(10);
        l1.setLeft(10);

        var l2 = new qx.ui.basic.Label("&lt;a href='http://www.techtips.com.br'&gt;http://www.techtips.com.br&lt;/a&gt;");
        l2.setTop(50);
        l2.setLeft(10);

        var btnAbreJanela = new qx.ui.form.Button("Abre Janela");
        btnAbreJanela.setTop(22);
        btnAbreJanela.setLeft(95);
        btnAbreJanela.addEventListener("execute", function() {
            var w1=new qx.ui.window.Window(t1.getValue());
            w1.setSpace(20,180,48,80);
            docRoot.add(w1);

            var btnFechaJanela = new qx.ui.form.Button("Fecha Janela");
            btnFechaJanela.setTop(13);
            btnFechaJanela.setLeft(50);
            btnFechaJanela.addEventListener("execute", function() {
                w1.close();
            });

            w1.add(btnFechaJanela);

            w1.open();
        });

        docRoot.add(l1);
        docRoot.add(l2);
        docRoot.add(t1);
        docRoot.add(btnAbreJanela);
};</pre>
<p>Depois de copiar isso no seu arquivo .js, atualize o browser e crie várias janelas dentro do seu browser. Deixei disponível <a href="http://www.techtips.com.br/wp-content/uploads/Qooxdoo/HelloWorld/">um demo online</a> se você quiser ver o resultado diretamente. Ou ainda, veja o resultado rodando dentro do meu Firefox:</p>
<p><img height="243" src="http://www.techtips.com.br/wp-content/uploads/ClientesRicosAjaxnaWebcomQooxdoo_9A9B/QooxdooHelloWorld3.png" width="226" border="0"> </p>
<p>Para descobrir as classes que existem e suas propriedades, acompanhe a documentação do Qooxdoo pelo seu <a href="http://demo.qooxdoo.org/current/apiviewer/">API Viewer</a> (feito em Qooxdoo, aliás).</p>
<p>Depois disso, se você quiser utilizar o qooxdoo para um desenvolvimento maior, você deve instalar a versão completa, baixando o pacote do SDK. Vou escrever mais artigos detalhando a instalação dessa versão completa, a depuração de programas JavaScript dentro do browser, e algumas dicas da linguagem JavaScript (ela é bem mais poderosa do que muitos imaginam!). Fique ligado!</p>
<p><center>&copy; <a href="http://www.techtips.com.br">TechTips</a></center></p>]]></content:encoded>
			<wfw:commentRss>http://www.techtips.com.br/desenvolvimento-web/ajax/clientes-ricos-ajax-na-web-com-qooxdoo/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.533 seconds -->

