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!
First time in Warsaw? Not sure what to expect? We’ve prepared a short guide for you to make your stay in Poland as smooth as possible!
Registration & Breakfast
Opening & Agenda
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.
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.
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.
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.
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.
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.
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.
End of day
Registration & Breakfast
Opening & Agenda
“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.
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.
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.
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.
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.
End of day
Registration & Breakfast
Opening & Agenda
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.
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.
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.
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.
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.
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.
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.
End of day