Crea gráficas sencillas con C3.js en 5 minutos

A la hora de mostrar gráficas de nuestros datos la librería más popular es D3.js. Esta librería es MUY versátil y con ella podremos hacer casi todas los tipos de gráficas que queramos.

Pero D3.js tiene también una curva de aprendizaje muy pronunciada. Para hacer una gráfica sencilla tienes que manejar de entrada muchos conceptos (y escribir mucho código). Para estos casos D3.js se presenta como una solución demasiado completa (y compleja)

Así que si lo que queremos es añadir una gráfica sencilla a nuestro proyecto de manera rápida tenemos una opción mejor: C3.js.

Continuar leyendo

Cómo ordenar aleatoriamente y agrupar (elegantemente) un array de elementos

En el bootcamp en el que estoy dando clases en Irlanda (Code Institute) hoy tocaba TDD 🙂

Para practicar TDD les he propuesto unas katas y he pensado que la mejor manera de practicar esto era que hicieran pair-programming y que cada hora cambiaran de compañero. Para decidir las parejas he decidido crear un pequeño script que re-ordenara de forma aleatoria un array con los nombres de los alumnos y que además, los agrupara por parejas (o en grupos de 3, de 4 o de lo que hiciera falta en cada momento).

Continuar leyendo

Palabras reservadas a evitar como nombres de variables en Javascript

La primera buena práctica de Javascript que yo recomendaria es: evitar como nombres de variables las palabras reservadas de Javascript.

Las palabras reservadas son aquellas palabras que no debemos utilizar como nombres de variables (identificadores) ya que Javascript tiene asociado algún otro uso para ellas y seguramente nos lanzará un error al querer utilizarlas como nombres de variables.

Buscando una buena referencia de palabras clave a evitar me encontré con este post de Mathias Bynens que es inmejorable. En su articulo, Mathias lista y comenta las palabras clave reservadas de cada una de las versiones ECMAScript. Asi que, con permiso de su autor, este post es una traducción libre de su articulo…

palabras clave reservadas  javascript

Continuar leyendo

Cómo empezar a automatizar tus tareas Grunt

Grunt es una herramienta que ser ha vuelto MUY popular en los ultimos tiempos ya que nos permite automatizar todo tipo de tareas en el cliente y como consecuencia mejorar nuestra productivadad en un 500%.

Estas automatizaciones se hacen imprescindibles cuando trabajamos con transcompiladores, o lenguajes que compilan a otros lenguajes (Coffeescript, SASS,…). Tambien si aplicamos metodologias TDD y queremos ser eficientes, necesitamos sistemas que nos permitan lanzar los tests de una manera rapida y sencilla.

Pues todo esto y mas cosas podemos hacer con Grunt.

features-grunt-big

Continuar leyendo

Los 5 mejores libros para aprender Javascript

El otro dia me encontré con un post donde recomendaban libros sobre Javascript para elevar tu nivel. Este post surge a raiz de una discusión que hay en el grupo de Google sobre Javascript JSMentors

La verdad es que coincido bastante con las conclusiones de este post. Pero voy a simplificar mucho más la lista para dejar sólo los 5 libros imprescindibles para pasar de principiante a programador Javascript Avanzado.

Continuar leyendo

Las 10 mejores Conferencias Europeas sobre Desarrollo y Diseño Web en el 2011

En el mundo del diseño y el desarrollo web no hay más remedio que estar aprendiendo continuamente. Pero para este aprendizaje continuo a veces, los libros y la red se quedan cortos, o al menos hacen que el proceso de adquirir este conocimiento sea mas
lento.

Por eso es interesante asistir a alguna de estas conferencias (A.K.A. workshops, seminarios, etc..). En ellas, en pocos dias, podremos conocer las nuevas tecnologias, herramientas y recursos (muchas veces de la mano de los propios autores), la forma de
trabajar de otros profesionales del sector, o simplemente comprender mejor aquello en lo que trabajamos dia a dia.

Continuar leyendo

¿Cómo debemos crear Arrays, Objetos y Funciones en Javascript?

En Javascript existen lo que se llaman las  funciones constructoras. Son funciones que nos permiten crear objetos cuando las llamamos con el operador  new.

Todos los “tipos de dato” (arrays, funciones, strings…) en Javascript tienen su funcion constructora correspondiente, aunque para crear estos elementos se recomienda utilizar la llamada ‘notación literal’

Continuar leyendo