El canvas de HTML 5 (II). Trazos en 2d.

En el artículo anterior aprendimos lo básico para crear lienzos de dibujo en HTML 5. En concreto, aprendimos a insertar los lienzos en la página, prever un mecanismo de fallback para navegadores inadecuados y referenciar los lienzos desde JavaScript. Sin embargo, aún no sabemos qué hacer con ellos, ni nos sirven para nada. En este artículo vamos a empezar a aprender a incluir formas en 2d en nuestros canvas. Y subrayo lo de “empezar” porque el dibujo en lienzos de HTML 5 permite tantas posibilidades que abarcarlas todas en un artículo es imposible. Sin embargo, de aquí saldremos con unos conocimientos básicos que, en posteriores artículos, nos permitirán seguir avanzando. Cómo siempre, espero que disfrutes de esta lectura y, sobre todo, que te resulte interesante y provechosa.

JavaScript 2015 (III). Interpolación y mapas.

En este artículo vamos a conocer dos nuevas aportaciones del estándar 2015 de JavaScript para el manejo de datos. Se trata de las interpolaciones y los mapas. Ambos se refieren al manejo de objetos y de arreglos, es decir, variables complejas o colecciones de variables. Estas técnicas (o sus equivalentes similares) existen, desde hace mucho tiempo, en otros lenguajes como PHP o Java. Sin embargo, en JavaScript se echaban en falta. La nueva normalización llena completamente este vacío, si bien emplea una sintaxis peculiar. No sabemos si, en posteriores versiones del lenguaje, la sintaxis se aproximará más a la de otros lenguajes, o se mantendrá como propia de Javascript (aunque todo apunta a esto último). Nosotros vamos a conocer lo que tenemos ahora y si, en el futuro evoluciona, nos adaptaremos (aunque, insisto, la tendencia parece ser a mantener la notación actual).

El editor de DataTables (I). Qué es y cómo obtenerlo.

El plugin DataTables, cuyo uso hemos aprendido a lo largo de los artículos anteriores, no sólo nos sirve para mostrar datos tabulares de una manera elegante, y con poco esfuerzo de programación. En esta serie vamos a conocer un complemento que nos va a permitir agregar registros, editarlos o eliminarlos, de una manera cómoda, elegante y con poco trabajo. Después de todo, esa es la filosofía de jQuery: conseguir los mejores resultados con poco código, en poco tiempo, y de modo fiable y sencillo. Cómo nos dice el propio eslogan de jQuery, “Escribe menos, haz más”. El editor de DataTables es un complemento perfecto para agregar a nuestras tablas estas funcionalidades, y no podíamos pasarlo por alto. Si bien es una herramienta de prueba, con una duración de quince días, su licencia no es realmente cara. Para un desarrollador único, el coste es de poco más de 130 euros y, desde luego, te puedo asegurar que merece la pena. Y si no, lee los siguientes artículos, y juzga tú mismo. Y si trabajas en un equipo de desarrolladores, en una empresa, el coste, aunque algo mayor, no es relevante para la economía de una compañía.

Ajax con jQuery (y III)

En este artículo vamos a introducir el método más potente y flexible que jQuery nos ofrece (al menos hasta hoy) para trabajar con Ajax. Se llama, como no podía ser de otro modo, $.ajax() y veremos que posee un gran número de posibilidades de configuración que lo hacen apto para cubrir cualquier necesidad que podamos tener en este sentido.

Gestor de dependencias Bower

En este post vamos a hablar de la gestión de dependencias para los desarrolladores frontend. Ya hablamos de la gestión de dependencias para backend en un artículo anterior sobre Composer. En este artículo veíamos como pudíamos usar esa herrmienta para gestionar las dependencias de paquetes PHP. El problema que surge con Composer es que no siempre es adecuado para gestionar dependencias cuando se trata de frameworks JavaScript o CSS (en realidad, no es ese su objetivo, sino que está preparado para librerías y frameworks PHP). Bower es el complemento perfecto para tener en nuestro equipo todo lo que necesitemos en lo que a gestión de dependencias se refiere. Bower nos va a permitir instalar (y mantener actualizados con mucha facilidad) framewoks cómo jQuery, jQueryUI o Bootstrap, entre otros, así como las dependencias secundarias que estos puedan llegar a necesitar.