Talk: Lightning talks

Lightning talks (approx 10-15 minutes each)

Talk 1: ABC of CSS3 animations - Ronald Mavarez

CSS animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the animation's style, as well as possible intermediate waypoints. CSS3 animations allows animation of most HTML elements without using JavaScript or Flash!

In this presentation, you will learn how to bring life and interactivity to your site.

------------------------

Talk 2: Making apps with React Native - Christian Brevik

As devices keep getting faster, people come to expect responsive and good-looking mobile apps. With React Native, you can make apps that feel completely native, but are written in JavaScript. That means you can leverage your skills as a web developer, while at the same time re-use pretty much all the code on several platforms.

You could write a native app, in a compiled language like Objective-C, C# or Java. But compiling code takes time. With React Native, you don't have to build the app to see changes. This accelerates the feedback loop, and you'll be much more productive.

In this talk, I'll introduce you to React Native and lessons learned from using it in production.

------------------------

Talk 3: A Vue to A Kill - an introduction to Vue.js - Andreas Ahlgren

In the ongoing war between the frameworks - there seem to be two that are head and shoulders above the rest. Is there really room for anything else or will all the upstarts be left bleeding in the dust even if they are objectively at least as good if not better then the major players?

Well. This talk strikes a blow for Vue.js. It has survived its test of fire in regards to staying power. Its faster than the competition. It is easier to write, easier to read and does all the things the main combatants in the arena do (you can even write JSX if you like). In 2016, it got more stars on github than any other js-framework and is now up to 42.500 (comparable to Reacts 60K).

That said. Will this talk change your mind to switch to Vue from React or Angular? Maybe not, but I will make a (strong) case for it anyway! We will have a look at what makes Vue unique but also (it is really hard not to) make a quick comparison to React since the two are really similar.

------------------------

Talk 4: React components, atomic design and storybook - Einar Afiouni

We've had success with using atomic design principles when developing our react components. We did this using a tool called storybook which displays those components in isolation, meaning you can both use it to develop in it and also as a design showcase of your components. The whole thing is packaged as a npm package we can then import into any project we want.

In this lightning talk I will go through how we broke our components into atoms and molecules, and how storybook made it easier for the developers to make the components based on the spec while automatically gaining a design showcase we can use a reference or show to others.

------------------------

Talk 5: Become an SVG Architect, not a PowerPoint Architect! - Filip van Laenen

So you finally made it into being an architect, but you find yourself becoming one of those dreaded PowerPoint architects. What can you do to avoid that? Simple: become an SVG architect!

SVG (Scalable Vector Graphics) is an open format and part of HTML5. Therefore, nobody has an excuse to tell you they can't view your diagrams. But working with SVG is fun, not in the least because it's still a little bit technical. If you want to, you can actually dive into the XML source file and fix things there.

But SVG offers you also a lot more possibilities than a traditional drawing tool will give you. There are e.g. open libraries on the Internet where you can find all sorts of shapes, icons and maps. But maybe most important: it's easy to create your own color palette and add your own style to a drawing, so that it doesn't look so “PowerPointy”.