React.js Essentials

Gestores de contenido en Node.js

WordPress, Drupal o Joomla son tres de las opciones más conocidas dentro del mercado de los sistemas de gestión de contenidos. Pero el impulso del JavaScript como lenguaje multifuncional descubre otras opciones: KeystoneJS, Hatch.js, Apostrophe o Pencilblue.

Leer más en http://www.bbvaopen4u.com/

NVD3: Charts reusables para D3.js

NVD3 es una librería que ofrece componentes Charts y Charts reutilizables construidos sobre d3.js, NVD3 nos ofrece toda la potencia de D3 simplificando su uso.

En sus ejemplos podéis ver todos los charts que ofrecen:

Por ejemplo: http://nvd3.org/examples/stackedArea.html

Este gráfico:

Se genera con:

¿Qué es toGeoJSON?

toGeoJSON es una librería Javascript sin dependencias que permite convertir formatos KML y GPX a GeoJSON.

Además ofrecen un servicio Web para hacer las transformaciones online:

Explorando Angular2

En este artículo de DZone analizan la nueva versión de Angular, aunque aún ni siquiera está en Beta (está en milestone).

De las novedades me quedo con esta:

“The biggest reason for writing Angular2 apps in TypeScript is that Angular2 itself is written in TypeScript”

Aunque evidentemente se sigue pudiendo escribir apps Angular2 en Javascript

Para los que venimos de Java en este mundo del JS el TypeScript es una bendición!!! Mirad si no:

Migrando una aplicación Spring Web MVC basada en JSP a AngularJS

En el Blog de Spring.IO podéis encontrar este post sobre los pasos para migrar una aplicación Web sobre JSP y Spring MVC a AngularJS y Spring MVC.

Como dicen en el artículo es importante tener en cuenta ciertas consideraciones:

· Al migrar de una tecnología Server-Side (JSP, Thymeleaf, JSF,…) a una Client-Side es necesario concebir la aplicación como 2 aplicaciones: la Client-Side y la Server-Side.

· La aplicación Client-Side estará construida en AngularJS y correrá el navegador y comunicará con los Servicios Server-Side provistos por Spring MVC.

· También es importante tener en cuenta que al trabajar con una tecnología Javascript en lugar de usar formularios HTML haciendo form submit los datos se encapsularán en un objeto JSON enviado al Servicio RESTFul Spring MVC.

· Las validaciones pueden hacerse mediante el mecanismo de validaciones de AngularJS, aunque es recomendable volver a validar estos datos en la Capa de Servicios

Estructuración de la aplicación

Veamos cómo se puede estructurar la aplicación.

Partiendo de un proyecto Maven Web tendré:

Dentro de src/main/webapp tendré mi aplicación AngularJS:

Los desarrolladores JSP están (estamos J) acostumbrados al uso de Tags para mapear formularios a objetos Java por ejemplo:

En AngularJS también existe un mecanismo de binding, aunque este construido sobre plantillas en HTML (y por tanto que se renderizan bien en el navegador, uno de los mayores handicaps de las JSPs :)).

AngularJS permite definir campos obligatorios, validaciones de fechas, patrones,…

Convirtiendo mis controladores Spring MVC en Servicios RESTful

Como decíamos lo lógico es que AngularJS pase un objeto JSON a la capa Server-Side, por tanto ya no necesito el ModelAndView de Spring MVC para renderizar una vista:

Si no que basta con construir un Servicio RESTful que devuelva el recurso (DTO para entendernos :D) que será mapeado por AngularJS:

Podemos ver cómo desde AngularJS se accede al Servicio RESTful:

De Google Earth a Cesiumjs

Con el anuncio de Google de deprecar el API Google Earth a finales de 2015 muchos equipos están buscando alternativas.

Para estos podemos compararlo con Google Earth:

Leer más

Yo, que soy bastante paquete en esto del Javascript, he sido capaz de hacer alguna cosilla interesante con el Cesium.js partiendo de sus ejemplos.

Para ver lo que se puede hacer podéis cualquiera de sus demos, como esta en la que directamente online podemos probar cómo renderiza topoJSONs:

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 685 seguidores

A %d blogueros les gusta esto: