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

Monta tu (Single Page) App con Angular y WordPress

 

1

WordPress es una herramienta super potente, y más aun desde que tenemos la posibilidad de servir sus datos a traves de una API. Esto nos abre un mundo de posibilidades como por ejemplo aprovechar la potencia de WordPress como CMS (Content Management System) para la gestion de usuarios y creación de contenidos y utilizar estos datos desde una aplicación movil o web.

Angular.js es uno de los frameworks Javascript de moda que nos permite crear aplicaciones web estructuradas que se comuniquen con el servidor a través de una API.

En este post vamos a explicar cómo utilizar nuestra instalación WordPress para:

  • Servir una aplicación web hecha con angular.js
  • Gestionar nuestros usuarios y contenidos desde Wordpress
  • Servir los contenidos de WordPress a través de una API
  • Mostrar los contenidos servidos por la API en nuestra app angular

Muchas cosas, eh? Pues empezamosssss… ya! 😉

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

Cómo ordenar un array de strings según unas prioridades específicas

El otro día en un proyecto me surgió la necesidad de dejar preparado un código para que dado un array de strings, éste quedara ordenado en base a unas prioridades especificas.

Por ejemplo, dado un array de tipos de media (obtenido por ejemplo a través de una consulta a una API), me interesa que los tipo “foto” queden siempre al principio del array,  luego los tipo “audio”, etc…

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

ECMAScript 3, 5 y 6: Pasado, Presente y Futuro de Javascript

Desde que en 1995 apareciera el lenguaje Javascript cada navegador ha implementado su propia “versión” del lenguaje

Para poner un poco de orden en todas estas implementaciones se definió un standard y la European Computer Manufacturers Association (ECMA) lo publica (su primera versión) en 1997 bajo el nombre ECMA-262.

ECMAscript para los amigos 😉

ECMAScript (ES3, ES5 y ES6)

 

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