Schedule

We’ve got a fantastic day of speakers lined up for our attendees and a social at Lane7 to end the day.

Got any questions - get in touch.

BUY TICKETS

8.30am - 9.30am

Registration & Breakfast

Join us for breakfast, coffee and a bit of chat.

09.30am - 09.40am

Welcome

A quick hello and welcome. 👋

9.40am - 10:30am

Choose Your Animation Adventure

Val Head

Animation has come a long way on the modern web and now we have a long list of choices for how to make something move on screen: CSS, JavaScript, SVG, the Web Animation API. With so many options, how can you be sure which is the best choice for your project?

With an eye to both the strategy and tactics of animation needs, you’ll learn what which web animation options are the best fit for common UI design tasks.

Val will survey the full spectrum of animation options from CSS to React Motion and show which are best suited for things like state transitions, showing data, animating illustrations, or making animations responsive.

You’ll also see how your choice of animation tools can impact performance, so you’ll leave knowing exactly which tools to choose for your animation needs.

10.30am - 11:20am

You're only supposed to blow the bloody doors off!

Léonie Watson

What do these immortal words, from Charlie Crocker (AKA Michael Caine) in The Italian Job, have to do with JavaScript? More than you might think…

It is often said that JavaScript makes things inaccessible with a screen reader. This is not true though. It is possible to do good and bad things with JavaScript (as with any other language, or even dynamite) - but it helps if you understand accessibility mechanics in the browser if you want to avoid unexpected consequences.

If you have ever used JavaScript to provide keyboard shortcuts, or used the ARIA application role to enable accessible software UI interactions on the web, there is a good chance it had unintended consequences for screen reader users.

Using code examples and screen reader demos, Léonie will look at accessibility mechanics in the browser, the new Accessibility Object Model (AOM) JavaScript API, and how to use JavaScript so you only blow the bloody doors off!

11.20am - 11:40am

Break 1

Grab a coffee and check out our sponsors (or enjoy the lake).

11.40am - 12.30pm

A red LEGO brick is always red: components on the web

Jack Franklin

This talk will explore the changes that have occurred in the front end space in the past few years and how we’ve aligned on the concepts of components being the key building block for frontend applications.

We’ll discuss how thinking of a web application as a tree of components, rather than discrete pages, leads to a more testable, maintainable and reliable codebase. We’ll look at how we can build predictable components, encapsulating perfectly the triumvirate of HTML, CSS and JS that can be combined to build reusable components.

Using React as our component library of choice, we’ll look at patterns that lead you down the path of reusability almost by default and how to walk the fine line between reusability and death by configuration.

Then we’ll explore the final piece of the puzzle: CSS. CSS goes against everything the componentised world stands for but its global, cascading nature can be tamed. I’ll show different approaches to combining your CSS with your components in order to fully encapsulate a component into a lovely, reusable lego brick.

12.30pm - 13.30pm

Lunch

Join us for an awesome street food lunch!

Fancy giving a lightning talk? We will have an open mic on the main stage.

13.30pm - 14.20pm

Having fun with WebBluetooth

Niels Leenheer

Time for JavaScript to get physical. With WebBluetooth the browser can actually take control of all kinds of physical devices in the real world like lightbulbs, robots and even drones.

And nowadays you can even run JavaScript straight on microcontrollers and even little Bluetooth beacons.

This talk will teach you the basics that you need to get started and give a peek at some more advanced topics like building your own Bluetooth devices using just JavaScript.

14:20pm - 15.10pm

Common ways we break accessibility and how to avoid them

Laura Carvajal

A great deal of what makes a website accessible is fairly straight-forward to achieve, but only once we know what to look out for! Over 70% of websites are broken for disabled users, including those who rely on assistive tech, such as screen readers and magnifiers, to navigate the web.

That’s a good 10%-20% of your user base who can’t access your content or pay for your product, even though they may want to.

In this talk we will go over some common front-end (anti)patterns and how they affect accessibility while otherwise going virtually undetected. We’ll cover how to get the same results without breaking your site for disabled users, including real-life examples of how we’ve we’ve avoided these pitfalls at The Financial Times.

15.10pm - 15.30pm

Break 2

Grab a coffee and check out our sponsors.

15.30pm - 16.20pm

Frontend Resilience

Ian Feather

It’s time to accept that system and network failures are inevitable and to start designing our systems to withstand them. In a year when S3 has gone down twice(!) this is becoming ever more obvious.

Come and learn 19 ways BuzzFeed designs their frontend to be resilient to failure!

Accomplishing this isn’t easy but we’ve learnt a few tricks along the way which we would love to share! I’ll explain the principles behind our approach as well as detailing some of the solutions we have put in place: covering areas of automation, instrumentation and continuous testing in production.

16:20pm - 17.10pm

Working less and creating better results with automation, tooling and machine learning for web developers

Christian Heilmann

17:10pm - 17.30pm

Closing remarks

A few words from us.

18:30pm - 11.00pm

Social

Join us at Lane7 - for more chat, bowling, ping pong, karoke and pool!