Front-Trends is coming back on May 18-20, 2016 in Warsaw, PolandVisit the Website
Schedule

Front-Trends is a 3-day event. We’ll continue updating this page while we work to bring you the perfect schedule.

  1. Mixer
  2. Day 1
    1. Schibsted Breakfast

    2. Opening & Announcements

    3. NERD DISCO: The Next Generation

      Tim Pietrusky

      Slides

      Do you love music, LEDs and JavaScript? Then you shouldn’t miss the next generation of NERD DISCO, which provides music visualization in the browser using the Web Audio API + canvas and on LEDs utilizing Adafruit NeoPixel + Fadecandy. This talk will give you insight into the communication between the browser and the LEDs using Node.js + socket.io + Fadecandy Server.

    4. The Human Element

      Damian Wielgosik

      Slides

      We live in times driven by perpetual innovation, shaping how we live and impacting our social behaviors. As we improve the tools we use to make the world a better place, we do it at an outstandingly fast pace. But we’re still only human; can our integrity and sanity keep up?

      It comes down to adjusting our soft skills. Which ones are key in a fast-paced front-end environment? How do we develop them so that everyone can benefit from the work we do as coders and community members? What’s required of us to become a professional front-end developer, as well as a decent human in the technology race?

    5. Coffee break

    6. Designing web interfaces for kids

      Trine Falbe

      Through my research with children, games and learning (all of which I’ve worked with over a number of years) I have found that the way kids use interfaces differ a lot from adult interaction patterns. They have different search patterns, language skills, cognitive skills and motor skills. And this has a big impact on the way we should design interfaces when the users are children.

      This subject is important, because kids these days use online tools from before they can read. They are growing up in a new paradigm – they have not known the world before the Internet. This impacts the way they act on, interact with, and perceive, the web.

      In this talk, I will inform you about the way kids interact with interfaces, how it differs from the interaction patterns of adults, and provide you with some guidelines on how to design (non-game) web interfaces for kids.

    7. Realistic responsive design

      Inayaili de León Persson

      In an ideal scenario, when you’re going to convert a non-responsive site into a responsive one, you start from scratch and do everything right and perfectly from the beginning. But where’s the challenge in that? In reality, starting from scratch is just not practical or possible for many projects, so what can we do to overcome some of the most common obstacles and still get to that elusive, mobile-first, responsive site?

      In this talk, I’ll go behind the scenes through the nitty-gritty of a real world responsive retrofitting project, and give handy tips that can be put in practice by other teams facing similar challenges.

    8. Lunch break

    9. Lightning talks

    10. The JavaScript board games of your childhood

      Michał Budzyński

      OMG, this local-freak will talk about web gaming again. WHYY? I don’t want to attend another HTML5 gaming talk!!!! C’mon dude, we all know that it’s possible to make a game in web technologies that run on mobile phone, fridge, printer, gaming console and etc. JUST STAHP! AGAIN? JS games are soooo 2011!

      If any of the above was you first thought, I’m sorry to disappoint you. During this talk I’ll present my journey from JavaScript to real board games. These are the games you played with your friends on rainy days 30 years ago. You’re probably wondering how the hell you can write a board version of Chess or Monopoly using JavaScript. Everything will be explained in this Front-Trends talk!

    11. Coffee break

    12. This is for everyone

      Shaun Dunne

      Slides

      It’s never on the top of the list for any project I’ve ever worked on, but over the years I have come to realise just how important A11Y is for the web.

      From something as simple as Keyboard navigation, to enabling those who use other aids to browse the web, we need to make sure we know what we’re doing. I’ll talk about what tools we can use to help us be better accessibility-enablers and make sure that everyone can have a good experience with the sites we build.

    13. ECMAScript 6: highlights and recommendations

      Axel Rauschmayer

      Slides

      In this talk, I’ll take you on a tour of ECMAScript 6 (ES6), the next version of JavaScript. I’ll give a brief overview of its features and will tell you what I make of them (spoiler: it’s mostly good news). The talk concludes with a demonstration of a few cool things that you can do with ES6.

    14. End of Day 1

  3. Day 2
    1. Project A Breakfast

    2. WhatRTC? Connecting browsers to the world

      Phil Nash

      Slides

      Traditionally browsers talk to servers, but what if they could speak to each other? WebRTC is a small set of APIs that make peer to peer communication possible between browsers. Video, audio and data can flow from browser to browser opening up a new set of possibilities for the web.

      We’ll take a look at what WebRTC gives you and, importantly, what it leaves out. We’ll cover implementing a simple chat application and speculate over more complicated use cases and examples. I’ll also demo new real-time video infrastructure based on WebRTC.

    3. The Style Guide Platform

      Robert Haritonov

      Slides

      With the rise of modular web and CSS frameworks, having well structured UI documentation is a must. You probably have already heard about Living Style Guides for the web and CSS documentation, but what lays beyond simple pattern libraries?

      Style Guide Platform is the next big thing for building and collaborating on maintainable component libraries. Following Style Guide driven development evolution, we are able to combine various tools for testing, communication and living documentation support in nice, consistent environment.

      Let’s explore the possibilities of next-gen UI development and management approach, following the broad experience of world-class teams and Front-end centric companies.

    4. Coffee break

    5. Friendlier, More Powerful

      Glen Maddern

      Slides

      The world of a front-end developer has never been more complex. The rate at which new libraries, devices, protocols, and even languages are appearing can be dizzying. Meanwhile, the capabilities of the platform are exploding, and so are our expectations. Our tools can barely keep up, and we can barely keep up with them.

      If it’s hard for us, imagine what it’s like for someone new to all this. For us, the days of throwing a HTML, CSS and JS file in a directory are long gone, but that’s still usually where we tell people to start. That is the web of a generation ago, and we forget how hostile it was. Our tools, while impenetrably complex to a newcomer, make the web a happier place to work.

      What if the tools we used weren’t so impenetrable though? What if people, regardless of experience, could build the web like we do?

    6. CSS Fractal art

      Gregor Adams

      Slides

      A fractal is a natural phenomenon or a mathematical set that exhibits a repeating pattern that displays at every scale. In his talk, Gregor will show how he found love for fractals and started making them in CSS or Sass. You can expect to see a step-by-step guide to creating CSS fractals and experiments from simple to complex.

      Then he will explain how to connect these fractals to the webAudio API and create optical effects that are generated by music. All in all you will see some amazing structures and visuals. Sit tight some of these experiments might make you think there was something funny in that last drink.

      But we can assure you, it’s pure CSS. If you are into visuals and talks with a lot of action and live examples this is the perfect talk for you.

    7. Lunch break

    8. Lightning talks

    9. Zombie Code

      Marco Cedaro

      Slides

      Have you ever needed to figure out how to survive a Javascript Zombie-codepocalypse? Have you dreamt about living legacy code and running away from it? Thousands of lines of tightly coupled and hardly understandable code trying to get to you?

      I’ve been there, but I’m a survivor because I learned the art of refactoring. This talk is a guide about how to deal with feature requests and deadlines, all while improving the maintainability of your code.

    10. Coffee break

    11. Meaningful Animations: Making UX Exceptional

      Zach Saucier

      Slides

      In this talk, we’ll delve into the purpose behind the sites and applications we make, how we learn and connect as humans, and how we should design our sites and applications with those things in mind – through the world of animation. We’ll cover why we need to use animations, the principles of how to do them right, and both the good and bad examples out there in the wild.

    12. UX terror. Know your rights.

      Natalia Różycka

      Slides

      Do you miss the times when Front-End devs were called Web MASTERS? When you did not have to wait for ages for someone else to design a simple form? When there was nobody stalking you to move a button 2px to the left? When there was no philosophy behind the placement of a search field?

      Anyway… these days are gone, baby. UX is here to stay, at least for some time, so let’s figure out ways to work together. In the end we all want to make things we are proud of.

      We’ll learn what you can actually request from your UX team (guess what, it’s not just prototypes!), when to speak up and how to communicate with UX folks to be effective.

    13. End of Day 2

  4. Party
    1. Centrum Zarządzania Światem

      Bring your conference badge! We’ll have drinks and snacks for you.

      Please note that Front-Trends party is organized exclusively for attendees, speakers, sponsors and staff.

  5. Day 3
    1. Registration & Breakfast

    2. How to build Photoshop – WebGL not just for 3D

      Felix Palmer

      Slides

      WebGL is normally associated with 3D graphics, which can seem daunting without a background in this field. However, the WebGL API is inherently 2D, merely supplying a very useful toolbox of functionality for creating 3D engines.

      In this talk, we’ll explore how WebGL can be used to manipulate 2D graphics, by creating a simple image editing application. Through live-coding, we’ll see that working with WebGL isn’t all that complicated and can be achieved without having to reach for higher level frameworks, and how hardware accelerated image effects like color changes, deformations or blurs can be implemented in a few lines of code.

    3. Punched card coding – Javascript functionality with CSS

      Mark Robbins

      We’ve developed a new style of coding – Punched card coding – based on old punched card computers, we use a large number of radio buttons to build complex javascript like functionality into an email.

      For example, the user can add/remove/edit items in a shopping cart, select delivery address, credit card and then checkout all from within a single email.

    4. Coffee break

    5. ARIA, Accessibility APIs and coding like you give a damn!

      Léonie Watson

      Slides

      Understanding accessibility mechanics is the key to good interface design. Using ARIA to manipulate the browser’s accessibility tree means you can create interfaces in HTML, SVG and even Web Components that are accessible to assistive technologies, without compromising on functionality or design.

    6. Functional and Reactive Jetpack for Javascript

      Dmytrii Shchadei

      Slides

      While working on my WebRTC enabled side project, I noticed that many asynchronous processes which can be easily explained are really tough to implement using traditional imperative programming with object structuring. Intuitively we understand what it means. It means that we need to define new abstractions to effectively deal with asynchrony.

      In this talk, I want to share with you new kinds of glue for structuring our programs, which I learned while taking bits of two other programming paradigms—functional and reactive—and using them in javascript.

    7. Lunch break

    8. Let’s mashup the web and the real world

      Sayanee Basu

      Slides

      Increasingly we are seeing the trend of hooking up sensors and electronics to the Internet. As sensors and hardware platforms become more available for hobbyists, web developers can also have fun with the real world by triggering and sensing.

      In this talk, we will cover how we can utilise the plenty of sensors already embedded in our mobile phones, to different wireless protocols such as the WiFi or Bluetooth Low Energy as well as some low power devices. Then we will hook them up to a display or trigger them with various web technologies right in our browser.

      If you are looking to start playing with hardware and web technologies, this talk will give you an overview of common hardware platforms, javascript libraries, as well as beginners’ sensors. And yes, audience participation will be required in this talk, so let’s have some fun!

    9. How to build a streaming parser

      Peter van der Zee

      Slides

      Automatic tools can spit out super large scripts these days. Look at emscripten for examples, a script of several megabytes is not an exception (more like the rule). How do you process a script that is several megabytes large? Most parsers tend to want to parse everything in one sitting. These parsers run out of memory at some point. How can you do analysis or modifications to arbitrary scripts if you can’t even parse them? Enter a streaming parser. It is capable of parsing a script left to right without retaining more memory in the process. It can yield at any point where it needs more input and it can stream parsed tokens when one is available.

      I’ve managed to write an automatic build script that transforms my JavaScript parser ZeParser from a regular sync parser to a streaming parser, working in ES5 JavaScript. In this talk I would like to explain how to go about that, what kind of problems you may encounter, and what the end result looks like.

    10. Coffee break

    11. Making development workflows simple

      Peter Müller

      In a world of ever-increasing complexity in compilers, build systems, tests and tools that all have to integrate with each other, it seems that developers have lost their intuition of what is simple. Getting into web development has never had a steeper learning curve and nobody seems to be addressing the fact that this might hurt our community in the long run by scaring newcomers.

      In this talk, I will focus on precompilers and transpilers and the workflow and tooling around them. I want to bring us closer to a more comprehensible abstraction and a simpler API that will let the current and future generations of web developers focus on the work, rather than the tools.

    12. nuqjatlh (What does it mean?)

      Gunnar Bittersmann

      Slides

      To many, “semantic mark-up” means using appropriate HTML elements, not just divs (which should be a matter of course). But there’s more to it…

      This talk provides an insight into Semantic Web technologies and how they can be used with HTML: microformats, microdata, RDFa, Schema.org. We’ll cover how applications can benefit from it and its impact on user experience.

      What do Klingons have to do with it? You’ll find out…

    13. Closing word

    14. End of Conference

Sponsors

gold sponsors

silver sponsors