Tags ‘javascript’

Backbone vs Angular vs Ember

miércoles 11 de diciembre de 2013. a las 10:38

backbone vs angula vs ember

El tiempo pasa y la tecnología cambia muy rápido pero los conceptos no tanto. Hace muchos años en 1995 apareció con Java Applet una forma de ejecutar código de alto nivel (en este caso Java) mediante una máquina virtual en el navegador, la Java Virtual Machine (JVM). El concepto era poder utilizar aplicaciones tan potentes como las de un escritorio en un navegador web y que el trabajo duro lo realizara cliente.

Aunque no acabó triunfando, ya que la JVM era pesada en la descarga y en el arranque de cada applet, el concepto evolucionó y Adobe lo llevó hasta su concepto de las RIAs (Rich Internet Application)creadas con Flex y basadas en otra máquina virtual Flash Player, mucho más ligera y que era un estándar ya que el 99% de los usuarios la había adquirido para ver contenido Flash.

Siempre se auguró como el futuro de internet este concepto y en la actualidad los frameworks JavaScript para aplicaciones web «single page» han tomado el relevo de crear sistemas en los navegadores donde gran parte de su lógica de negocio depende del cliente.

Sin tener experiencia previa, elegir un framework u otro puede ser una jungla difícil de atravesar. En este artículo vamos a comparar los que pensamos que son los frameworks JavaScript más populares: Backbone.js, AngularJS y Ember.js, primero desde un punto de vista lo más objetivo posible y posteriormente vamos a atrevernos a mojarnos y dar nuestra opinión personal sobre cada uno de ellos como la elección que hemos tomado en nitsnets | studios.

+ ver más

>---------------------------->

Listas anidadas en AngularJS 1.2

martes 3 de diciembre de 2013. a las 09:04

Listas anidadas en AngularJS

A la hora de diseñar una aplicación o software, es bastante común el caso de necesitar realizar un listado de datos anidados o jerarquizados. Por ejemplo: una lista de equipos pertenecientes a una liga y que incluye el entrenador y los jugadores de cada equipo, o un listado de autores con sus libros, que puede tener un nivel más de anidamiento si cada libro incluye, por ejemplo, una lista con cada una de las ediciones que ha tenido.

Desde la versión del framework 1.2, AngularJS nos provee con dos nuevas directivas diseñadas para facilitarnos esto. Estas dos nuevas directivas son ng-repeat-start y ng-repeat-end. Utilizando ambas junto con la clásica ng-repeat podemos conseguir una visualización de datos anidados sencilla pero realmente potente y adaptable.

+ ver más

>---------------------------->

Guardando pngs en el servidor con HTML5

martes 19 de noviembre de 2013. a las 09:02

guardando-pngs-servidor-javascript-html5

La idea de este post es replicar uno de nuestros primeros post de utilidades para Flash, guardando jpgs en servidor con ActionScript3 pero utilizando tecnologías web estándares, es decir HTML5, CSS y JavaScript. En particular vamos a centrarnos en el elemento canvas de HTML5 para dibujar sobre él, y su método toDataURL para capturar la imagen en un stream de datos binarios que posteriormente enviaremos al servidor y guardaremos en un archivo PNG.

+ ver más

>---------------------------->

Backgrid, componente Datagrid para Backbone

miércoles 10 de abril de 2013. a las 10:00

Backgrid componente Datagrid para Backbone

Backgrid es un componente Datagrid para el framework Backbone, pensado para construir widgets datagrid que sean semánticos y fácilmente adaptables. Al igual que al trabajar en el framework Backbone, la filosofia de este componente es que las tareas comunes sean fáciles de llevar a cabo, y a su vez posibilitar la realización de tareas difíciles o más especializadas posibilitando una fácil personalización y extensión de sus elementos.

+ ver más

>---------------------------->

Cuatro factores para el éxito de JavaScript

miércoles 3 de abril de 2013. a las 11:29

Cuatro factores para el exito de JavaScript

No vamos a esconder nuestra admiración por Jeff Atwood, afamado autor del blog Coding Horror y cofundador de Stackoverflow y ahora Discourse, una aplicacion JavaScript open source para foros de discusión desarrollada en Ember.js. Precisamente fue en el evento EmberCamp 2013, durante la charla de clausura que Atwood hizo algunas reflexiones muy interesantes sobre el pasado y el futuro de JavaScript y las aplicaciones y el desarrollo web en general.

No olvidemos que fue allá por 2007, con la web 2.0 aún prácticamente en pañales, cuando Atwood publicó en su blog la (narcisísticamente nombrada) Atwood’s Law:

Any aplication that can be written in JavaScript, will eventually be be written in JavaScript

¡No se puede ser más profético!

Entre otras cosas, Atwood destaca cuatro factores (ya sean características de JavaScript o circunstanciales) que han contribuido al auge de este lenguaje y su actual popularidad entre los desarrolladores.

+ ver más

>---------------------------->

Introducción al framework Ember.js

jueves 28 de marzo de 2013. a las 12:05

Ember Logo

Después de la demo de Webapp en AngularJS y de la demo de Backbone vamos a hacer una pequeña introducción a un framework JavaScript relativamente nuevo y que tiene un nivel de hype altísimo debido a algunas características realmente interesantes y potentes: Ember.js

En el momento de escribir este post el framework Ember se encuentra ya en versión 1.0 Release Candidate y cada vez más cerca de una versión estable. Por desgracia, la información y ejemplos de código actualizados que se pueden encontrar sobre este framework son escasos, así que nos parece que este ejemplo puede resultar muy útil para alguien que quiera empezar con Ember a través de un ejemplo de App sencilla (pero funcional).

+ ver más

>---------------------------->

Webapps JavaScript con Backbone

jueves 7 de marzo de 2013. a las 10:13

Backbone.js logo

Vamos a replicar la demo de Webapp en AngularJS que publicamos esta misma semana, pero esta vez utilizando otro de los frameworks JavaScript para Webapps más populares, Backbone.js como alternativa. Al igual que en el caso de AngularJS, vamos a intentar ofrecer una introducción al framework así como una posible estructuración de proyecto.

+ ver más

>---------------------------->

AngularJS. Framework JavaScript para Webapps

lunes 4 de marzo de 2013. a las 11:06

AngularJS framework javascript para crear RIAs

En nitsnets | studios vamos a desarrollar un nuevo gran proyecto para una importante multinacional. Un B2B (business to business) de la que pronto podremos contar más. El reto: desarrollar toda la intranet sin lenguaje servidor ya que la capa de lógica de negocios está totalmente implementada por webservices y por tanto la creación de una Webapp o Web Application con tecnología estándar HTML/CSS3/Javascript para la correcta visualización en multiplataforma y multidispositivo.

Después de tiempo investigando y planteando incluso una solución realizada a medida con nuestro jefe de proyectos Alex Such dimos con la solución: AngularJS un framework javascript MVC que se adapta a la perfección y encaja a todo lo que habíamos ideado. Para los más flasheros un sustituto ideal con tecnología estándar web de las RIAs (Rich Internet Application) creadas con Flex.

Durante este artículo os mostraremos un ejemplo de cómo empezar y una buena forma de organizarnos con AngularJS

+ ver más

>---------------------------->

Adaptar la altura en las aplicaciones Facebook. Resize en Facebook

martes 20 de noviembre de 2012. a las 11:24

adaptar la altura en las aplicaciones Facebook resize en Facebook

Cuando hacemos una APP de Facebook a veces nos encontramos con el problema de que nuestra aplicación aparece cortada sin acabar de mostrar todo su contenido ya que su altura es mayor a la del iframe que lo contiene en Facebook.

Mediante este tip conseguiremos adaptar la altura de las aplicaciones de Facebook al tamaño de nuestro canvas tanto sea con una altura fija o una altura variable.

+ ver más

>---------------------------->

Frameworks para desarrollo de videojuegos para móviles – Conferencia ADWE

miércoles 31 de octubre de 2012. a las 10:49

El pasado jueves 25 de Octubre tuve el honor de dar una pequeña conferencia o charla englobada bajo el Mes de los Videojuegos en CAMON Alicante. Como su nombre indica, el tema de la charla iba a ser los frameworks de desarrollo de videojuegos para móviles. Gracias a ADWE y Andrés Karp por contar conmigo para dar la conferencia, y por supuesto a TUCAMON por esas instalaciones tan brutales que tienen y todos los eventos para desarrolladores que organizan.

+ ver más

>---------------------------->