emberjs workshop visual engineering

WORKSHOP: EMBERJS PARTE I

EmberJS es un framework open-source de JavaScript basado en el patrón MVVM (Model-View-ViewModel).

Permite crear aplicaciones web ambiciosas, es decir, está diseñado precisamente para eso: implementar proyectos grandes. Por eso se dice que la curva de aprendizaje es algo alta.

Aunque es reconocido como un framework para web, también se permite hacer aplicaciones de escritorio y de móvil.

Ember se utiliza en muchos sitios web populares, como Discourse, GrouponVine, Live Nation, Nordstrom y Chipotle.

Dado que Ember es un framework muy interesante, decidimos dedicar dos workshops a él, siendo el primero "EmberJS Parte I" impartido por nuestros ingenieros Raúl Delgado y Andrés Lamilla, y dedicado a las características básicas de Ember.

Presentación para descargar: EmberJS 2.5 - Parte I


emberjs workshop visual engineering

WORKSHOP: EmberJS parte I

EmberJS es un framework open-source de JavaScript basado en el patrón MVVM (Model-View-ViewModel).

Permite crear aplicaciones web ambiciosas, es decir, está diseñado precisamente para eso: implementar proyectos grandes. Por eso se dice que la curva de aprendizaje es algo alta.

Aunque es reconocido como un framework para web, también se permite hacer aplicaciones de escritorio y de móvil.

Ember se utiliza en muchos sitios web populares, como Discourse, GrouponVine, Live Nation, Nordstrom y Chipotle.

Dado que Ember es un framework muy interesante, decidimos dedicar dos workshops a él, siendo el primero “EmberJS Parte I” impartido por nuestros ingenieros Raúl Delgado y Andrés Lamilla, y dedicado a las características básicas de Ember.

Presentación para descargar: EmberJS 2.5 – Parte I 


ionic-framework-workshop visual engineering

WORKSHOP: APLICACIONES HÍBRIDAS CON IONIC

Ionic es un framework open source gratuito que permite crear aplicaciones híbridas basadas en HTML5 optimizado para móvil, CSS3, y JavaScript. Para instalar ionic necesitamos tener instalado nodejs.

Las aplicaciones híbridas son aplicaciones multiplataforma, es decir, aplicaciones que se pueden ejecutar en Android, iOS, Windows Phone,... sin la necesidad de desarrollarla 2 o 3 veces como te tocaría hacer si tuvieras que hacerlo con el correspondiente lenguaje nativo de cada plataforma.

El framework esta construido con Angular y SASS básicamente, que permite trabajar con elementos CSS de una forma muy cómoda y de ese modo permite asegurar aplicaciones altamente interactivas, robustas, rápidas y escalables.

Ionic trabaja con cordova y en conjunto nos proporcionan herramientas realmente potentes y sencillas de utilizar para crear aplicaciones impresionantes en un período relativamente corto si lo comparamos a realizar la aplicación con cualquiera de los lenguajes nativos.

Dado que Ionic 2 esta cerca de salir de la clase beta, nuestro ingeniero Enrique Oriol nos impartió un workshop de "Aplicaciones híbridas con Ionic" para refrescar conceptos de cara a trabajar con la nueva versión.



Presentación para descargar: Aplicaciones híbridas con IONIC


ionic-framework-workshop visual engineering

WORKSHOP: Aplicaciones híbridas con Ionic

Ionic es un framework open source gratuito que permite crear aplicaciones híbridas basadas en HTML5 optimizado para móvil, CSS3, y JavaScript. Para instalar ionic necesitamos tener instalado nodejs.

Las aplicaciones híbridas son aplicaciones multiplataforma, es decir, aplicaciones que se pueden ejecutar en Android, iOS, Windows Phone,… sin la necesidad de desarrollarla 2 o 3 veces como te tocaría hacer si tuvieras que hacerlo con el correspondiente lenguaje nativo de cada plataforma.

El framework esta construido con Angular y SASS básicamente, que permite trabajar con elementos CSS de una forma muy cómoda y de ese modo permite asegurar aplicaciones altamente interactivas, robustas, rápidas y escalables.

Ionic trabaja con cordova y en conjunto nos proporcionan herramientas realmente potentes y sencillas de utilizar para crear aplicaciones impresionantes en un período relativamente corto si lo comparamos a realizar la aplicación con cualquiera de los lenguajes nativos.

Dado que Ionic 2 esta cerca de salir de la clase beta, nuestro ingeniero Enrique Oriol nos impartió un workshop de “Aplicaciones híbridas con Ionic” para refrescar conceptos de cara a trabajar con la nueva versión.



Presentación para descargar: Aplicaciones híbridas con IONIC 


angularjs workshop 3 visual engineering

WORKSHOP: ANGULARJS PARTE III

Si la semana pasada hablamos de las nuevas funcionalidades custom y la anterior de sus funcionalidades de fábrica, en esta hablaremos de AngularJS y su testing.

Angular está diseñado pensando también en cómo testear nuestras aplicaciones. La opción de testing puede ser un factor crítico a la hora de elegir un framework y en este caso, angular cuenta con un buen soporte.

Con Angular podemos escribir fácilmente tests unitarios y tests extremo a extremo. Los unitarios nos permiten definir y comprobar el funcionamiento de los componentes de la aplicación por separado y los de extremo a extremo, usando Karma, podemos ejecutarlos levantando un servidor web e interactuar con nuestra aplicación desde un browser como si fuéramos un usuario.

Estos últimos son más lentos de ejecutar que los unitarios y más costosos de implementar, así que normalmente se crean muchos menos.  Aun así, los tests de extremo a extremo son indispensables para garantizar el buen comportamiento del sistema.

Como habéis visto, el testing es tan indispensable que quisimos que nuestros ingenieros Héctor Canto, Juan Luís Marí y Pablo Balduz nos impartieran un workshop de "AngularJS Parte III", dedicada especialmente a los tests.

Presentación para descargar: AngularJS - Parte III


angularjs workshop 3 visual engineering

WORKSHOP: AngularJS parte III

Si la semana pasada hablamos de las nuevas funcionalidades custom y la anterior de sus funcionalidades de fábrica, en esta hablaremos de AngularJS y su testing.

Angular está diseñado pensando también en cómo testear nuestras aplicaciones. La opción de testing puede ser un factor crítico a la hora de elegir un framework y en este caso, angular cuenta con un buen soporte.

Con Angular podemos escribir fácilmente tests unitarios y tests extremo a extremo. Los unitarios nos permiten definir y comprobar el funcionamiento de los componentes de la aplicación por separado y los de extremo a extremo, usando Karma, podemos ejecutarlos levantando un servidor web e interactuar con nuestra aplicación desde un browser como si fuéramos un usuario.

Estos últimos son más lentos de ejecutar que los unitarios y más costosos de implementar, así que normalmente se crean muchos menos.  Aun así, los tests de extremo a extremo son indispensables para garantizar el buen comportamiento del sistema.

Como habéis visto, el testing es tan indispensable que quisimos que nuestros ingenieros Héctor Canto, Juan Luís Marí y Pablo Balduz nos impartieran un workshop de “AngularJS Parte III“, dedicada especialmente a los tests.

Presentación para descargar: AngularJS – Parte III


angularjs workshop 2 visual engineering

WORKSHOP: ANGULARJS PARTE II

Cuando hablamos de AngularJS, muchos hemos oído hablar de Angular2, su nueva versión. De esta versión se destacada sus dos características más relevantes:

  • Simplicidad: lo que se ha perseguido en esta nueva versión es simplificar el framework, quedándose solo con lo bueno y mejorando o eliminando lo malo de la primera versión. Angular2 permite usar ECMAScript 6 y TypeScript, con lo que tenemos una sintaxis mucha más entendible y cercana a lenguajes de programación orientados a objetos como Java o C# y los templates definen claramente las características de la vista de un componente y sus relaciones con otros componentes. Esto hace que la curva de aprendizaje sea mucho más pequeña que hace que la productividad de los equipos aumente, permitiendo que se focalicen en la lógica de negocio y la presentación; el framework ya se encarga del resto.
  • Rendimiento: Se han detectado cambios en la vista que antes se hacía con un digest cycle que consumía muchos ciclos de CPU y ahora se implementa con un sistema reactivo que supone una muy importante mejora de rendimiento. Ahora el databinding es unidireccional. Está optimizado para móviles donde los ciclos de CPU y memoria son parámetros críticos para el correcto funcionamiento.

Ahora que Angular2 ya ha salido de la fase beta, es un buen momento para repasar los fundamentos de AngularJS, ya que aunque a nivel de sintaxis se han producido cambios importantes, algunos conceptos fundamentales como los servicios o los providers, mantienen la esencia de AngularJS.

Como ya dijimos la semana pasada quisimos repasar todo lo de AngularJS y esta semana hicimos el workshop de "AngularJS Parte II" en el que nuestros ingenieros Enrique Oriol y Héctor Canto nos enseñaron la creación de nuevas funcionalidades custom.

Presentación para descargar: AngularJS - Parte II

Y lo mejor de todo es que si tienes experiencia en AngularJS y quieres pasar a Angular2, no tienes que empezar de cero, puedes utilizar la guía de migración para actualizar tu código.


angularjs workshop 2 visual engineering

WORKSHOP: AngularJS parte II

Cuando hablamos de AngularJS, muchos hemos oído hablar de Angular2, su nueva versión. De esta versión se destacada sus dos características más relevantes:

  • Simplicidad: lo que se ha perseguido en esta nueva versión es simplificar el framework, quedándose solo con lo bueno y mejorando o eliminando lo malo de la primera versión. Angular2 permite usar ECMAScript 6 y TypeScript, con lo que tenemos una sintaxis mucha más entendible y cercana a lenguajes de programación orientados a objetos como Java o C# y los templates definen claramente las características de la vista de un componente y sus relaciones con otros componentes. Esto hace que la curva de aprendizaje sea mucho más pequeña que hace que la productividad de los equipos aumente, permitiendo que se focalicen en la lógica de negocio y la presentación; el framework ya se encarga del resto.
  • Rendimiento: Se han detectado cambios en la vista que antes se hacía con un digest cycle que consumía muchos ciclos de CPU y ahora se implementa con un sistema reactivo que supone una muy importante mejora de rendimiento. Ahora el databinding es unidireccional. Está optimizado para móviles donde los ciclos de CPU y memoria son parámetros críticos para el correcto funcionamiento.

Ahora que Angular2 ya ha salido de la fase beta, es un buen momento para repasar los fundamentos de AngularJS, ya que aunque a nivel de sintaxis se han producido cambios importantes, algunos conceptos fundamentales como los servicios o los providers, mantienen la esencia de AngularJS.

Como ya dijimos la semana pasada quisimos repasar todo lo de AngularJS y esta semana hicimos el workshop de “AngularJS Parte II” en el que nuestros ingenieros Enrique Oriol y Héctor Canto nos enseñaron la creación de nuevas funcionalidades custom.

Presentación para descargar: AngularJS – Parte II

Y lo mejor de todo es que si tienes experiencia en AngularJS y quieres pasar a Angular2, no tienes que empezar de cero, puedes utilizar la guía de migración para actualizar tu código.


angularjs workshop introduccion visual engineering

WORKSHOP: ANGULARJS PARTE I

AngularJS es un framework MVC de JavaScript para el Desarrollo Web FrontEnd que permite crear aplicaciones SPA (Single Page Applications). Pertenece a la familia de frameworks como BackboneJSEmberJS.

Angular es una solución completa que incluye prácticamente todos los aspectos que puedes necesitar para crear una aplicación cliente en JavaScript. Esto incluye la generación de vistas, el uso de data binding, las rutas, la organización de componentes en módulos, la comunicación con el servidor…

Debemos apostar por AngularJS porque no solo podemos crear SPA, sino que también nos permite desarrollar gran variedad de aplicaciones, aprovechando herramientas como el templating, el two-way data binding, uso de módulos, dependency injection, etc. Las últimas revisiones inician el camino hacia la versión 2, que incorpora TypeScript.

Dado que es uno de los frameworks más utilizados, y que su desarrollador es Google, decidimos refrescar y profundizar bien todos los conocimientos de AngularJS. Para eso hicimos 3 workshops, siendo el primero "AngularJS Parte I" en el que nuestros ingenieros Cristina Hernández y Roger Vilà nos enseñaron todas sus funcionalidades de fábrica.

Presentación para descargar: AngularJS - Parte I

Si quieres profundizar tus conocimientos en este framework, te recomendamos visitar el enlace de su web oficial, donde tienes un portal de aprendizaje y ayuda.


angularjs workshop introduccion visual engineering

WORKSHOP: AngularJS parte I

AngularJS es un framework MVC de JavaScript para el Desarrollo Web FrontEnd que permite crear aplicaciones SPA (Single Page Applications). Pertenece a la familia de frameworks como BackboneJSEmberJS.

Angular es una solución completa que incluye prácticamente todos los aspectos que puedes necesitar para crear una aplicación cliente en JavaScript. Esto incluye la generación de vistas, el uso de data binding, las rutas, la organización de componentes en módulos, la comunicación con el servidor…

Debemos apostar por AngularJS porque no solo podemos crear SPA, sino que también nos permite desarrollar gran variedad de aplicaciones, aprovechando herramientas como el templating, el two-way data binding, uso de módulos, dependency injection, etc. Las últimas revisiones inician el camino hacia la versión 2, que incorpora TypeScript.

Dado que es uno de los frameworks más utilizados, y que su desarrollador es Google, decidimos refrescar y profundizar bien todos los conocimientos de AngularJS. Para eso hicimos 3 workshops, siendo el primero “AngularJS Parte I” en el que nuestros ingenieros Cristina Hernández y Roger Vilà nos enseñaron todas sus funcionalidades de fábrica.

Presentación para descargar: AngularJS – Parte I

Si quieres profundizar tus conocimientos en este framework, te recomendamos visitar el enlace de su web oficial, donde tienes un portal de aprendizaje y ayuda.