Archivos para jquery

Appcelerator Titanium, PhoneGap, Sencha Touch, jQuery Mobile – Aclarando la confusión

Posted in Programación with tags , , , on 6 mayo, 2011 by febrer

La primera vez que accedía a la página web de PhoneGap, vi que era la solución a todos mis problemas: Un Framework que me permite desarrollar para todas las plataformas móviles, iPhone, Android, Symbian, incluso Windows Phone7 (en un futuro no muy lejano). Esto es lo que yo necesito!!, Es una bomba. Poder crear una aplicación y que funcione en todas las plataformas…

Qué tipo de aplicaciones podemos desarrollar en un móvil? Podemos desarrollar aplicaciones “no nativas” basadas en el navegador del móvil, y aplicaciones nativas (Objetive C/JAVA) que acceden directamente al hardware del móvil.

Sencha Touch y jQuery Mobile, son frameworks javascripts, que nos permiten desarrollar aplicaciones “no nativas” para el navegador de nuestro móvil con el mismo “look and feel” de las aplicaciones nativas.

PhoneGap y Titanium, lo que nos permiten es “empaquetar” (zip) nuestra aplicación web (con las correspondientes librerías js/css/HTML), permitiéndonos su distribución en los diferentes sistemas de venta (app store, Marketplace, etc …). Las librerías js/css3 incluidas en el paquete, pueden ser jQuery Mobile, Sencha Touch, u otro framework para móvil.

Pero Appcelerator Titanium va más allá. Con Titanium, puedes programar en js/Ruby/Python/PHP, y mediante su API/SDK, generar una aplicación nativa (Objetive C para iPhone/iPad, JAVA para Android). Con la consiguiente mejora de rendimiento al acceder directamente al hardware.

Información original obtenida de: http://beautyindesign.com/blog/titanium-phonegap-sencha-touch-jquery-mobile-clearing-up-confusion/

Mas info:

http://www.phonegap.com

http://www.appcelerator.com

http://www.sencha.com

http://jquerymobile.com/

Framework Ajax: jQuery

Posted in Programación with tags , , , on 1 julio, 2009 by febrer

Según la Wikipedia:

jQuery es una biblioteca o framework de Javascript, creada inicialmente por John Resig, que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web.

Actualmente, jQuery es el framework Ajax más utilizado en la red. Permite de la creación de aplicaciones Ajax de una forma rápida y sencilla.

Como componente adicional, jQuery dispone de una biblioteca para la generación de interfaces de usuario, jQuery UI. Básicamente dispone de los siguientes elementos (Widgets): Accordion, Datepicker, Dialog, Progressbar, Slider, Tabs.

Estos widgets, junto con la posibilidad de utilizar efectos (Blind, Bounce, Clip, Drop, Explode, Fold, Highlight, Puff, Pulsate, Scale, Shake, Size, Slide, Transfer) e interaciones (Drag,Drop,Resize,Select,Sort) hacen de esta biblioteca una potente herramienta para el desarrollo de aplicaciones AJAX.

A continuación os dejo un ejemplo de como implementear ‘jQuery UI Tabs’ en nuestro código HTML:

<!doctype html>
<html lang="es">
<head>
 <title>jQuery UI Tabs</title>
 <link type="text/css" href="../../themes/start/ui.all.css" rel="stylesheet" />
 <script type="text/javascript" src="../../jquery-1.3.2.js"></script>   <!-- framework jQuery -->
 <script type="text/javascript" src="../../ui/ui.core.js"></script>  <!-- librería base jQuery-UI para desarrollo de interfaces -->
 <script type="text/javascript" src="../../ui/ui.tabs.js"></script>  <!-- librería para el control tabs -->
 <script type="text/javascript">
 $(function() {
  $("#tabs").tabs(); //activamos las pestañas
 });
 </script>
</head>
<body>
 
<div id="tabs">
 <ul>
  <li><a href="#tabs-1">Pestaña 1</a></li>
  <li><a href="#tabs-2">Pestaña 2</a></li>
  <li><a href="#tabs-3">Pestaña 3</a></li>
 </ul>
 <div id="tabs-1">
  <p>Contenido pestaña 1.</p>
 </div>
 <div id="tabs-2">
  <p>Contenido pestaña 2.</p>
 </div>
 <div id="tabs-3">
  <p>Contenido pestaña 3.</p>
 </div>
</div>
</body>
</html> 

 

Verdaderamente recomendable 🙂

Enlaces de interes:

240 plugins para utilizar con jQuery: http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/     
Framework base: http://jquery.com/  
Framework para la creación de interfaces de usuario:  http://jqueryui.com/