jueves, 8 de abril de 2010

JQuery: Write less, Do more

Hace poco tiempo tuvimos la necesidad de implementar una pequeña aplicación web y nos decidimos por Entity Framework y ASP.NET MVC2. De nuestra experiencia, una de las herramientas que tuvimos que utilizar y de la cual nos gustaria hablarles es JQuery.

¿Que es jQuery ?

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 arbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la tecnología AJAX a páginas web. Fue presentada en enero de 2006 en el BarCamp NYC.
jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en Javascript que de otra manera requerirían de mucho más código. Es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.

Características

• Selección de elementos DOM.
• Interactividad y modificaciones del árbol DOM, incluyendo soporte para CSS 1-3 y un plugin básico de XPath.
• Eventos.
• Manipulación de la hoja de estilos CSS.
• Efectos y animaciones.
• AJAX.
• Soporta extensiones.
• Utilidades varias como obtener información del navegador, operar con Objetos y Arrays, función trim() (elimina los espacios en blanco del principio y final de una cadena de caracteres), etc.
• Compatible con los navegadores Firefox, Internet Explorer, Opera, etc.

¿De donde se puede descargar?

Pueden descargarlo gratis desde su página oficial. http://jquery.com/

Tutoriales y documentación

En la pagina oficial se puede encontrar una gran cantidad de tutoriales en diferentes idiomas.

Enlace: http://docs.jquery.com/Tutorials
Documentación: http://docs.jquery.com/Main_Page

Uno de los libros que nos resulto extremadamente útil y práctico fue

jQuery Recipes: A Problem-Solution Approach



Paginas con ejemplos y demos

http://www.noupe.com/jquery/50-amazing-jquery-examples-part1.html
http://www.myphpdunia.com/2009/04/19/top-10-jquery-examples-with-live-demos/
http://www.templatelite.com/100-popular-jquery-plugins/
http://net.tutsplus.com/articles/web-roundups/the-20-most-practical-and-creative-uses-of-jquery/

Espero les sea de utilidad, hasta la próxima!

1 comentario:

  1. buena intro a la tematica y lo que siempre sirve paginas de ejemplos!!!

    yo he usado jquery, mootools y otras mas, pero siempre me aseguro que sean realmente necesarias a veces la gente confunde su utilidad y la usa aunque sea para poder seleccionar un objeto del dom, cuando en si hay otras formas menos pesadas de hacerlo ya que los frameworks de por si ya vienen con pila de cosas que no siempre hay que usarlas.
    a tener cuidado y a leer bien y sobre todo ver ejemplos que ayuda

    ResponderEliminar