WORKSHOP: TENDENCIAS EN DISEÑO WEB Y PROTOTIPADO
Para cualquier empresa tecnológica y/o de diseño, es muy importante estar al corriente de las últimas tendencias visuales, tanto en el online como el offline.
En cada proyecto, debemos preocuparnos mucho de la estética y de que no parezca anticuada. Es más, nuestro diseño tendrá mucho peso en la primera impresión que la gente se forme de nosotros.
Por ese motivo, tenemos que encontrar un diseño que destaque de los demás y que impacte positivamente a nuestros usuarios.
Es muy importante estudiar y estar al día en las últimas tendencias en usabilidad, diseño web y de aplicaciones, tipografía, tecnología...
Dada esa gran importancia del diseño web, decidimos realizar un workshop de "Tendencias en diseño web y prototipado" que nuestros diseñadores Laura Martínez, Jorge López y Toni Camí nos impartieron.
Presentación para descargar: Workshop Trendy Web Designs & Prototyping
Y si queréis más información sobre diseño web, nuestros diseñadores también nos hicieron un previo workshop de "Herramientas de Diseño" muy interesante.
WORKSHOP: Tendencias en diseño web y prototipado
Para cualquier empresa tecnológica y/o de diseño, es muy importante estar al corriente de las últimas tendencias visuales, tanto en el online como el offline.
En cada proyecto, debemos preocuparnos mucho de la estética y de que no parezca anticuada. Es más, nuestro diseño tendrá mucho peso en la primera impresión que la gente se forme de nosotros.
Por ese motivo, tenemos que encontrar un diseño que destaque de los demás y que impacte positivamente a nuestros usuarios.
Es muy importante estudiar y estar al día en las últimas tendencias en usabilidad, diseño web y de aplicaciones, tipografía, tecnología…
Dada esa gran importancia del diseño web, decidimos realizar un workshop de “Tendencias en diseño web y prototipado” que nuestros diseñadores Laura Martínez, Jorge López y Toni Camí nos impartieron.
Presentación para descargar: Workshop Trendy Web Designs & Prototyping
Y si queréis más información sobre diseño web, nuestros diseñadores también nos hicieron un previo workshop de “Herramientas de Diseño” muy interesante.
WORKSHOP: ECMASCRIPT6
ECMAScript v6 (abreviado como ES6 o ES2015) es el estándar que siguió JavaScript a partir de Junio del año 2015.
Se trata de una evolución del lenguaje JavaScript para dotarlo de características avanzadas que requería y que otros lenguajes populares sí las tenían. Características como:
- Mejoras de sintaxis: parámetros por defecto, let, plantillas...
- Módulos para organización de código
- Promesas, para programación asíncrona
- Mejoras en programación funcional: expresiones de flecha, iteradores, generadores...
ECMAScript, que también viene a ser conocido como JavaScript, está regulado por la Asociación Europea de Fabricantes de Computadoras (ECMA) quien es la encargada de regular multitud de estándares de ámbito mundial en la industria de la computación.
Los frameworks de FrontEnd más utilizados o modernos, como AngularJS y EmberJS, ya utilizan EcmaScript.
Así como éstos apostaron por él, nosotros también hemos decidido apostar y conocerlo y por ello decidimos realizar un workshop de "ECMAScript6" que nuestros ingenieros Mario García y Alex Adrià nos impartieron.
Presentación para descargar: ECMAScript 6
WORKSHOP: EcmaScript6
ECMAScript v6 (abreviado como ES6 o ES2015) es el estándar que siguió JavaScript a partir de Junio del año 2015.
Se trata de una evolución del lenguaje JavaScript para dotarlo de características avanzadas que requería y que otros lenguajes populares sí las tenían. Características como:
- Mejoras de sintaxis: parámetros por defecto, let, plantillas…
- Módulos para organización de código
- Promesas, para programación asíncrona
- Mejoras en programación funcional: expresiones de flecha, iteradores, generadores…
ECMAScript, que también viene a ser conocido como JavaScript, está regulado por la Asociación Europea de Fabricantes de Computadoras (ECMA) quien es la encargada de regular multitud de estándares de ámbito mundial en la industria de la computación.
Los frameworks de FrontEnd más utilizados o modernos, como AngularJS y EmberJS, ya utilizan EcmaScript.
Así como éstos apostaron por él, nosotros también hemos decidido apostar y conocerlo y por ello decidimos realizar un workshop de “ECMAScript6” que nuestros ingenieros Mario García y Alex Adrià nos impartieron.
Presentación para descargar: ECMAScript 6.
WORKSHOP: BACKBONEJS Y PATRONES MVC
Cada vez más, la interfaz de la web está adquiriendo más importancia en el desarrollo de la web. El dinamismo, la usabilidad, la velocidad, entre otros factores, son cada vez más importantes para atraer a los usuarios y lograr objetivos de negocio.
De ese modo, herramientas como jQuery están adquiriendo gran importancia ya que para lograr esa interfaz, no sólo agregan dinamismo, sino que también aceleran la interactividad entre usuarios y navegadores.
Sin embargo, esa herramienta lleva una enorme cantidad de trabajo y el código resultante puede ser muy difícil de mantener. Y es por ello, que han salido herramientas como BackboneJS, AngularJS y EmberJS para proveer una organización de código más conveniente y mantenible. Logran mayor productividad a la hora de construir la interfaz de una web, por medio de la implementación del conocido patrón MVC, aunque en este caso, del lado del cliente.
En definitiva, BackboneJS es una herramienta de desarrollo de JavaScript que está diseñada para desarrollar aplicaciones de una única página y para mantener las diferentes partes de las aplicaciones web sincronizadas.
En vista de todas esas ventajas, quisimos primero hacer un workshop de "BackboneJS y patrones MVC" que nuestro ingeniero Andrés Lamilla nos impartió. Más adelante explicaremos las siguientes herramientas.
Presentación para descargar: BACKBONEJS Y PATRONES MVC
WORKSHOP: BackboneJS y patrones MVC
Cada vez más, la interfaz de la web está adquiriendo más importancia en el desarrollo de la web. El dinamismo, la usabilidad, la velocidad, entre otros factores, son cada vez más importantes para atraer a los usuarios y lograr objetivos de negocio.
De ese modo, herramientas como jQuery están adquiriendo gran importancia ya que para lograr esa interfaz, no sólo agregan dinamismo, sino que también aceleran la interactividad entre usuarios y navegadores.
Sin embargo, esa herramienta lleva una enorme cantidad de trabajo y el código resultante puede ser muy difícil de mantener. Y es por ello, que han salido herramientas como BackboneJS, AngularJS y EmberJS para proveer una organización de código más conveniente y mantenible. Logran mayor productividad a la hora de construir la interfaz de una web, por medio de la implementación del conocido patrón MVC, aunque en este caso, del lado del cliente.
En definitiva, BackboneJS es una herramienta de desarrollo de JavaScript que está diseñada para desarrollar aplicaciones de una única página y para mantener las diferentes partes de las aplicaciones web sincronizadas.
En vista de todas esas ventajas, quisimos primero hacer un workshop de “BackboneJS y patrones MVC” que nuestro ingeniero Andrés Lamilla nos impartió. Más adelante explicaremos las siguientes herramientas.
Presentación para descargar: BACKBONEJS Y PATRONES MVC
WORKSHOP: SINGLE PAGE APPLICATIONS (SPA)
Las Single Page Applications, o SPA, son aplicaciones web que se ejecutan en una única página, logrando que el usuario tenga una experiencia parecida a la que tuviese al interactuar con una aplicación de escritorio. Para crear una SPA se utiliza JavaScript, Ajax, HTML5 o una combinación de las anteriores.
Las SPA surgieron de la necesidad de mejorar la experiencia de usuario y el flujo de trabajo. Con las aplicaciones tradicionales, cada vez que el usuario ejecutaba alguna operación, la página web se debía recargar de nuevo y eso suponía un tiempo de espera que, no sólo dependía de la calidad de la web y de los servidores, sino que también de la conexión disponible a Internet y de las características técnicas de su propio ordenador. Todos estos problemas se resuelven con la SPA, porque ésta no requiere recargar la web cada vez que se ejecute una interacción.
Además, una SPA bien programada y que cumpla con los estándares de calidad y con la normativa de accesibilidad, por mucho que se escuche lo contrario, no perjudica en absoluto el SEO.
Dadas todas esas ventajas, decidimos realizar un workshop de "Single Page Applications" que nuestro ingeniero Marc Torrent nos impartió y el workshop de "Templating: Handlebars y DustJS" de nuestro ingeniero Alex Adrià.
Presentaciones disponibles para descargar:
WORKSHOP: Single Page Applications (SPA)
Las Single Page Applications, o SPA, son aplicaciones web que se ejecutan en una única página, logrando que el usuario tenga una experiencia parecida a la que tuviese al interactuar con una aplicación de escritorio. Para crear una SPA se utiliza JavaScript, Ajax, HTML5 o una combinación de las anteriores.
Las SPA surgieron de la necesidad de mejorar la experiencia de usuario y el flujo de trabajo. Con las aplicaciones tradicionales, cada vez que el usuario ejecutaba alguna operación, la página web se debía recargar de nuevo y eso suponía un tiempo de espera que, no sólo dependía de la calidad de la web y de los servidores, sino que también de la conexión disponible a Internet y de las características técnicas de su propio ordenador. Todos estos problemas se resuelven con la SPA, porque ésta no requiere recargar la web cada vez que se ejecute una interacción.
Además, una SPA bien programada y que cumpla con los estándares de calidad y con la normativa de accesibilidad, por mucho que se escuche lo contrario, no perjudica en absoluto el SEO.
Dadas todas esas ventajas, decidimos realizar un workshop de “Single Page Applications” que nuestro ingeniero Marc Torrent nos impartió y el workshop de “Templating: Handlebars y DustJS” de nuestro ingeniero Alex Adrià.
Presentaciones disponibles para descargar:
WORKSHOP: HERRAMIENTAS DE DISEÑO
Uno de los aspectos fundamentales al crear una web o una app es el diseño. Sin duda es una de las partes más creativas del proyecto, la parte responsable de crear una web con un aspecto externo atractivo, capaz de suscitar el interés y de llamar la atención del público objetivo.
Además de los anteriores requisitos, la web debe tener en cuenta los gustos, el concepto y preferencias del cliente. Son tan importantes estas condiciones, que nosotros quisimos crear este workshop para refrescar el conocimiento de todas las herramientas de diseño posibles para conseguir, e incluso superar, las expectativas de nuestros clientes.
Por ese motivo, nuestros diseñadores Toni Camí y Jorge López nos hicieron el siguiente workshop de "Herramientas de diseño".
Presentación para descargar: Workshop Designer Tools
WORKSHOP: Herramientas de diseño
Uno de los aspectos fundamentales al crear una web o una app es el diseño. Sin duda es una de las partes más creativas del proyecto, la parte responsable de crear una web con un aspecto externo atractivo, capaz de suscitar el interés y de llamar la atención del público objetivo.
Además de los anteriores requisitos, la web debe tener en cuenta los gustos, el concepto y preferencias del cliente. Son tan importantes estas condiciones, que nosotros quisimos crear este workshop para refrescar el conocimiento de todas las herramientas de diseño posibles para conseguir, e incluso superar, las expectativas de nuestros clientes.
Por ese motivo, nuestros diseñadores Toni Camí y Jorge López nos hicieron el siguiente workshop de “Herramientas de diseño“.
Presentación para descargar: Workshop Designer Tools