Blog de Desarrollo Web

Una de las características nuevas en Rails 3 es que permite de manera más sencilla poder definir los diferentes componentes de nuestra aplicación. Por ejemplo, ya no tendremos que hacer tanta magia para poder utilizar otra que no sea Prototype como librería Javascript, si no que ahora igual podremos utilizar jQuery con un poquito de configuración.

Lo primero que tendremos que hacer es con respecto al Javascript no obstructivo (UJS por sus siglas en inglés). El equipo de desarrollo de Rails 3 ha hecho un gran trabajo al reemplazar todo el código JS en línea con UJS y XHTML semántico; el detalle es que sigue siendo Prototype la librería por default

Para cambiar eso debes descargar y reemplazar el archivo public/javascript/rails.js desde github en la página del proyecto de jQuery UJS.

El siguiente paso sería la sentencia javascript_include_tag a todos nuestros layouts. Si ya has usado jQuery con Rails anteriormente, debes haber hecho algo como esto:

javascript_include_tag 'jquery', 'jquery-ui', 'rails', 'application'

Pero si tienes más de un layout y quieres adherirte al principio DRY (Don’t repeat yourself, no te repitas a ti mismo), entonces lo ideal sería poder hacer algo como lo que se hace con Prototype:

javascript_include_tag :defaults

Para lograr esto, es necesario modificar el archivo config/application.rb debes agregar una expansión Javascript como la siguiente

ActionView::Helpers::AssetTagHelper.register_javascript_expansion \
:jquery => %w/jquery jquery-ui rails application

De esta manera, podremos incluir nuestras librerías con la siguiente línea:

javascript_include_tag :jquery

Lo cual es mucho más sencillo y rápido.

En artículos siguientes seguiremos explorando las características nuevas de Rails 3. Manténganse en contacto.

Navegando por la web me encontré esta magnifica herramienta para aquellos que utilizan frecuentemente la librería jQuery. Es un documento que trae información clara y concisa para realizar las tareas más frecuentes de jQuery.

Si deseas descargarla y ver más información en inglés, entra al siguiente blog o puedes descargarla directamente desde este link.

¿Qué es jQuery?
jQuery es una increible librería de Javascript que permite crear efectos en páginas web con unas cuantas líneas de código. Como el mismo sitio web dice:

“jQuery es una librería Javascript que hace realidad el lema: Escribir código en Javascript debe ser divertido! jQuery logra este objetivo tomando las tareas comunes y repetitivas, quitando todo el código innecesario y dejándolo claro y fácil de entender”.

Probablemente estarás pensando “¿Porqué usar otra librería de Javascript mas?” y te respondería que simplemente la pruebes y veas que tan simple y poderosa es, incluso si ya has usado otras librerías antes o has creado la tuya propia.

¿Porqué debo usar jQuery?
Simplemente necesitas ver el código fuente de una página utilizando jQuery para que te des cuenta de lo fácil que es utilizarla, y sobre todo lo mucho que logras con pocas líneas de código.

Principalmente si te gusta mantener bien organizado tu código, ya que te permite separar fácilmente el código HTML del código Javascript.

¿Cuándo puedo usar jQuery?
Puedes usarla cuando necesites:

• Una librería pequeña que te ofrezca control total sobre el DOM (Document Object Model en inglés).
• Fácil acceso a funcionalidad AJAX
• Agregar efectos de animación a tu página web

¿Cómo la consigo?
Puedes descargarla desde el sitio web en versión normal o versión minimizada. En la página de jQuery también encontrarás links a más información y plugins que puedes utilizar en conjunto con la librería para agregarle funcionalidad adicional.