Madrid 18 de febrero de 2017

01 Qué es

FrontFest es el evento sobre tecnologías web (HTML, CSS, Javascript... ¡y lo que surja!) en el que podrás conocer a otros desarrolladores front-end como tú y aprender de ellos. Queremos reunir a los mejores profesionales, evangelistas y gurús del desarrollo front-end de toda España.

¿Te unes a nosotros?

FrontFest blog

FrontFest surge como iniciativa de un grupo de participantes en cuatro de las comunidades más activas dentro del mundo front-end en nuestro país: Angular Madrid, Front-end Developers Madrid, HTML5 Spain y MadridJS.

02 Multimedia

03 Agenda

09.00 09.30
Acreditaciones
09.30 09.45
Keynote

09.45 10.30

Máxima performance

Por Eduardo Sada

navegadores, rendimiento

Nos meteremos en la sala de máquinas de los navegadores, aprendiendo cómo funcionan y cuáles son las mejores técnicas para conseguir la máxima performance en nuestra web. Pasaremos de 0 a 60 FPS entendiendo los procesos básicos de pintado y descubriremos al final cuál es el enemigo número uno de la buena performance.

¿Qué es la buena performance? ¿Se puede medir una "sensación"? ¿Cómo puedo mejorar la performance en móviles? ¿Cuánto impactan las microoptimizaciones? ¿Qué son los web workers? ¿Realmente ayudan?

Cuando el mobile first ya no es una opción y se ha convertido en ley. Cuando la performance importa.

10.35 11.20

Animación avanzada con CSS en HTML y SVG para mejorar la UX

Por Ángel Corral

animaciones, CSS, SVG, UX

Las animaciones con CSS ayudan a mejorar los detalles de la interfaz y el feedback que le damos al usuario mediante microinteracciones, tratándolas como elementos con un valor comunicativo en la transmisión de los contenidos, más allá de la mera decoración o aporte visual.

Aprenderemos cómo animar propiedades CSS teniendo en cuenta el rendimiento, animar introducciones de elementos en la vista, hacer animaciones secundarias persistentes, animar elementos SVG, hacer animaciones con steps, y por último veremos cómo preparar las animaciones CSS dejando su aplicación a triggers gestionados por JS.

Veremos ejemplos de animación aplicada a microinteracciones. CTAs, elementos de formulario, botones de modificación de vista, etc.

11.20 11.45
Coffee break

11.45 12.30

Let's code a game in JavaScript

Por Belén Albeza

videojuegos, HTML5

El desarrollo de videojuegos parece complicado, pero hoy en día tenemos herramientas que lo hacen más accesible, como Phaser, un framework de videojuegos HTML5 de alto nivel, que nos permite programar videojuegos 2D de una manera muy rápida.

En esta charla construiremos un videojuego paso a paso, con JavaScript y Phaser. Aprenderemos a cargar assets, crear sprites y animarlos, usar un motor de físicas, reproducir audio, etc.

12.35 13.20

Accesibilidad web, ¿cómo hacer un front para todos?

Por Juanjo Montiel

accesibilidad

Cuando desarrollamos un front para un sitio web, nuestro objetivo, entre otros, es que a quienes accedan les encante la experiencia, y puedan conectarse de forma cómoda desde todo tipo de dispositivos. Pero ¿realmente estamos consiguiendo llegar a todo el mundo?

Muchos conocen el concepto de accesibilidad, o al menos han oído hablar de él. Sin embargo, muy pocos tienen los conocimientos y la experiencia necesaria para aplicarla de forma efectiva. ¿Qué es? ¿Por qué es importante? ¿Cómo demonios se hace? ¿Afectará negativamente a mi diseño? ¿Tendré que cobrarle al cliente el triple si quiere que la web sea accesible? ¿Puedo usar cualquier tecnología?

En esta charla os responderé a todas estas preguntas, y os proporcionaré las herramientas y las referencias necesarias no solo para que podáis abordar de forma efectiva un desarrollo accesible, sino también para que podáis comprobar si lo habéis hecho bien, utilizando las aplicaciones que usan los distintos perfiles de discapacidad.

«El poder de la web reside en su universalidad. El acceso para todos independientemente de su discapacidad es un aspecto fundamental» Tim Berners-Lee, director del W3C e inventor de la World Wide Web.

¿Os aventuráis a aprender cómo conseguirlo?

13.25 14.10

Workflows sanos y funcionales entre equipos (UX, UI, Front)

Por Juan de la Cruz

workflows, gestión

Los flujos de trabajo son una parte fundamental en el día a día de los equipos. Diseñadores y frontenders suelen tener una relación cercana a la hora de afrontar tareas. Pero ¿cómo de sana y eficaz es esa relación? ¿Nos hacemos entender bien?

En esta charla se abordan casos de éxito y estrepitosos fracasos que nos aportarán experiencia para conseguir juntos el mejor resultado (y no tirarse los trastos a la cabeza).

14.10 15.30
Lunch break

15.30 16.15

Escribiendo estilos para componentes de React

Por Javier Velasco

componentes, React, CSS

Escribir estilos para componentes de React no es el algo trivial. Desde que Christopher Chedeau mencionó que algo similar a los estilos en línea solucionarían muchos problemas al estilar componentes de React, han surgido montones de propuestas. Todas se tratan de acercar a la solución ideal, pero casi ninguna lo consigue.

En esta charla veremos varias aproximaciones para escribir estilos para componentes de React. Desde estilos en línea puros hasta los template literals de styled-components, pasando por CSS Modules, Glamor, Aphrodite y JSS.

También veremos cuáles son los criterios que definen a una buena solución para dar estilos, y cómo React Toolbox está siendo reescrita a base de componentes completamente agnósticos de estilo que hacen sencillo pasar de una aproximación a otra.

16.20 17.05

Aplicaciones offline en un mundo online

Por Sergio Zamarrowski

offline, databases locales

¿Qué son las aplicaciones offline? ¿Cuándo utilizarlas? ¿Qué beneficios aportan? ¿Con qué tengo que tener cuidado a la hora de desarrollar una aplicación offline?

Se tratarán en particular aspectos como el Cache Manifest (Application Cache) donde se explicará cómo es la estructura del archivo (caché, network y fallback), cómo se actualiza la caché, y los diferentes estados y eventos. También se analizarán diferentes formas de lograr persistencia de datos (bases de datos locales), usando tecnologías como LocalStorage, WebSQL, IndexedDB y PouchDB.

Al final de la charla se mostrará un ejemplo real de aplicación offline donde se guarde el estado.

17.05 17.25
Coffee break

17.25 18.10

Cosas increíbles que puedes hacer con una web

Por Ramón Guijarro

navegadores, Web APIs

¿Sabías que con una simple página web puedes hacer vibrar un móvil, sacar fotos con la cámara, obtener la localización geográfica, realizar una videollamada, reconocer y sintetizar voz, grabar la pantalla, capturar y manipular audio e incluso experimentar la realidad virtual? Hoy en día la web permite hacer cosas increíbles, totalmente impensables hace sólo unos años.

En esta charla veremos algunas de las Web APIs más interesantes presentes y futuras, que nos permitirán hacernos una idea del potencial actual de la web. ¡Pon en marcha tu imaginación!

18.15 19.00

Tecnología por el cambio climático

Por David Inga

experiencias, visualización

Un repaso a algunas tecnologías, librerías y APIs que podemos usar en nuestros proyectos front-end para hacer visualizaciones. Hablaremos de D3.js, Three JS, Leaflet, MapBox, CartoDB y React.

Mostraremos ejemplos de proyectos reales que funcionan totalmente en el lado del cliente y que ayudan a concienciar sobre el cambio climatico. Detallaremos como abordamos este tipo de proyectos y cómo los creamos usando las tecnologías disponibles.

04 Ponentes

Eduardo Sada

Especialista Javascript en Kairós Digital Solutions

Eduardo es además evangelista de Polymer, con más de 12 años de experiencia en desarrollo Front-end. Hoy se dedica, según su madre, a «hacer caritas y botoncitos» de manera profesional. Suele dar charlas en eventos de programación para no pagar la entrada.

Ángel Corral

UX/Visual Designer & Interface Developer. Profe en Fictizia

Ángel creó su primera web el siglo pasado. Desde entonces todo ha cambiado mucho (él también) pero esto le sigue gustando igual o más que el primer día.

Belén Albeza

Desarrolladora en el equipo de Developer Relations en Mozilla

A Belén le interesan los estándares web, el código de calidad y el desarrollo de videojuegos. Ha trabajado tanto en startups como en corporaciones, desarrollando aplicaciones, prototipos de I+D y videojuegos. Belén vive actualmente en Barcelona y le gusta el heavy metal, participar en game jams y jugar al Mass Effect.

Juanjo Montiel

Senior Developer y consultor de accesibilidad en Pasiona Consulting

Lleva más de diez años luchando y divirtiéndose con la tecnología. ¿Su meta? Conseguir que la tecnología sea cada día más accesible... Y hacerse rico, claro. A veces se pregunta cuál de las dos es más difícil ;) Especializado en .NET, le apasiona el desarrollo y realizar aplicaciones que mejoren el día a día de las personas que como él, tienen capacidades diferentes, y acceden a la información de un modo distinto al de ese grupo utópico al que llamamos "normal".

Juan de la Cruz

UI & Branding Designer en Kaleidos

Juan trabaja con los desarrolladores para que sus proyectos luzcan bien tanto visualmente como el código que hay detrás de ellos. Ilustrador y open source lover, trata de apoyar la comunidad de diseñadores y developers front con herramientas como uxbox.io.

Javier Velasco

Frontend Engineer en Audiense

Javi es autor de React Toolbox, uno de los UI kits más populares para React que ya usan internamente pesos pesados como Netflix. Aunque ha trabajado con muchos otros lenguajes y herramientas, su pasión es Javascript y el Frontend en general.

Sergio Zamarrowski

Desarrollador Frontend en una empresa de seguridad informática

De su padre y de su madre. Programa 24/7. Técnico Superior en Desarrollo de Aplicaciones Web. Ha tenido la suerte de desarrollarse profesionalmente en múltiples ámbitos pero (casi) siempre usando Javascript tanto en en lado del servidor como del cliente. Es experto en desarrollar proyectos personales sin ningún futuro pero de los cuales ha aprendido muchísimo.

Ramón Guijarro

Frontend Developer

Desarrollador web creativo con interés por el diseño, la comunicación y los datos. Entusiasta de JavaScript y React. Orgulloso participante de h4ckademy.

David Inga

Tech Lead y Senior Developer en Vizzuality

Apasionado de las tecnologías web desde los 16 años. Trabaja en Vizzuality desde 2010 contribuyendo en proyectos open source relacionados con medio ambiente, justicia social, transparencia y gobierno abierto para organizaciones internacionales como las Naciones Unidas, World Bank, Google o la NASA. En los últimos años se ha especializado en web-mapping y visualización de datos para aplicaciones web.

06 Comprar entradas

¡Compra tu entrada cuanto antes y no te quedes fuera! Tendremos un aforo limitado por la capacidad del auditorio de Campus Madrid.

Con tu entrada tendrás...

Acceso a las nueve charlas en un único track

Welcome bag

Comida + cafés

Early Bird

  • A la venta a partir del 29 de diciembre a las 10h de la mañana
25 €

Late Bird

  • A la venta a partir del 13 de febrero a las 12h de la mañana
40 €

07 Localización

Estaremos en Campus Madrid, lugar de referencia del ecosistema tecnológico en Madrid.

Calle Moreno Nieto, 2, 28005 Madrid, España

Metro

Príncipe Pío (L6, L10) • La Latina (L5) • Ópera (L2, L5)

Cercanías Renfe

Príncipe Pío (C1, C7, C10)

Bus urbano

Parada Ronda de Segovia - Segovia (41, 62, C2)

Contacta con nosotros

Para cualquier pregunta, duda o sugerencia, no dudes en ponerte en contacto con la organización.