<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Próxima parada. El Conocimiento &#187; ajax</title>
	<atom:link href="http://dacosta51.wordpress.com/category/ajax/feed/" rel="self" type="application/rss+xml" />
	<link>http://dacosta51.wordpress.com</link>
	<description>Notas para compartir,  no olvidar y  dejar una huella.</description>
	<lastBuildDate>Tue, 18 Nov 2008 23:14:44 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>es</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='dacosta51.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/056814b5da3d107958c88cbd4c3acd1d?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>Próxima parada. El Conocimiento &#187; ajax</title>
		<link>http://dacosta51.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://dacosta51.wordpress.com/osd.xml" title="Próxima parada. El Conocimiento" />
		<item>
		<title>Notas de Ajax</title>
		<link>http://dacosta51.wordpress.com/2007/07/29/notas-de-ajax/</link>
		<comments>http://dacosta51.wordpress.com/2007/07/29/notas-de-ajax/#comments</comments>
		<pubDate>Sun, 29 Jul 2007 12:43:06 +0000</pubDate>
		<dc:creator>dacosta51</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://dacosta51.wordpress.com/2007/07/29/notas-de-ajax/</guid>
		<description><![CDATA[Ajax es el acrónimo de Asynchronous Javascript and XML. Ajax resulta de la unión de varias tecnologías que juntas permiten dar a los sitios web más dinamismo, flexibilidad y rapidez entre otros.
&#160;
El uso de Ajax como técnica de desarrollo permite a las aplicaciones ser más interactivas permitiendo  mantener una comunicación en background el servidor [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dacosta51.wordpress.com&blog=1021305&post=48&subd=dacosta51&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p class="level1">Ajax es el acrónimo de Asynchronous Javascript and <acronym title="Extensible Markup Language">XML</acronym>. Ajax resulta de la unión de varias tecnologías que juntas permiten dar a los sitios web más dinamismo, flexibilidad y rapidez entre otros.</p>
<p class="level1">&nbsp;</p>
<p class="level1">El uso de Ajax como técnica de desarrollo permite a las aplicaciones ser más interactivas permitiendo  mantener una comunicación en background el servidor para el tiercambio de datos y actualización de ciertas áreas de la aplicación sin necesidad de recargar la página completa<a href="http://wiki.diegoacosta.net/doku.php/formacion%3Bweb20%3Bajax#fn__1" title="fnt__1" name="fnt__1" id="fnt__1" class="fn_top"></a>.</p>
<h2><a title="lista_de_urls_con_herramientas" name="lista_de_urls_con_herramientas" id="lista_de_urls_con_herramientas"></a>Lista de URLs con Herramientas</h2>
<p class="box round blue" style="width:100%;">&nbsp;</p>
<p class="xbox">&nbsp;</p>
<p class="box_title">Utilidades <acronym title="JavaScript">JS</acronym></p>
<p class="box_content">&nbsp;</p>
<ul>
<li class="level1">
<p class="li"> <a href="http://orangoo.com/labs/GreyBox/" class="urlextern" title="http://orangoo.com/labs/GreyBox/" rel="nofollow">Mini Ajax &#8211; Colección de scripts</a></p>
</li>
<li class="level1">
<p class="li"><a href="http://orangoo.com/labs/GreyBox/" class="urlextern" title="http://orangoo.com/labs/GreyBox/" rel="nofollow">GreyBox</a> → Permite ver imágenes y páginas en modo overlay o popup oscurenciendo el entorno</p>
</li>
<li class="level1">
<p class="li"> <a href="http://www.huddletogether.com/projects/lightbox2/" class="urlextern" title="http://www.huddletogether.com/projects/lightbox2/" rel="nofollow">Lightbox</a> → Permite ver imágenes en modo overlay en una página. Solo imágenes</p>
</li>
<li class="level1">
<p class="li"> <a href="http://jquery.com/demo/thickbox/" class="urlextern" title="http://jquery.com/demo/thickbox/" rel="nofollow">Thickbox</a> → similar a greybox</p>
</li>
<li class="level1">
<p class="li"> <a href="http://www.therootdesign.co.uk/jwindow/index.htm" class="urlextern" title="http://www.therootdesign.co.uk/jwindow/index.htm" rel="nofollow">Jwindows</a> → Otra más</p>
</li>
<li class="level1">
<p class="li"> <a href="http://web-graphics.com/mtarchive/001717.php" class="urlextern" title="http://web-graphics.com/mtarchive/001717.php" rel="nofollow">Tool Tip</a></p>
</li>
</ul>
<p class="xbox">&nbsp;</p>
<p class="box_title">Framework <acronym title="JavaScript">JS</acronym>/Ajax</p>
<p class="box_content">&nbsp;</p>
<ul>
<li class="level1">
<p class="li"> <a href="http://www.prototypejs.org/" class="urlextern" title="http://www.prototypejs.org/" rel="nofollow">Prototype</a></p>
<ul>
<li class="level2">
<p class="li"> <a href="http://prototype-window.xilinus.com/" class="urlextern" title="http://prototype-window.xilinus.com/" rel="nofollow">Window</a> → Extensión de prototype para mostrar ventanas (está muy chulo)</p>
</li>
<li class="level2">
<p class="li"> <a href="http://www.sergiopereira.com/articles/prototype.js.html" class="urlextern" title="http://www.sergiopereira.com/articles/prototype.js.html" rel="nofollow">API Prototype</a></p>
</li>
<li class="level2">
<p class="li"> <a href="http://www.hatvany-online.net/myblog/2007_03_01_archive.html" class="urlextern" title="http://www.hatvany-online.net/myblog/2007_03_01_archive.html" rel="nofollow">Ejemplos de uso de prototype</a></p>
</li>
</ul>
</li>
<li class="level1">
<p class="li"> <a href="http://jquery.com/" class="urlextern" title="http://jquery.com/" rel="nofollow">JQuery</a> → Librería JavaScript y soporte Ajax</p>
<ul>
<li class="level2">
<p class="li"> <a href="http://www.malsup.com/jquery/form/" class="urlextern" title="http://www.malsup.com/jquery/form/" rel="nofollow">JQuery Form Pluggin</a></p>
</li>
</ul>
</li>
<li class="level1">
<p class="li"> <a href="http://dojotoolkit.org/" class="urlextern" title="http://dojotoolkit.org/" rel="nofollow">Dojo Toolkit</a> → Lo usa Hitask</p>
</li>
<li class="level1">
<p class="li"> <a href="http://www.twilightuniverse.com/projects/sack/" class="urlextern" title="http://www.twilightuniverse.com/projects/sack/" rel="nofollow">Sack</a> → Lo usa wordpress</p>
</li>
<li class="level1">
<p class="li"> <a href="http://script.aculo.us/" class="urlextern" title="http://script.aculo.us/" rel="nofollow">Scrip.Aculo.Us</a> → Lo usa wordpress → Dice que es un ad-on de prototype</p>
</li>
<li class="level1">
<p class="li"> <a href="http://mootools.net/" class="urlextern" title="http://mootools.net/" rel="nofollow">http://mootools.net/</a> –&gt;Lo usa Joomla</p>
</li>
</ul>
<p class="xbox">Mediante el uso de Ajax, se minimiza el número de refrescos de páginas debido a que los clientes realizan peticiones de datos a los servidores y no peticiones de páginas web. En lugar de refrescar páginas, la aplicación refresca una parte de la pantalla con los datos solicitados enviados por el servidor.</p>
<p class="xbox">&nbsp;</p>
<p class="xbox">&nbsp;</p>
<p style="text-align:center;"><img src="http://www.openajax.org/images/AjaxContinuousExperience.gif" height="184" width="455" /></p>
<p class="xbox">(Fuente: <a href="http://www.openajax.org/whitepapers/Introducing%20Ajax%20and%20OpenAjax.html">openajax</a>)</p>
<p class="xbox">&nbsp;</p>
<p class="xbox">La gráfica anterior muestra un modelo en capas de una aplicación ajax, en la cual se puede observar que la aplicación cliente tiene dos partes fundamentales, un componente gráfico y una capa de comunicaciones ajax usada para hacer peticiones al servidor. En general, la capa ajax es proveida por algún tipo de librería como las mencionadas en la parte inicial del artículo que ofrecen un API de alto nivel e independiente de los navegadores (o soportando la mayoría de los más utilizados).</p>
<p class="xbox">&nbsp;</p>
<p class="xbox">El uso de ajax dentro del nuevo modelo de aplicaciones web (Web 2.0) ha dado origen a una nueva gama de componentes web que aumentan o equiparan en gran medida el comportamiento de las aplicaciones web, y muchas de estas características vienen incorporadas en los tooltips de javascript que lo soportan. Entre estas características tenemos por ejemplo:</p>
<p class="xbox">&nbsp;</p>
<p class="xbox">&nbsp;</p>
<ul>
<li>Controles avanzados de interfaz gráfica como paletas flotantes, difetentes tipos de widgets  (calendarios, data grids, arboles, etc).</li>
<li>Contenedores flexibles y dnámicos</li>
<li>Animaciones y efectos de animación.</li>
<li>Capacidades de copiar, cortar y pegar y arrastrar y soltar.</li>
</ul>
<h2><a title="bibliografia" name="bibliografia" id="bibliografia"></a>Bibliografía</h2>
<p class="level2">&nbsp;</p>
<ul>
<li class="level1">
<p class="li"> <a href="http://developer.mozilla.org/en/docs/AJAX" class="urlextern" title="http://developer.mozilla.org/en/docs/AJAX" rel="nofollow">Mozilla Ajax Ingles</a>, <a href="http://developer.mozilla.org/es/docs/AJAX" class="urlextern" title="http://developer.mozilla.org/es/docs/AJAX" rel="nofollow">Mozilla Ajax Español</a></p>
</li>
<li class="level1">
<p class="li"> <a href="http://en.wikipedia.org/wiki/AJAX" class="urlextern" title="http://en.wikipedia.org/wiki/AJAX" rel="nofollow">http://en.wikipedia.org/wiki/AJAX</a></p>
</li>
<li class="level1">
<p class="li"> <a href="http://www.w3.org/TR/XMLHttpRequest/" class="urlextern" title="http://www.w3.org/TR/XMLHttpRequest/" rel="nofollow">http://www.w3.org/TR/XMLHttpRequest/</a></p>
</li>
<li class="level1">
<p class="li"> <a href="http://www.anieto2k.com/2006/10/11/los-frameworks-js-mas-usados/" class="urlextern" title="http://www.anieto2k.com/2006/10/11/los-frameworks-js-mas-usados/" rel="nofollow">Frameworks de Javascript más usados</a></p>
</li>
</ul>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/dacosta51.wordpress.com/48/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/dacosta51.wordpress.com/48/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dacosta51.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dacosta51.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dacosta51.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dacosta51.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dacosta51.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dacosta51.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dacosta51.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dacosta51.wordpress.com/48/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dacosta51.wordpress.com/48/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dacosta51.wordpress.com/48/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dacosta51.wordpress.com&blog=1021305&post=48&subd=dacosta51&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://dacosta51.wordpress.com/2007/07/29/notas-de-ajax/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/45df11c899211b7ea4e580138edbe5a7?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">dacosta51</media:title>
		</media:content>

		<media:content url="http://www.openajax.org/images/AjaxContinuousExperience.gif" medium="image" />
	</item>
		<item>
		<title>Dojo Offline</title>
		<link>http://dacosta51.wordpress.com/2007/07/10/dojo-offline/</link>
		<comments>http://dacosta51.wordpress.com/2007/07/10/dojo-offline/#comments</comments>
		<pubDate>Tue, 10 Jul 2007 17:18:08 +0000</pubDate>
		<dc:creator>dacosta51</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[web2.0]]></category>

		<guid isPermaLink="false">http://dacosta51.wordpress.com/2007/07/10/dojo-offline/</guid>
		<description><![CDATA[Dojo ha anunciado una nueva versión de Dojo Offline, un toolkit construido sobre la base de Google Gear que hace fácil crear sofisticadas aplicaciones web offline. Dojo Offline hace el uso de Google Gear más simple, extiende su funcionalidad y ofrece un API de más alto nivel. Dojo offline ofrece las siguientes funcionalidades:

Un widget offline [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dacosta51.wordpress.com&blog=1021305&post=36&subd=dacosta51&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p><a href="http://dojotoolkit.org">Dojo </a>ha anunciado una nueva versión de <a href="http://dojotoolkit.org/2007/07/06/new-dojo-offline-release">Dojo Offline</a>, un toolkit construido sobre la base de <a href="http://gears.google.com/">Google Gear</a> que hace fácil crear sofisticadas aplicaciones web offline. Dojo Offline hace el uso de Google Gear más simple, extiende su funcionalidad y ofrece un API de más alto nivel. Dojo offline ofrece las siguientes funcionalidades:</p>
<ul>
<li>Un widget offline que puede ser fácilmente embebido en una página web y que permite ofrecer al usuario mensajes asíncronos, instrucciones, etc.</li>
<li>Un framework de sincronización que permite que acciones realizadas offline, puedan ser sincronizadas con el servidor una vez se conecte a la red.</li>
<li>Detección automática de aplicaciones y Aplicaciones que permite detectar cuando una aplicación esta online u offline</li>
<li>Un método slurp() que escanea la página y detecta todos los recursos necesarios para operar offline incluyendo imágenes, hojas de cálculo,  scripts etc.</li>
<li>Dojo Storage, una abstracción hashtable que permite trabajar con datos offline cuando no se requiere usar la capa de abtracción sql de Google Gear.</li>
<li>Dojo SQL, una capa SQL facil de usar que ejecuta sentencias SQL y retorna el resultado como objetos javascript normales.</li>
<li>ENCRYPT() Y DECRYPT() en SQL, permite encriptar datos de las columnas de manera transparente, la encryptación es realizada por un hilo de <a href="http://code.google.com/apis/gears/api_workerpool.html">Google Worker Pool </a> de tal forma que la aplicación gráfica puede responder adecuadamente.</li>
<li>Integración con el sistema de eventos de Dojo.</li>
</ul>
<p>En &#8220;<a href="http://docs.google.com/View?docid=dhkhksk4_8gdp9gr">Creating Offline Applications with Dojo Offline</a>&#8220;, se puede encontrar un tutorial que indica como utilizar el SDK.</p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/dacosta51.wordpress.com/36/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/dacosta51.wordpress.com/36/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dacosta51.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dacosta51.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dacosta51.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dacosta51.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dacosta51.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dacosta51.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dacosta51.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dacosta51.wordpress.com/36/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dacosta51.wordpress.com/36/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dacosta51.wordpress.com/36/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dacosta51.wordpress.com&blog=1021305&post=36&subd=dacosta51&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://dacosta51.wordpress.com/2007/07/10/dojo-offline/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/45df11c899211b7ea4e580138edbe5a7?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">dacosta51</media:title>
		</media:content>
	</item>
	</channel>
</rss>