May 18-20, 2016 Warsaw, Poland

Open Mixer Party

Meet your fellow front-enders and the Front-Trends speakers the night before the event. Whether you attend Front-Trends or not – if you're a front-ender, you're invited!

Tuesday May 17

20:30

Klub Medyka
Oczki 1A St.

Day Host: Tim Holman

  • 08:30
  • 09:30

    Opening & Agenda

  • 09:40

    The Web in MotionRachel Nabors

    Watch on YouTube

    Animation stands as a key differentiator between native and web-based experiences. As the lines begin to blur between “native” and “web apps”, animation is becoming more and more important to building a web that can meet user expectations. Many roadblocks have stood in the way of an animated web, but we are overcoming them one by one, and a host of new tools are now at our disposal. In this talk, Rachel Nabors looks at how animation helps people interact with touch screens, how those same principles apply to the web, and where animation has been all this time.

  • 10:30

    Coffee break

  • 10:45

    Static Sites go all HollywoodPhil Hawksworth

    Watch on YouTube

    The popularity of building web sites with static site generators is on the rise. Their reduced complexity, easier compliance, cheaper hosting, and other benefits are getting people’s attention, but they do have limits.

    This talk will explore how we can break through some of those limits with the use of a new breed of hosted tools and services. We’ll look at practical examples of how a static site generator can help deliver a modern web development workflow, support a living styleguide, and also pack the kind of dynamic punch that you’d only think possible from bigger application stacks.

  • 11:20

    Working with the web and the futureSally Jenkinson

    Watch on YouTube

    As web professionals we’re used to hearing about the virtues of shipping fast and iterating regularly in order to meet changing needs, but how do we ensure that the projects that we’re planning now are still as relevant and robust when they launch in the future… and beyond? How do we prepare for the unknowns and constant shifts in technology; what can we do to progress the evolution of the web itself; how do we, as individuals, ensure that our skills are as relevant as ever in this rapidly changing world?

    In this talk we’ll look at why the future is important, plus past visions of the future, including those from the world of science fiction. We'll explore what we can learn from these lessons, and how to apply this in a practical sense to the work that we do.

  • 11:55

    Coffee break

  • 13:05

    Lunch break

  • 14:30

    RxJS - destroy the state machine!Stenver Jerkku

    Watch on YouTube

    Learn our story how we discovered RxJS, how it helped to bring SaleMove from a massive state machine into an elegant event-based reactive platform. We started out with a big state machine that was difficult to maintain, test and develop. As the application grew we quickly saw that another approach was needed. After discovering RxJS, we quickly adopted the event-based reactive approach.

    In this talk I am going to give you an overview of RxJS and why should you use it. I am going to talk about how once we adopted the event-based approach, it completely changed the way we think about state and state programming. All this with code examples.

  • 15:05

    Untangle your code with yieldStaś Małolepszy

    Watch on YouTube

    Generators and iterators are among the most enigmatic and underused features of ECMAScript 2015. They can be used to create custom iterables and infinite sequences. Lesser known applications include controlling asynchronous operations and handling side effects.

    In this talk I'll demonstrate how generators can be successfully used to write elegant and performant code. I'll start by explaining how they work and what they are good for. I'll then show you how to bend the rules of space and time, and how to tame Promises and other abstractions with yield. Finally I'll present a hands-on example of how generators can be used to refactor code which otherwise would be tedious to maintain and reason about.

  • 15:40

    Coffee break

  • 16:10

    Once More with FeelingTim Kadlec

    Watch on YouTube

    As an industry, we’re starting to recognize that what really matters for performance is how fast the experience feels. While this seems like a relatively minor revelation, in reality it requires a significant shift in the way we approach speed online: everything from the way we measure to the optimizations we use. Let’s look at how to reframe performance on the web, and what techniques and technologies are out there to help us create experiences that feel fast and frictionless.

  • 16:45

    Leadership in an Ever-Changing IndustryMeri Williams

    Watch on YouTube

    Leading a team is hard enough when all you have to do is step up from doing to leading. Add in the constant state of flux the web and technology industry is in, and this gets even harder.

    In this session we'll explore what good leadership looks like, how to develop those around you, and how to grow yourself, whilst not falling behind from a technical point of view. In short, everything you need to know about being a lead developer or similar, including a whistle-stop tour of relevant science & research, and some advice on how to balance team, tech & tools.

  • 17:20

    End of day

Day Host: Sally Jenkinson

  • 08:30
  • 09:30

    Opening & Agenda

  • 09:40

    First Class StylesMark Dalgleish

    Watch on YouTube

    In the past couple of years, we've witnessed yet another tectonic shift in the world of front-end styling—CSS Modules, CSS in JavaScript, and the controversial revival of inline styles. Where did this trend come from, and why is it so popular? Why are these approaches different from what we've seen before, and what do they all have in common? In this talk, we'll examine the history of this movement, how it fits into your current development workflow, and where we can take it in the future.

  • 10:15

    Our eternal digital afterlifeAlberta Soranzo

    Watch on YouTube

    “The first step to eternal life, is you have to die” — Chuck Palahniuk.

    Regardless of whether you’re on a quest for immortality, physical and digital death are complex affairs and require preparation. What happens to our digital selves when we die? What is a digital will and can we even decide what the fate of our online persona should be? Who should inherit our Google accounts? Should our Facebook pages be memorialized, and who should have access to our online banking credentials? What about those who, like me, wish to completely “go away” when they die and for their online presence to end when our lives do? What are the options? How do we build systems that give users a choice in the matter and that address the many ethical aspects surrounding closure and the end of “lives” that span multiple channels. This talk is an invitation to reflect on the concepts of death in the digital age, privacy and a different concept of “property”. It is also, perhaps more importantly, a call to think about the products and services that we design in a different way, a way that allows people to have a say in a digital afterlife of their choosing.

  • 10:50

    Coffee break

  • 11:20

    Demo Reel & Tiny JavaScriptMathieu Henri

    Watch on YouTube

    The web platform is a wonderful playground of artistic and technical expression. The artists of the web often release amazing creations combining 3D elements and music in the most compact form. But you don't have to be a seasoned developer to express yourself and build your own animations. With the right approach, anyone can build Audio-Visual demos!

    This talk will go through creative coding, the demoscene, and a range of optimization tricks. Then we will work on a little Audio-Visual demo together.

  • 11:55

    Syntax Highlight EverythingKenneth Ormandy

    Watch on YouTube

    A developer employs syntax highlighting to visually differentiate portions of her code; for centuries, designers, printers, and scribes have done the same for readers. Today, advanced features built into fonts can subtly signify types of content, increase a text’s authority, and are actually necessary for many languages.

    This talk introduces designers and developers to highlighting syntaxes beyond code. Learn how to access these advanced typographic features using CSS and JavaScript, and—more importantly—where to apply them.

  • 12:30

    Lunch break

  • 14:25

    Coffee break

  • 14:40

    Computer Assisted Arts and CraftsMariko Kosaka

    Watch on YouTube

    What do you think of when you hear the term “Arts and Crafts”? You may think yarns on needles or fabric on hoop. But process of making crafts like knitting and embroidery is quite arithmetical. It is a process of figuring out logic and tweaking variables.

    This sounds all familiar to the web developer. Can we incorporate what we do with computers into these tactile projects like knitting?

    In this talk, we'll look at how you can apply your dev skills to your craft project, and what doing crafts can teach you about front-end development.

  • 15:15

    Taking over the web platform with Angular 2Todd Motto

    Watch on YouTube

    Exploring the Angular 2 platform. Component architecture, one-way dataflow, routing, Web Components and how Angular 2 is pushing the limits of the web platform. We'll also take a look at server-side rendering in Angular 2, as well as WebWorker bootstrapping and how we can write mobile code with Angular 2.

  • 15:50

    Coffee break

  • 16:20

    The State of Front-End Toolingdiscussion panel moderated by Mark Dalgleish

  • 17:30

    End of day

Party!

Thursday \ May 19

19:30

Concept 13
Bracka 9 St.

Day Host: Staś Małolepszy

  • 09:00
  • 10:00

    Opening & Agenda

  • 10:10

    Exploring the Universal LibrarySzymon Kaliski

    Watch on YouTube

    This talk will explore languages, programming, tools, and complicated connections between all of them. We will try to look at expanding possibilities that current technology gives us, with focus on new areas and uses for programming. We'll approach language not only as a tool for creative expression, but also constraint on the way we think.

    We'll try to compare language and meta-thinking with meta-programming, we'll look for similarities in DSLs and linguistic determinism, and how it all fits together when creating art, shaping matter, and making software using computers, with varying degrees of human involvement.

    This will be open talk, hopefully leaving you with more questions than answers.

  • 10:45

    Pixel bondingTammie Lister

    Watch on YouTube

    The experience of interacting should be more than just a click. Users want an experience that gives emotional feedback, that makes a connection. When this happens, the experience becomes powerful. One that leads them to bond with the experience. A bonded user is not only invested but is also engaged in the interaction. In this talk I’ll explore what bonding is, why it’s important to us and and how you can start pixel bonding.

  • 11:20

    Coffee break

  • 11:50

    Modern Websites for the Modern WebPatrick Kettner

    Watch on YouTube

    It seems like new APIs for the web are released every week. It would be cool to be able to use them, but if you need to make websites for the average user, you won't be able to use them for years – right? Wrong. Patrick will go over how creating feature rich and super fast front end applications, integrating over a dozen cutting edge web features, all while supporting even the oldest of web clients.

  • 12:25

    CSS for Software Engineers for CSS DevelopersHarry Roberts

    Watch on YouTube

    Depending on where you draw your measurements from, the first programming languages for use on ‘modern’ electric computers were designed in the ’40s and ’50s. CSS, on the other hand, is a mere adolescent—born in 1996, it’s just 18 years old. This means that software engineers have had over four decades’ head start on us: we should be listening to a lot more of what they have to say.

    In this talk, we’ll take a look at some very traditional computer science and software engineering paradigms and how we can steal, bend, borrow, and reimplement them when writing our CSS. Writing CSS like software engineers so that we can become better CSS developers.

  • 13:00

    Lunch break

  • 14:25

    Can't you make it more like bootstrap?Alice Bartlett

    Watch on YouTube

    Origami is the Financial Times' front end components system. It aspires to create a unified style and experience for FT websites, and make web development at the FT faster.

    This talk will be a walk through Origami, with its key parts described in contrast with other similar components systems and pattern libraries created elsewhere. An alternative talk title could be “Things Origami could learn from other design systems”

    I'll look at the methodologies for deciding what gets to be a component, and compare this to more pattern-library type approaches (such as atomic-design). I'll look at how various teams have approached documentation and talk about why Origami does this badly and how we can improve it. I'll compare how Origami handles delivery of its components to browsers, and contrast it to how other places such as GDS and Lonely Planet have approached this.

    By the end of the talk, the listener should understand a bit about how large companies like the FT deal with Front-End development at scale, and they will hopefully have some ideas about Front-End architectures to take back to their own worlds.

  • 15:00

    Building an Offline Page for The GuardianOliver Joseph Ash

    Watch on YouTube

    You’re on a train to work and you open up the Guardian app on your phone. A tunnel surrounds you, but the app still works in very much the same way as it usually would—despite your lack of internet connection, you still get the full experience, only the content shown will be stale. If you tried the same for the Guardian website, however, it wouldn’t load at all.

    Native apps have long had the tools to deal with these situations, in order to deliver rich user experiences whatever the user’s situation may be. With service workers, the web is catching up. In this talk Olly will demonstrate how he built an offline page for http://theguardian.com, and discuss potential future use cases.

    There have been lots of talks about service workers in recent times, but rarely have people used them in production and lived to tell the tale. I hope this talk will inspire people to start using them in production, and educate them on the various caveats they might come across.

  • 15:35

    Coffee break

  • 16:05

    The myth of the “Real JavaScript Developer”Brenna O'Brien

    Watch on YouTube

    Making the jump from HTML & CSS to JavaScript can be intimidating. For many JS beginners, this will be the first programming language they encounter. And if that wasn't challenging enough, there's also immense cultural pressure to live up to unrealistic standards of what it means to be a successful JS developer today.

    In this talk, we'll debunk the myth of the “real JavaScript developer” - a magical creature who knows it all, writing perfect code in the hottest new framework without ever needed to stop and take a break. We'll look at simple strategies to help beginners on their journey learning JavaScript and also come up with a more realistic definition of what it means to be a successful JavaScript developer today.

  • 16:40

    Don't hate the player, hate the gameTim Holman

    Watch on YouTube

    Sometimes development can be hard, there's so much information, and so many new things constantly blasting out at us… sometimes it can be a little too much.

    Join Tim for a sarcastic, yet informative cartwheel through the badlands of designing, developing, and surviving the internet as we know it.

  • 17:15

    Closing word

  • 17:20

    End of day

Become a Sponsor

By sponsoring Front-Trends, you'll reach thousands of professional web developers (both at the event and online once videos are posted).

Check out our sponsorship opportunities or get in touch with us at [email protected] for more information.