Categoría ‘javascript’

Animaciones y transiciones con AngularJS

Martes 14 de mayo de 2013. a las 08:59

Animaciones y transciones con Angularjs

A partir de la versión 1.1.4 del framework (descargar aquí del Google CDN), AngularJS viene con soporte nativo para animaciones y transiciones gracias a la nueva directiva ng-animate. Os recomendamos encarecidamente echarle un vistazo al fantástico artículo en el blog yearofmoo que nos explica cómo utilizar esta nueva y genial feature de AngularJS y nos proporciona un buen número de ejemplos.

Puesto que esta directiva es una novedad de esta versión, debemos consultar la documentación de ngAnimate en los docs de la versión 1.1.4 ya que en versiones anteriores no vamos a encontrar referencias a las animaciones.

+ ver más

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

Tutorial de Ember: Screencast paso a paso

Lunes 15 de abril de 2013. a las 09:21


Ember Video Tutorial

Cuando presentamos el framework JavaScript Ember.js ya comentamos que uno de los principales problemas de este framework era la dificultad de hallar buenos recursos de aprendizaje actualizados y por tanto los inicios eran (por decirlo suavemente) un tanto duros. Sin embargo, también advertimos de que los creadores del framework eran conscientes de ello y por tanto podíamos esperar interesantes mejoras y novedades al respecto. Pues bien, Tom Dale, uno de los autores del framework, se ha puesto manos a la obra y ha grabado un fantástico screencast de introducción a la programación de una Web App JavaScript en Ember.

+ 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

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

Estilos para Google Maps API V3 en Javascript

Lunes 11 de junio de 2012. a las 09:01

Hace algún tiempo salió la versión 3 del genial Google Maps API y como suele ser el caso vino cargada de interesantes funcionalidades y mejoras. Este artículo (y sin que sirva de precedente) lo vamos a dedicar a la versión Javascript de la API en lugar de nuestro querido Flash, centrándonos en las configuraciones de estilo del mapa. En esta versión de la API se ha mejorado muchísimo este apartado, y actualmente es posible customizar la vista de un Google Maps de casi cualquier manera que se nos ocurra, desde eliminando o simplificando elementos que no sean demasiado relevantes en el mapa que queremos mostrar, a cambiar los colores de la gran mayoria (por no decir todos) de los elementos del mapa.

Nuestra filosofía es que si una imagen vale más que mil palabras, en programación un ejemplo funcionando vale más que mil imágenes, así que nos sentimos orgullosos de presentaros una muestra en forma de minijuego que hemos bautizado The Great 2012 Los Tiempos Cambian City Quiz v0.1, totalmente basado en Google Maps customizados (podríamos decir que ofuscados), que se puede programar en un ratejo utilizando los modificadores de estilo que os vamos a presentar y un poquito de imaginación. ¡A ver cuántas ciudades sois capaces de reconocer! Ya os advertimos que hay algunas muy fáciles y otras que van para nota… y además hemos barrido para casa ;)

+ ver más

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

Pasar parámetros a ficheros externos JavaScript

Lunes 8 de noviembre de 2010. a las 12:01

A veces en nuestras aplicaciones web introducimos mucho código JavaScript que podríamos extraer a un fichero externo .js y mejorar nuestro código en varios factores como organización, depuración, reutilización, etc. Sin embargo, a menudo este JavaScript no lo podemos externalizar porque intercalamos en él programación en lenguaje servidor (en nuestro caso PHP, aunque como siempre cualquiera vale) para dar valor a algunas variables, dar nombres a variables, etc.

+ ver más

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