Meetups anteriores

jueves 22 de junio de 2016

Diseñando para millones de usuarios

Pau Giner @pauginer

Gracias al éxito del anterior MeetUp, Frontenders Valencia y UX Academy nos volvemos a unir para presentar a Pau Giner, diseñador UX en Wikipedia.

El proceso de diseño nos permite encontrar soluciones que respondan a la necesidades de nuestros usuarios.

Proyectos como Wikipedia se desarrollan en un entorno abierto y alcanzan millones de usuarios en distintos contextos.

Esto supone un desafío a la hora de integrar en nuestros diseños los comportamientos observados, metricas, diversidad de puntos de vista y otras formas de feedback.

Tras aplicar el proceso de diseño en distintas herramientas de Wikipedia, pretendemos discutir las buenas prácticas y lecciones aprendidas. Compartiremos perspectivas que nos ayudarán a diseñar mejores productos ya sean destinados a unos pocos o millones de usuarios.

Patrocinador

Flywire

jueves 1 de junio de 2016 https://youtu.be/1buuHofF7Eo

Patrocinador

YADEMAS Thinking Mates

jueves 9 abril 2015 https://www.youtube.com/watch?v=J3yRuN0gdTU

Testing en AngularJS

Tony Morellá Llácer @hynnot

Si AngularJS está de moda, testear también. Hablaremos de test unitarios y end-to-end(e2e) en nuestro framework de front más popular.

Veremos ejemplos para controladores, servicios, filtros, directivas... y compartiremos experiencias entre los asistentes.

Patrocinador

Artvisual

jueves 12 marzo 2015 https://www.youtube.com/watch?v=s_m1eMOgF0U

Arquitectura en 3 capas y modelos ricos en AngularJS

Lorenzo González @logongas

AngularJS está de moda y ahora todo el mundo quiere hacer sus aplicaciones con él. Sin embargo debido a su corta trayectoria (aunque ya tiene 5 años) hay una sensación de falta de ejemplos de arquitectura o patrones.

En esta charla vamos a ver la clásica arquitectura en 3 capas del backend pero aplicada al frontend con AngularJS. Además veremos cómo enriquecer los objetos JSON que vienen desde el servidor para así tener verdaderos modelos de negocio en el cliente.

Patrocinador

Mindrop

jueves 12 febrero 2015 https://plus.google.com/u/2/b/109508156212487113138/events/c236bac6lb8tndnn3r2hjb4evo8

Picnic CSS, explorando los límites de CSS3

Francisco Presencia Fandos @FPresencia

En la charla explicaré cómo hice y lancé Picnic CSS, una librería de CSS muy ligera para acelerar la creación de páginas webs. Tuvo una gran acogida, llegando al segundo puesto de Hacker News con más de 20.000 visitas en las primeras 24 horas.

La idea surgió al no estar contento con las alternativas actuales, ya sea por el peso en kb o por la complejidad de las mismas. También me sirvió para poder explorar algunos casos que normalmente no se exploran y me parecían interesantes.

Why I Love Sketch

Salva Ferrando @salvafc

En esta charla vamos a conocer Sketch. Un programa de edición vectorial que en muy poco tiempo se ha hecho un hueco entre los programas convencionales de diseño y que multitud de diseñadores web/interfaces han empezado a adoptar progresivamente en su trabajo diario.

Daremos un repaso a sus características más importantes desde un enfoque práctico para poder conocer todo lo que puede ofrecernos como diseñadores y hablaremos también por supuesto de sus debilidades.

Patrocinador

SmileHunter

jueves 8 enero 2015 https://plus.google.com/u/1/b/109508156212487113138/events/ctbik4gild1d54l6hsde5o302k4

Generando sitios web estáticos con Middleman

Tony Camaiani @tonycamaiani

Frontenders tiene casi dos años, ¡y también su web!. Ha llegado el momento de pasar de una Web estática a algo más ágil para actualizar la información (en casa del herrero...).

Para ello vamos a hacer uso de “Middleman”, un generador de sitios estáticos. Hablaremos del proceso de migración y las ventajas de usar este tipos de herramientas.

Diseña y venderás

Juanma Martínez @juanmamartinez

¿Por qué un usuario entra a mi web y no sabe a donde ir? ¿Cómo consigo dar confianza a mis usuarios en una compra online? ¿Como escribo un texto persuasivo?

Un buen diseño puede ser la clave para conseguir tu objetivo en Internet, pero no la única. Hoy hablaremos de diseño, pero también de usabilidad, de marketing y de experiencias, para responder a estas preguntas.

Patrocinador

Kuombo - Consultoría y desarrollo de comercio electrónico

jueves 13 noviembre 2014 https://plus.google.com/u/0/events/c43la6lak11lgpo6g7q6bgumfpc

¿Comprar online es una experiencia? UX para ecommerce

Dani Catalan @dani_catalan

El comercio online es un mercado durísimo donde las empresas invierten multitud de recursos para crear experiencias seductoras que les diferencien de la competencia.

En esta charla aprenderemos los secretos para crear experiencias enfocadas en el usuario de ecommerce, y sacarles provecho para convertirlas en propuestas de valor que ayuden a alcanzar el objetivo de cualquier negocio online: vender más.

Maquetación con Flexbox

Daniel Martínez @Wakkos

CSS empezó con mal pie cuando nos dio el "float" como medio de distribución de elementos y luego lo intentó arreglar con "display: table".

Pero ahora tenemos el módulo de Flexbox, con el que podemos maquetar con propiedades simples e intuitivas (o no) alterando los espacios entre objetos y el tamaño de los objetos en si. Vamos a dar un paseo por sus posibilidades y sintaxis.

jueves 11 septiembre 2014 https://plus.google.com/events/cp3jjqh3uo7a33e684u5938olik

Angularjs y su magia

Pedro Hurtado Candel @_PedroHurtado Xavier Jorge Cerdá @XaviPaper

Esta charla va a contener dos partes enlazadas en las que explicaremos qué es Angularjs y cuáles son sus bases y principios sobre los que se apoya. La idea está especialmente recomendada a gente poca experiencia o que quiera comenzar en breve. Aquí aprenderemos tips & tricks sobre cómo funciona y cómo utilizarla mejor.

En la segunda parte subiremos un poco el nivel y la orientaremos más a gente con experiencia en angular, aunque los más neófitos podrán ver qué pueden conseguir. En ella entraremos a ver la potencia que proporciona Angularjs y mostraremos un ejemplo de una aplicación web empresarial con muy pocas líneas de javascript, ¿o conseguiremos no escribir ninguna? Todo un reto :-)

Patrocinador

http://allstartup.es/

jueves 12 junio 2014 https://plus.google.com/u/0/events/cctu9mgtopkatcah0cskpe7l9i8

Desarrollo de cuentos interactivos para tablets con Cordova

Cris y Javi @oniricco

En la presentación veremos cómo comenzar a crear apps móviles con Cordova / Phonegap y lo sencillo que resulta para los frontenders.

También trataremos cómo Javi y Cris lo han utilizado en su proyecto paralelo Oniric.co para desarrollar cuentos infantiles interactivos y las diferencias de desarrollar este tipo de apps comparado con el desarrollo de webs tradicionales.

Arquitectura front-end CSS para proyectos a gran escala

Roberto Lucha Sedeño @rlucha

Los proyectos de gran envergadura tienen requisitos particulares: la prioridad en la facilidad de mantenimiento, la modularización de las partes del proyecto y la gestión de la especificidad de selectores.

Esta charla versará sobre cómo aplicar y combinar diferentes metodologías de desarrollo CSS en nuestro beneficio. Veremos cómo nombrar usando BEM, cómo crear módulos y aplicar herencia basada en SMACSS, cómo reutilizar nuestros componentes con OOCSS y cómo aplicar frameworks como inuitcss o suitcss a nuestros proyectos.

Patrocinador

vBote, el centro de formación en tecnología móvil

jueves 8 mayo 2014 https://plus.google.com/u/2/events/cm3parlf18t379br8jp2m85hehc

Workshop: Sublime Workflow

Juan Andrés Núñez @juanwmedia

Sin duda Sublime Text es el editor de código más cool del momento y una de las herramientas más utilizadas para el desarrollo front-end. En este taller verás cómo configurar, personalizar y aprender a sacarle todo el partido a Sublime Text. En menos de una hora tendrás la información suficiente como para crear tu propio Sublime Workflow.

¿Qué necesitas?

Un portátil (da igual el SO) con Sublime Text instalado. Hay repositorios y paquetes para todas las distribuciones mayoritarias de Linux, así como MacOS y Windows.

jueves 10 abril 2014 https://plus.google.com/u/0/events/cr3ouutmmsm8k2fng3f7e666g70

Cómo inspeccionar Sass en Chrome usando su Workspace

Jose Vicente Belenguer @josevibp

Veremos cómo usar el Workspace de Chrome Dev Tools para guardar al vuelo los cambios mientras inspeccionamos el DOM y para los que usamos un preoprocesador CSS, modificar el archivo fuente y guardar los cambios para refrescarlos en pantalla automáticamente.

CSS Técnicas avanzadas

Ismael González @basiclines

Es una exposición de problemas de diseño que pueden resolverse fácilmente con CSS, sin uso de JS. Veremos ejemplos prácticos de menor a mayor complejidad, además de un repaso sobre cómo personalizar elementos de formulario.

Finalmente se hará un pequeño resumen sobre propiedades no muy conocidas de CSS.

Patrocinador

Singularu :: Encarga Piezas Únicas A Los Mejores Artesanos De España

jueves 13 marzo 2014 https://plus.google.com/u/0/events/c9m0s9v7jhj0of5v61bt54b8h6k

Carruseles Animados con Caroufredsel

Luis A. Arraez Dominguez @luisarraezd

Write less, do more... escribir menos y hacer más... Eso es lo que logras cuando utilizas jQuery y sus extensiones.

Si te interesa aprender un poco sobre caroufredesel, cómo cofigurarlo y ver varias demostraciones en vivo, ésto es para ti!

Diseño en Wikipedia

Pau Giner @pauginer

Wikipedia es una referencia para millones de usuarios. Diseñar una solución usable para seleccionar entre sus más de 300 idiomas es todo un desafío.

Esta charla aborda el caso del selector de idiomas para ilustrar el proceso de diseño y presentar técnicas útiles para todo tipo de proyectos.

jueves 13 febrero 2014

Buscando la inspiración. La herramienta no es lo más importante.

Ester Cañizares @EsterCanizares

Nos enseñan a "diseñar" usando una herramienta, pero ¿qué es realmente el diseño? y ¿cómo encontrar la inspiración?. A lo largo de esta charla veremos técnicas y otros trucos que nos ayudarán a conseguirlo.

Mudando a Ajax sin morir en el intento, un caso práctico.

Iván García Villar @ivangvillar

No siempre es fácil crear una nueva interfaz reutilizando un proyecto anterior totalmente estático, veremos un caso práctico, os explicaré algunas alternativas al flow tradicional de algunos frameworks mvc en javascript y veremos cómo hacer webs dinámicas aptas para SEO sin complicaciones con esta metodología.

jueves 12 diciembre 2013

COMPASS, al rescate de CSS

Vicente Pons @gponsu

Comenzaremos analizando los problemas que solemos encontrar en la maquetación de interfaces web con el uso de CSS, malas practicas u otras limitaciones. Y después veremos como mejorar nuestras prestaciones y productividad utilizando la herramienta COMPASS.

En resumen, una pequeña introducción para aquellos interesados en abandonar el spaghetti code y tomar el verdadero sendero hacia la iluminación.

Prototipos interactivos con FramerJS

Ismael González @basiclines

Cada vez es más necesario poder crear prototipos navegables para móvil que nos ayuden a validar y testear las decisiones que tomamos cuando elegimos una interacción o animación concreta. Para ello explicaremos cómo usar FramerJS y qué ventajas nos aporta, aprenderemos a crear un prototipo básico y veremos el ejemplo de alguno más avanzado.

No es necesario conocer profundamente JS, con tener algunas nociones básicas es suficiente. Incluso si no sabes usar JS, esta charla ayudará a conocer los aspectos básicos.

Patrocinador

Emergia - desarrollamos comunidades y redes sociales verticales

jueves 14 noviembre 2013

UX en 30 minutos

Stefano Andreoli @helloandreoli

Un viaje rápido por el mundo del UX. Todos sabemos qué significa User Experience, pero ¿de verdad sabemos qué quiere decir UX a la hora de crear un proyecto?

Intentaremos explicar la esencia, algunas técnicas aplicadas al diseño/estructura (cosas que se mueven y hacen cosas... para no aburrirnos) y cómo presentar un proyecto que haga uso de UX.

Lean Design

Flan @flanlog

En esta charla empezaremos a definir el perfil de diseñador dentro del mundo de las Startups tecnológicas, cual es su papel y sus objetivos.

Después nos centraremos en metodología de trabajo a la hora de afrontar un proyecto interactivo. Planteando las fases y procesos que intervienen desde la definición de la idea hasta su lanzamiento, y poniendo hincapié en los planteamientos, la organización y la experiencia de usuario.

Todo ello introduciendo algunas bases de la metodología Lean Startup aplicadas al diseño, que nos permitirán validar nuestro proyecto y asegurar la acogida y posible éxito del producto final.

Patrocinador

Valencia Startups

jueves 10 octubre 2013

Responsive Images: problemas y soluciones actuales

Daniel Martínez @Wakkos

Analizaremos los problemas actuales con las imágenes en nuestra web: velocidad de conexión, dispositivos con retina display y sus posibles soluciones - hasta que la W3C nos ofrezca una solución.

Aprendiendo y experimentando para enderezar lo que se tuerce

Xavi Calvo y Raül Climent @estudioMenta

Hablaremos de aprender a equivocarse y de cómo la verdad flota a partir de ejemplos de nuestra nueva web, de la experiencia de los 5 años de Estudio Menta y de cómo funcionamos como interfaz humana entre el front y el back, cómo desde un estudio de diseño gráfico llevamos el proceso de diseño sin perder de vista el desarrollo. Una charla interactiva que irá derivando según la participación de los asistentes.

Patrocinador

Onbile - Create your mobile website with premium templates.

jueves 12 septiembre 2013

Diseño gráfico para no-diseñadores

César @interruptme

En algún momento de nuestras vidas todos hemos tenido que diseñar algo: un documento, unas transparencias, una tarjeta de felicitación, una página web... La reacción de un diseñador profesional suele ser algo así.

En esta breve charla hablaremos de "Lo mínimo que todo el mundo debería saber sobre diseño gráfico"™ y veremos recursos de diseño para principiantes. Todo esto con la sana intención de mejorar las relaciones bilaterales entre diseñadores y programadores.

The mobile web - At a snail‘s pace

Marcel Kalveram @marcelkalveram

Let‘s face it, although we have widespread coverage of 3G in our cities, the mobile web still tends to be terribly slow sometimes. And we as website creators with our cutting edge responsive techniques in our toolbox think that we only have to add some media queries to make our sites mobile friendly. But that isn't the whole picture.

This presentation is going to reveal some of the most essential performance implications of the mobile web. Mastering these techniques and embracing the constraints of mobile can help today‘s webmakers to design more responsibly for devices with limited bandwidth, thus making the overall experience for people on-the-go faster. This results in happier end users, more customers and higher search rankings, which eventually leads to more money.

... does your mobile site still load at a snail‘s pace?

jueves 13 junio 2013

Tendencias en el Diseño Web

Alex Olmos @alexolmos

El diseño web no es sólo dejar un sitio bonito y apañado. Sin duda, la estética de un sitio es más que importante pero el diseño implica muchos más conceptos, como usabilidad, experiencia de usuario, interfaz amigable, interactividad... En la era de la imagen en la que vivimos cuidarlo es fundamental para el éxito del proyecto. Introduciremos las tendencias actuales del diseño en la Web y hablaremos sobre todo lo referente al front-end de las mismas: tecnologías, técnicas, innovación, estilo e interfaces.

Rapid UI development for web apps

Jon Lay @jon_lay Matthew Lenzi @mrteoboat

We'll talk about how we design complex websites using an iterative and transparent process with our clients, and how we use rapid prototyping to build quicker, and get better results. We'll discuss the design process and winning client approval, and also some of the tools we use to build the sites.

Patrocinador

Turia Marzen La auténtica cerveza de Valencia.

jueves 9 mayo 2013

Angular JS: Introducción

Javier Casal @jcasalruiz

En el primer bloque vamos a ver qué es Angular JS, algo de su historia y las diferencias con otros frameworks Javascript. Además veremos cómo crear una aplicación simple desde cero viendo cada una de las características que nos ofrece.

Angular JS: Avanzado

Javier Carrasco @jacarma

En esta segunda parte veremos aspectos más avanzados de Angular JS como la creación de directivas y diversas integraciones con otros frameworks, los cuales nos permiten testear nuestra aplicación o la creación desde cero de la estructura de la misma.

Patrocinador

OmbuShop

jueves 11 abril 2013

Responsive Web Design

Javier Arques @javiarques

En esta primera charla Javi nos dará algunos consejos y trucos prácticos para desarrollar un proyecto " responsive ", ya sea empezando de cero, o adaptando uno existente. Hablaremos de media queries, flexible media, responsive frameworks y mucho más, y todo ello aplicándolo a un proyecto real, en vivo y en directo.

Asset Packaging

Miguel Angel Fernandez @elmendalerenda

El asset packaging es un conjunto de técnicas que se aplican ya en casi todos los proyectos web, y que permite, entre otras cosas, mejorar el rendimiento cuando hay una gran cantidad de recursos que servir. Esta charla será una introducción a estas técnicas y sus ventajas, y discutiremos distintas formas de implementarlas.

Patrocinador

Qikker Online