Madrid

17 de febrero de 2018

Así fue la primera edición

Si no pudiste asistir a la primera edición o quieres volver a ver alguna de las charlas, aquí tienes una lista de reproducción con todos los vídeos.

También puedes leer las retrospectivas que escribieron algunos de nuestros asistentes. ¡Que las distrutes!

Código de conducta

Nos tomamos muy en serio la promoción de la diversidad y el respeto a los demás. Por eso, antes de comprar una entrada o mandar una propuesta, desde la organización de FrontFest os pedimos que leáis y aceptéis nuestro código de conducta. De este modo podremos crear un ambiente agradable y respetuoso en el que nadie se sienta agredido o fuera de lugar.

Ponentes

Belén Albeza

@ladybenko

Web Twitter Github

Belén es desarrolladora y trabaja actualmente en el equipo de Developer Relations en Mozilla. Le interesan los estándares web, el código de calidad y el desarrollo de videojuegos. Anteriormente, 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.

Naiara Abaroa

@nabaroa

Web Twitter

UI & front-end designer. Apasionada por el CSS y los estándares del W3C. Actualmente trabajo para el equipo Scalable Acquisition de TransferWise, dando forma a la manera en que el usuario ve, entiende e interactúa con esta revolucionaria manera de hacer transferencias internacionales. Docente y ponente de temas relacionados con el desarrollo front-end. Como parte de FrontGirls (@frontgirlsio) es una 'girl with superpowers'.

Carlos Mañas

@oneeyedman

Twitter Instagram Dribbble Github

Frontend designer en spacenomads.com, parte del equipo de HumansTXT, ilustrador de media noche, tuerto y, ahora, profe implacable en Adalab.

Eduardo Sada

@aeroalquimia

Twitter LinkedIn Codepen

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.

Ramón Guijarro

@soyguijarro

Twitter Github

Desarrollador web creativo con interés por el diseño, la comunicación y los datos. Entusiasta de JavaScript y React. Me gusta compartir lo poco que sé todo lo que puedo y me fascinan los nuevos e inesperados usos de la web. Inventarme necesidades personales para resolverlas programando es otra de mis cuestionables virtudes.

Vicente Lucendo

@vlucendo

Web Twitter

Desarrollador creativo y co-fundador de Veintidós Grados (veintidosgrados.com). Soy el responsable del concepto, desarrollo y animación de los proyectos que hacemos en el estudio. En el pasado también diseñaba mis proyectos pero ahora mi interés se centra en la programación front-end y gráfica (WebGL, shaders, etc) y las posibilidades que abren estas tecnologías.

Joan León

@nucliweb

Twitter Github Instagram

Developer Advocate & Training Manager en Schibsted Spain, pero sigo siendo un CSS & Animation Lover, me apasiona todo lo relacionado con el desarrollo e interacción en la interfaz de usuario en entornos web. Trato de estar al día en todo lo relacionado con HTML5, CSS, SVG y Javascript. Otra de mis pasiones es la de colaborar en proyectos Open Source. Me encanta compartir conocimiento, ya sea en MeetUps, Conferencias, Workshops o como docente en Escuela IT... siempre activo en @nucliweb compartiendo todos los recursos y novedades del mundo frontend... y últimamente de Creative Coding.

Jorge Barrachina

@NTKOG

Twitter LinkedIn Medium

Me apasiona la tecnología, de ahí que haya pasado ya por varios "frentes" en este sector: Administrador de Sistemas, Backend, QA, frontend... Co-fundé y dinamicé HTML5-Spain durante 4 años, en los que compartimos nuestra pasión por aprender y jugar con la tecnología. También colaboro en @yosoytumadre_ti, una iniciativa para concienciar sobre conciliación laboral. Ahora trabajo como DevRel en Esri España.

Javier Abadía

@javierabadia

Twitter

Javier es un curtido desarrollador que ha trabajado en distintos puestos técnicos y de gestión en los últimos 20 años: llevando equipos de desarrollo, evangelizando sobre sistemas de información geográfica e incluso escribiendo software para varios modelos de aviones de combate. Sus ideales son el software con 0 bugs, testeo en modo paranoide, automatización, metodologías ágiles y trabajo en equipo. Corredor y esquiador, ha decidido que su próxima aventura será divertirse haciendo la mejor plataforma de visualización de analíticas de big data que se haya construido jamás (o casi). Javier es Ingeniero en Informática por la Universidad de Zaragoza y tiene un MBA del IE Business School.

Agenda

8:30 - 9:25

Acreditación

9:30 - 9:40

Presentación

9:45 - 10:30

3 soluciones a un mismo problema: ¿cómo implementan la reactividad React, Vue y Angular?

Javier Abadía

¿Qué es la reactividad en un framework front-end? ¿Por qué debería importarme?

La sincronización entre datos y vista es el problema central que resuelven todos los frameworks front-end y la solución que cada uno plantea al mismo problema es la principal característica que condiciona forma de desarrollo, rendimiento, operaciones no permitidas, facilidades de depuración...

Entraremos a fondo en las tripas de la implementación de la reactividad en los principales frameworks y veremos las consecuencias prácticas que de ella se derivan.

Si conoces cualquiera de los 3 frameworks, esta charla te ayudará a utilizarlo mejor, y quién sabe si a descubrir que hay otro framework que se adapte mejor a tu caso de uso.

10:35 - 11:20

CSS Grid Layout: en busca del fuego

Naiara Abaroa

El trabajo del front-end designer siempre ha tenido una gran parte de lucha, una constante búsqueda de soluciones y muchas dosis de adaptación. Hemos tenido que resolver problemas con herramientas que no estaban creadas o pensadas para lo que queríamos conseguir. Trucos, hacks, workarounds… somos especialistas en ese campo.

El CSS después de largos años de sequía revolucionó con algunos módulos con el boom de HTML5, pero seguíamos estando huérfanos en lo que se refiere a la creación de un layout eficiente. El Grid Layout viene a tapar ese agujero tan evidente y necesario y por fin tenemos una herramienta específica para ello.

En esta charla explicaremos sus fundamentos de la manera más práctica posible, con ejemplos y soluciones reales.

Hemos estado buscando el fuego. Por fin sabemos controlarlo.

11:25 - 11:55

Desayuno

12:00 - 12:45

Testing práctico con JavaScript

Ramón Guijarro

Hoy en día usamos JavaScript para construir complejas aplicaciones web con una cantidad importante de lógica de negocio en el navegador, por lo que tomarse el testing en serio se convierte en una necesidad. Sin embargo en el mundo JavaScript hay una infinidad de herramientas diferentes para este propósito y testear aplicaciones en el navegador presenta algunos desafíos. Mocha, Chai, Jasmine, Ava, Sinon, Karma, Jest... ¿Qué son todas estas herramientas y qué relación tienen? ¿Cómo podemos testear código que utiliza APIs del navegador? ¿Cómo testeamos interfaces de usuario? ¿Cómo integramos los tests en nuestro proyecto?

En esta charla daremos un repaso al testeo de aplicaciones web JavaScript para tratar de responder a todas estas preguntas y algunas más.

12:50 - 13:35

Mejorando como desarrolladores

Belén Albeza

El mundo del front-end es vertiginoso y siempre hay mil y una cosas nuevas que aprender. ¿Cómo podemos formarnos y mejorar como desarrolladores sin abandonar a nuestra familia, amigos, aficiones, etc.? En esta charla veremos algunos consejos para ello, y cuestionaremos creencias y mitos comunes en la industria del desarrollo de software.

13:40 - 14:55

Comida

15:00 - 15:45

Dibujo artístico aplicado al maquetador web

Carlos Mañas

Me gustaría animar a los maquetadores más aguerridos a hacer esquemas con papel y lápiz antes de enfrentarse a un trabajo de maquetación.

Para estos esquemas no necesitas gran cosa (todos sabemos dibujar un cuadrado y una línea) pero veo que mis compañeros no lo suelen tener como una opción. La palabra dibujo da como más miedo que parallax o ajax, y me gustaría cambiar eso.

El papel y el lápiz te permiten equivocarte y corregir super rápido, y casi sin consecuencias. Además, cuando separas la estructura del diseño es mucho más fácil modularizar componentes y tener una idea de conjunto de los elementos y de cómo se relacionan entre ellos.

Aparte, estos apuntes se te graban a fuego con una facilidad asombrosa con lo cual luego el trabajo va mucho más fluido, directo y enfocado. Y el tiempo que ahorra es loquísimo.

El título de la charla es un poco un chiste porque en 5º de carrera (yo hice Bellas Artes) el profesor que impartía "Dibujo artístico aplicado al diseño" no sabía dibujar. Y me ha parecido genial porque para estos apuntes no necesitas tener unos conocimientos especiales, pero sí perderle el miedo al papel.

En mi cuenta de instagram podéis ver algunos ejemplos de las notas que tomo en mi día a día.

15:50 - 16:35

El navegador no es un condesador de fluzo, y lo sabes... ¿o no?

Joan León y Jorge Barrachina

Cuando pensamos en alguien que domina una materia, imaginamos a alguien que conoce perfectamente el entorno en el que trabaja. Ya que somos frontends, ¿conocemos realmente nuestro entorno natural, el navegador? ¿Sabemos cómo funciona?

Conocer cómo funcionan los navegadores de forma interna, las nuevas funcionalidades y APIs nos ayudará a conseguir lo que realmente es importante, un resultado mucho más optimizado para mejorar la experiencia de usuario. La potencia sin control no sirve de nada.

Ahora que conocemos los tips de las DevTools, es hora de adentrarnos en las entrañas de los navegadores... tenemos auténticas joyas como el Shader Editor para WebGL, el panel Canvas o StackTrace en el Network Panel. ¿Qué esconde chrome://about? ¿Qué nos aporta el engine Servo, Quantum CSS, Quantum DOM o Quantum Render?

16:40 - 17:10

Merienda

17:15 - 18:00

WebGL y shaders: programando luz

Vicente Lucendo

Charla con una introducción donde se repasarán brevemente los requisitos para poder crear una escena 3D en el navegador, y donde posteriormente programaremos un shader sencillo que dará una pequeña muestra de todas las posibilidades que abre este tipo de programación.

  • Qué es WebGL.
  • Diferencias entre dibujar con la CPU y con la GPU.
  • Elementos esenciales de una escena.
  • Qué son los shaders y ejemplos de lo que se puede hacer con ellos.
  • Vertex shader.
  • Fragment shader.
  • Iluminar un objeto paso a paso, con álgebra, sin la ayuda de la funcionalidad de Three.js.
  • Cambiar el efecto para que parezca "toon shader", al estilo de algunos juegos de Nintendo.
  • Opcionalmente, si quedara tiempo, podría mostrarse cómo hacer otros efectos artísticos.
18:05 - 18:50

Cuida tus modales

Eduardo Sada

«Modales», «popups», «ventanitas», llevan con nosotros desde el inicio de la web. Fueron odiadas en los 90, y hoy son la solución a todos nuestros problemas. ¿Quién no ha escuchado a nuestro UX amigo decir «aquí abrimos una modal y ya está»?

¿Te has preguntado alguna vez cuántas maneras hay de crear estas «modales» y cuál es la mejor? Yo sí. No sólo me lo he preguntado sino que también he sufrido encontrando la respuesta.

Desde UX, accesibilidad, performance, y orientación (o no) a componentes. Baja los codos de la mesa, sácate el dedo de la nariz, y pon ese aria-hidden en ese div. Cuida tus modales.

18:55 - 19:15

Despedida

19:20 - 20:45

Post

Entradas

Early Bird

25 entradas

Disponibles a partir del 12 de diciembre a las 12 del mediodía.

  • Acceso a las 8 charlas en un único track
  • Desayuno, comida y merienda
  • Bolsa de bienvenida
25€ Agotadas :(

General

300 entradas

Disponibles a partir del 8 de enero a las 12 del mediodía.

  • Acceso a las 8 charlas en un único track
  • Desayuno, comida y merienda
  • Bolsa de bienvenida
40€ Agotadas :(

Estudiante *

25 entradas

Disponibles a partir del 8 de enero a las 12 del mediodía.

  • Acceso a las 8 charlas en un único track
  • Desayuno, comida y merienda
  • Bolsa de bienvenida
25€ Agotadas :(
* A los portadores de una entrada de estudiante se les requerirá presentar, el mismo día del evento, una fotocopia de la matrícula (o documento similar) que acredite la condición de estudiante durante el curso actual (2017-18). Más info aquí.

Patrocinadores

Platinum Sponsors

Gold Sponsors

Silver Sponsors

Patrocinio en especies

Colaboradores

Localización

Calle Cifuentes, 5
Distrito Villaverde
28021 Madrid

Cercanías C5
Puente Alcocer

Metro L3
Villaverde Bajo Cruce

Bus (EMT) 59 / 79 / N13
Av. Andalucia - Alcocer