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 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.
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.
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.
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.
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?
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).
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.
¿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.
¿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!
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.
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.
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.
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.
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".
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.
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.
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.
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.
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.
¡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
Estaremos en Campus Madrid, lugar de referencia del ecosistema tecnológico en Madrid.
Calle Moreno Nieto, 2, 28005 Madrid, España
Príncipe Pío (L6, L10) • La Latina (L5) • Ópera (L2, L5)
Príncipe Pío (C1, C7, C10)
Parada Ronda de Segovia - Segovia (41, 62, C2)
Para cualquier pregunta, duda o sugerencia, no dudes en ponerte en contacto con la organización.