JavaScript: Mi mejor aliado

Es increible en todo lo que me ayuda JavaScript. Su último rescate fue ayudarme a obtener un sencillo reporte cuyos datos estaban en un grupo de  Google Apps. El panel de administración gratuito de Google Apps lista los miembros de los grupos de 30 en 30 y no te pemite navegar fácilmente entre las páginas. Lo datos que debía obtener eran el correo electrónico y la función del miembro dentro del grupo.




Listado de los miembro de un grupo en el panel de Google Apps

El problema es obtener los datos, con un simple copiar y pegar no me resultó; iba a tardar mucho acomando los datos de 8 páginas.  En la imagen de abajo veran el resultado en Notepad. El resultado en Excel no se lo muestro porque la situación se complica aun más.





Los datos depués de pegarlos en Notepad

Con la ayuda de un sencillo script que ejecuto desde la consola de las herramientas para desarrolladores de IE9 (F12) logré extraer lo datos, ubicarlos en una tabla al final de la página y luego a copiar y pegar en Excel para darle forma al reporte.

El resulado del script



Acá les dejo el script:

//Obtenemos todas las tablas que hay en la página
rTables = document.getElementsByTagName("TABLE");

//La tercera tabla es la que contiene los datos
rTable = rTables[3];

//Creamos una nueva tabla para acomodar los datos
rs = document.createElement("TABLE");

//Recorro los datos para acomodarlos
for(i = 2; i < rTable.rows.length-1; i++)
{
 r = rs.insertRow(-1);
 c = r.insertCell(-1);
 c.innerText = rTable.rows[i].cells[2].innerText
 c = r.insertCell(-1);
 c.innerText = rTable.rows[i].cells[3].innerText
}

//Inserto los datos reacomodados al final de la página
document.getElementsByTagName("BODY")[0].appendChild(rs);

Recomendado: JavaScript Succinctly

Recuerdo mi primer ¡Hola mundo! con Javascript, eso fue en el año 2002, mi editor HTML en esa época era Notepad. Estoy casi seguro que todos los programaodores Web han tenido un amor a primera vista con Javascript.

Aún sin tener la plena conciencia de lo que era Javascript en esos días y de lo que llegaría hacer hoy, empecé a introducirme en el mundo mágico de este lenguaje para manipular el DOM. Navegando entre varios sitios, unos muy buenos otro no, fui mejorando mi habilidad en usar el lenguaje.

Pero a pesar de toda la experiencia adquiridad en el camino y de ser una herramienta indiscutible en mis últimos proyectos Web, nuca consideré tener un profundo conocomiento del lenguaje hasta que leí el e-book JavaScript Succinctly de Syncfusion.com. Gracias a ese libro logré entender la arquitéctura de Javascript.

Aprendí a leer la ayuda

En el primer semestre de mi carrera me introdujeron en el mundo de PASCAL y C para convertir la teoría en práctica. Al inicio era muy fácil porque solo se trataba de transcribir los código que el profesor(a) nos daba en papel.

Luego llegó el momento en que deje ser un simple mono (digitador) y me volví un Homo Sapiens, deseaba hacer cosas diferentes y aprender nuevas funciones, expresiones, etc., pero me encontré con una temible tecla F1.

Para mí era como leer jeroglíficos, no entendía para nada el lenguaje usado en la ayuda y me costaba interpretar los ejemplos proporcionados. A medida a que más me enfrentaba a la ayuda fue mejorando mi habilidad para leer misma, sobre todo la notaciones usadas para representar la sintaxis del lenguaje.

Ahora que he adquirido algo de madurez lo primero que hago al valorar cualquier herramienta tecnológica es revisar la calidad de la ayuda con el objetivo de disminuir la curva de aprendizaje  de la nueva herramienta.

Cuando empezó popularizarse el uso de las librerías de JavaScript lo primero que hice fue investigar en los foros cuales eran las más usadas, encontré algunos nombres como Prototype, Mootools y JQuery. En esa epoca las más populares eran Mootools y JQuery, pero para decidirme en cual usar visité cada sitio para leer su respectiva documentación (ayuda), para mí la de Prototype era la más fácil de aprender y minimizaría la curva de aprendizaje, la documentación de las otras me pareció muy confusa.

Prototype sin duda me consquistó al mundo de las librerías de JavaScript, pero JQuery se popularizó bastante y empezó hacer la más usada, además ofrecía muy buenas características que realmente me interesaban, así que pronto me cruce a JQuery. Pero mi paso por Prototype me ayudó mucho facilitarme la transición. Cuando visitaba la documentación de JQuery ya no me pareció confusa y se me hizo más fácil interpretar y comprender los ejemplos.

Sin duda el saber leer la documentación o ayuda ha sido una de mis mejores armas para poder profundizar mis conocimientos en una herramienta tecnológica.

Configurando SyntaxHighligther

SyntaxHighligther es una herramienta preciosa que era necesaria para este blog. La recomiendo a todos aquellos bloggers que les gusta publicar código. Mis agradecimiento a Alex Gorbatchev por tan excelente aporte.

Hora de probar.

<script type="text/javascript">
alert('Hello World!');
</script>

Precioso.