The Art of AngularJS in 2015

Echaba de menos yo las comparativas de frameworks Web de Matti Raible, el último que había visto seguía centrado en frameworks Web Java (ver aquí)

En este caso Matt nos trae esta presentación sobre AngularJS, que va una visión global sobre lo que ofrece

Ver Presentación

JetBrain WebStorm: por fin un IDE Javascript en condiciones!!!

JetBrains WebStorm es el IDE para Javascript desarrollado por JetBrains (los mismos del IntelliJ).

Es un IDEA que permite el desarrollo de capa cliente en JS pero también de la capa servidor con Node.js, de hecho ofrece soporte para todas estas tecnologías.

La falta de un gran IDE Javascript (y las herramientas de navegador no lo son, y los plugins de Eclipse no lo son) siempre ha sido una deficiencia para el desarrollo de Javascript, y además no lograba entender el motivo!!!

Si WebStorm es la mitad de la mitad de lo bueno que es el IntelliJ sin duda que merece la pena! (yo lo pongo en mis lista de TODOS!!!…actualizado…

Ya he hecho una prueba básica…he importado unos HTMLs + JS que tenía en mi local (y no precisamente sencillos), he puesto a depurar el proyecto, me ha pedido instalar el JetBrains IDE Support:

Y voilá…aquí estamos depurando Javascript al estilo Java!!!

Si os ha interesado podéis echar un primer vistazo aquí: https://www.jetbrains.com/webstorm/quickstart/

JSONSchema.net: Generar nuestro JSON-Schema desde JSON con Javascript

JSONSchema.net es un portal web que es capaz de generar un Schema-JSON a partir de un JSON, todo a través de librerías Javascript:

Tiene bastantes opciones de parametrización, aunque no permite indicar tratamientos de fechas, enumeraciones,…en cualquier caso es una herramienta muy útil.

Existen otras librerías que hacen esto mismo, como:

JSON Schema Generator en Python: https://github.com/perenecabuto/json_schema_generator

GenSON también en Python: https://github.com/wolverdude/GenSON/

Otro en Ruby: https://github.com/maxlinc/json-schema-generator

La ventaja de JSONSchema es que es 100% Javascript, de hecho si queréis reutilizar su código tiene una versión previa en el que las librerías Javascript no están ofuscadas y podéis seguirlo más fácilmente:

http://jsonschema.net/previous/#

Lo-Dash: Librería para manipular json

Lo-Dash es una librería Javascript que permite manipular estructuras Json de forma sencilla. Simplifica de forma considerable las operaciones más frecuentes que se realizan sobre Json, como ordenaciones, filtros, búsquedas, etc.

La documentación disponible indica un catálogo donde se describe cada una de las utilidades existentes, agrupadas por categorías:

Así como una api completa.

Como ejemplo de uso, a continuación se muestra como se haría la unión de dos objetos json:

O un aplanado de una estructura json compleja:

Incluye gran cantidad de utilidades, lo mejor es probarlo y navegar por sus opciones.

Para saber más: https://lodash.com/

Web Development Tools que necesitas conocer!!!

· npm (Node Packaged Modules) – package manager for node.js

· Bower – package manager for the front-end

· Grunt – task runner for front-end

· gulp.js – task runner created under inspiration of grunt (

· Yeoman – scaffolder that helps to start new projects by generating (scaffolding) files structure and content based on the best practices

Dashy: Un constructor de Dashboard sobre AngularJS

Dashy es un dashboard contruido sobre AngularJS que permite visualizar y combinar datos desde una gran cantidad de fuentes y construir un cuadro de mandos de forma muy sencilla.

Podéis ver una demo en http://dashy.tropicalseo.net (username: admin / password: pass)

Desde la que se pueden crear Dashboards a medida:

E ir añadiendo gadgets como estos:

Hasta construir dashboards como este (http://dashy.tropicalseo.net/#/dashboard/77) donde los gadgets pueden moverse

A nivel técnico Dashy:

· Desarrollado sobre AngularJS y SlimFramework

· Tema basado en Bootstrap

· Arquitectura REST

· Fácilmente adaptable

· Permite añadir nuevas fuentes de datos

· Documentación sobre cómo instalar, crear nuevos gadgets,…: http://dashy.tropicalseo.net/documentation/

Impress.js: el Prezi basado en CSS3

Como podéis ver en su propia página

Impress.js es un herramienta web para crear presentaciones al estilo Prezi basadas en la potencia de CSS3 para hacer transiciones!

Queréis saber más….entonces hacedles caso: https://github.com/bartaz/impress.js

En esta página podéis encontrar desde ejemplos, a herramientas como editores gráficos o este curioso generador de presentaciones circulares HTML5 (http://wmh.github.io/circular-slides-generator/)

Seguir

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

Únete a otros 562 seguidores

A %d blogueros les gusta esto: