Qué tanto sabes de Prototype

Esta semana no soy phpman soy ajaxman. Es que con librerías como Prototype, JQuery o MooTools resulta realmente agradable, entretenido y fácil programar en Javascript.

Además vengo saliendo de un proyetco en el que me tocó vérmelas con “EXPERTOS” y fue muy reconfortante ver cómo mi código era limpio, elegante, accesible y fácil de entender en comparación al de ellos. No puedo decir mucho, pero mientras yo programé de forma no intrusiva en un js aparte y valiéndome sólo de los elementos “id”, “rel” y “href” gracias al power de Prototype, ellos chantaron su script en medio del html con cosas tan demodé como 20 líneas de este estilo:

var fono = document.contacto.fono.value;

Hey!!! prototype serializa un formulario entero en una línea ;)

//como hash
$(‘person-example’).serialize()
// -> ‘username=sulien&age=22&hobbies=coding&hobbies=hiking’
// json way $(‘person-example’).serialize(true)
// -> {username: ‘sulien’, age: ’22′, hobbies: ['coding', 'hiking']

En fin, aún así, no me las sé toda. Buscando tutoriales en google me encutro con esta entrada que me hizo darme cuenta que aún me falta mucho por aprender de Prototype.
Enlace: Cuánto sabes de prototype (inglés, pero fácil)

Chuletas para JQuery

Para el que no conoce el término chuleta, se trata de una tabla recordatoria, un torpedo o un acordeón que nos permite tener los elementos que usamos de forma más recurrentes de forma ordenada.

A pesar de que hoy me llevé una desilusión con JQuery por no poder manejar los eventos con la misma facilidad que en Prototype,  tuve oportunidad de hacer un par de cosas muy prácticas y de manera muy simple.

Resumen: en comparación con la curva de aprendizaje que tuve con Prototype, con JQuery las cosas han ido más rápido. Lo único que me hace falta es una documentación más completa y menos dispersa.

Como sea, este torpedo es una buena forma de comenzar a famliarizarse con la librería, que en realidad promete, es cosa de tiempo, al menos par mí.

Descargar: Chuleta JQuery

Livevalidation: valida tus formularios al vuelo

Esta es una herramienta genial y potente que pude darle este toque web 2.0 a tus proyectos. Se trata de un pequeño script (en versiones standalone y prototype) para validar al vuelo formuarios con javascript. Live Validation
Mi recomendación es a la hora de validar lo fundamental sea la accesibilidad, por lo que debes procurar que tus formularios también validen sin ajax y que el estilo sea coherente con el de LiveValidation

Enlace: http://www.livevalidation.com/

Ajax

Uno de los temas que me ha tocado estudiar harto durante los últimos meses es AJAX. Debo confesar que al principio fue difícil. De partida nunca fui muy amigo de Javascript, pues, como muchos, pensaba que era un lenguaje de segunda categoría; además, y como si fuera poco, a duras penas me entendía con XML y no sabía nada de DOM.

Por eso, cuando me tocó implementar mi primera aplicación con Javascript y XML, no tuve más remedio que leerme Ajax in Action de Dave Crane, Eric Pascarello y Darren James. Pero sirvió de poco, porque no entendí mucho. Intenté entonces batírmelas con Prototype, pero me fue peor. Al final mi salvación vino de la mano de getElementById, del inspector DOM de Firefox y del nunca bien ponderado método de ensayo/error para corregir las fallas en Internet Explorer.

A pesar de que fue una solución poco elegante, me permitió aprender y entender cosas que de otra forma no hubiese podido. No diré que me he transformado en un experto, pero con el tiempo, con la excelente documentación de Prototype v1.5 y con la ayuda de unos ilustrativos post de Estado Beta he logrado hacer unas cuantas aplicaciones bastante complejas.

En fin, todo esto lo cuento porque pretendo comenzar a postear una serie de tips para aficionados y desarrolladores nóveles como yo.

That is!