codeFron.io codeFron.io

Front-end Development Conference

Johannes Kepler University, Linz / Austria

Download codeFront.io iOS Application
Download official codeFront.io iOS Application

You have a chance to meet engineers from pioneers of the industry and the front-end world!

Google Twitter GitHub Opera Software Disqus Smashing Magazine RedBeacon

News

codeFront.io - News

Fresh updates

  • Huge amount of photos uploaded to FlickrJuly 23
  • Winners are announced! Please click here for full list.May 15
  • Vitaly Friedman is doing a huge surprise for visitors: at 18:00, come and join him at TRACK 3May 10

We would like to thank all of our sponsors for their support! All the coupon codes are sent via email. Enjoy your prices!

Winners

Plural Sight Annual Plus ($499)

  • Mahmut Yıldız
  • Tuba Sarı
  • Andreas Krenmair

CodeSchool 6 Months Free

  • Stefan Schleifer
  • Isabella Danda
  • Domenik Antosch
  • Francesco Novy
  • Jakob Kaltenbrunner
  • Elmar Putz

Smartface.io License

  • Melanie Habermayer

Speakers

Monica Dinculescu

Monica Dinculescu Google


Monica is a developer at Google. She works on Chrome and has probably at least once broken the Internet for you.

She is also a co-organizer of the Montreal All-Girl Hack Night and runs the Montreal chapter of Code for Kids.


Carmen Popoviciu

Carmen Popoviciu Developer


Leading lady of the Dutch AngularJS Group. Front-end developer, AngularJS advocate, choreographer and mover, and since recently hackathon lover.


Vitaly Friedman

Vitaly Friedman Smashing Magazine


Vitaly Friedman loves beautiful content and does not give up easily. From Minsk in Belarus, he studied computer science and mathematics in Germany, discovered the passage a passion for typography, writing and design.

After working as a freelance designer and developer for 6 years, he co-founded Smashing Magazine, a leading online magazine dedicated to design and web development.

Vitaly is the author, co-author and editor of all Smashing books.

He currently works as editor-in-chief of Smashing Magazine in the lovely city of Freiburg, Germany.


Andy Hume

Andy Hume Twitter


Andy works in the engineering team at Twitter. Previously software architect at the Guardian, developer at Clearleft, and engineering manager at Microsoft.

He likes good looking responsive websites that are maintainable, resilient, and load fast.


Hampton Catlin

Hampton Catlin Moovweb


The inventor of Sass, Haml, m.wikipedia.org and Moovweb, where he holds a CTO position.

Hampton is the founder of the libsass project and the author of "The Pragmatic Guide to Sass."


Ola Gasidlo

Ola Gasidlo Developer


Ola Gasidlo has been working as a professional front-end developer for 7 years now and joined Hoodie by the end of 2013.

She organizes OpenTechSchool Dortmund (@ots_do), is co-organizer of reject.js – and: she's the mother of a wonderful daughter.

Beside, she loves to ride the trails.


Mathias Bynens

Mathias Bynens Opera Software


Web developer from Belgium. He likes HTML, CSS, JavaScript, Unicode, performance, and security.


Kevin Sawicki

Kevin Sawicki GitHub


Kevin Sawicki is a developer at GitHub who currently works on the Atom Editor and previously developed the GitHub Android App and was a core committer on JGit, the Java implementation of Git.


Carina Wetzlhuetter

Carina Wetzlhuetter Miavia


Carina takes care of Community Building and Marketing at travel-guide Miavia.

She absolutely loves languages, coffee creations and mountains.


Eric Schoffstall

Eric Schoffstall Fractal


An enthusiast of all things. Experiencing life through code. Co-founder Fractal, Genome.js, Gulp.js


Pascal Precht

Pascal Precht CouchCommerce


A professional animated gif executer, working on open source projects.

Pascal is the creator of the angular-translate project and is into high-fiving flight attendants.


Hollie Lubbock

Hollie Lubbock Bureau for Visual Affairs


Hollie is a London-based interaction designer at Bureau for Visual affairs, where she works on content-rich sites in the fashion, culture and tech sectors.

She has worked on search-specific projects including the collections of the V&A and the IWM, and has a keen interest in information design.


Marko Dugonjić

Marko Dugonjić Creative Nights


Marko is a designer and web standards developer from Croatia. As the Creative and UX Director at Creative Nights, Marko improves his customers' digital experience.

He founded ffwd.pro, a micro-conference for internet professionals in Croatia.

One of his favorite projects is Typetester, an online tool for testing screen fonts.


Krasimir Tsonev

Krasimir Tsonev Developer


Krasimir Tsonev is a coder with over ten years of experience in web development.

With a strong focus on quality and usability, he is interested in delivering cutting edge applications.


Lena Reinhard

Lena Reinhard Hoodie


Lena is a writer and photographer, specializing in communications and project management in tech. She's accidentaly also a core member of Team Hoodie (hood.ie).


Sezgi Şensöz Tulum

Sezgi Şensöz Tulum Tuttur


Sezgi is a front-end developer from Turkey who currently works on Tuttur - world's first social betting platform.

Enthusiast of JavaScript, RPG and blogging.


Burak Yiğit Kaya

Burak Yiğit Kaya Disqus


Front-End Infrastructure Engineer at Disqus and also responsible for the whole translation system and its automation.


Michael Aufreiter

Michael Aufreiter Substance.io


As the initiator of Substance, Michael coordinates the project and leads UI/UX development. He is a passionate Open Source commiter.

Notable projects include Prose, a visual interface for managing content on GitHub, eLife Lens and Substance.


Oliver Buchtala

Oliver Buchtala Substance.io


Oliver loves and masters code generation, parsers and lately, JavaScript.

Back in 2010, he helped with the initial design of the Substance Document Model.

Today his focus is on infrastructure and system architecture.


Sara Vieira

Sara Vieira Developer


Sara is a front end developer from Portugal. She's one of those few people in the world who love what they do, wanna do it more and even work on their free time.

When she is not in code she is a total TV Show addict and everything she says is a TV Show reference.


Thomas Schranz

Thomas Schranz Blossom.io


Co-founder & CEO of @blossom_io — Love Product Management, UX, Service Design, Typography, Game Design, Dart, Growth Engineering, Tea, Minimalism, Dao, …


Mehmet Duran

Mehmet Duran Developer


Mehmet is a Front-end developer based in London who's passionate about standards, usability and performance.


Gerçek Karakuş

Gerçek Karakuş Redbeacon


UX engineer at Redbeacon who loves working right at the intersection of design & engineering.

Driven to better understand human behavior in relation to technology.

Focused on product strategy, ux research, interaction design and engineering.


Thomas Scheinecker

Thomas Scheinecker Catalysts


Thomas is a front end genius at Catalysts, currently working on enterprise projects using AngularJS.

Besides that he is a world traveller and a regular participant at coding contests (Challenge 24, CCC etc.) where has been demonstrating again and again that he is among the best software developers worldwide.


Oytun Eren Sengül

Oytun Eren Sengül Smartface


He is interested in everything about operating systems, kernels and IT.

Proudly member of Linux Foundation and works about mobile systems and is a contributor in Intel Software projects.

Working for Smartface Inc. as community manager.

He is the one of the developer of Automotive Grade Linux.

Currently, working on SLP and presents his studies on various conferences.

He once took place in various Nokia projects.


About

codeFront.io

A ground-shaking festival for Front-end Developers, UI/UX Designers and Web ninjas!

A great opportunity to meet the masters of Web. Come and rock with us on May 10, 2014 in Linz / Austria!

E-Mail List

What to Expect?

  • Are you ready to meet Atom Editor?
  • Responsive Web Design and User Experience secrets?
  • Latest web technologies like HTML5 & CSS3
  • Typography techniques and tips!
  • Popular JavaScript libraries & frameworks!
  • Networking, meet & greet sessions!
  • Fun! fun! fun!

Travel & Accommodation

Hotels

You have great options from Linz Tourism office!

Check out Week-end opportunities! For more information you can visit the other site provided by Linz Tourism.

Linz City Tourist Board
Hauptplatz
4020 Linz

Phone: +43 732 7070 2009
Fax: +43 732 7070 54 2009
E-Mail: tourist.info@linz.at

Wochenende

A weekend in Linz, starting from € 99 per person!

Includes: 2 overnight stays in a double room with breakfast buffet, Linz Card (3-day card, incl. use of public transport, admission to all Linz museums and a € 10 danube-culture voucher for concerts and theatres, plus a € 5 restaurant voucher) and much more.

Click for details

Linz Tourism - Promotion

Travel

Blue Danube Airport Linz

By Plane

Come to Vienna Airport. There are round-trip buses to city center / main train station. After arriving to train station, you can either choose by train or by bus.

By Train

Coming from another city in Austria? Both Westbahn (free wifi in the train, just saying) and the ÖBB have great connections.

Vize İşlemleri

Avusturya Başkonsolosluğuna vize başvurunuzda codeFront.io 2014 için gittiğinizi özellikle belirtin. Başvuru dosyanıza;

Örnek Bilet
  • Bilet çıktınızı,
  • Uçak bileti rezervasyonunuzu,
  • Otel rezervasyonunuzu,

eklemeyi lütfen unutmayın! Bilet örneğine bakabilirsiniz!

Calendar

Track 1

Raiffeisensaal (HS1)

REGISTRATION
Marko Dugonjić
Responsive Web Typography

Responsive Web Design done correctly is based upon content rather than actual device resolutions, and so typography should adapt to both layout and sizing across content breakpoints.

However, mere font sizing along the typographic scale based upon two-dimensional viewport @media queries is not enough.

Apart from setting the correct balance of the black and the white in letterforms and texts, there are other important factors such as reading distance, information density, screen sharpness and device orientation that also influence the reading process.

Learn to look at typography multidimensionally and enhance the overall responsive experience.

Vitaly Friedman
Responsive Web Design

Responsive Web Design challenges web designers to adapt a new mindset to their design processes as well as techniques they are using in design and code.

This talk provides an overview of various practical techniques, tips and tricks from real-life projects and discusses front-end techniques, maintenance issues and performance considerations for lightweight responsive design.

Kevin Sawicki
Atom: Your text editor for the next 50 years

The talk will focus on why text editors are so important to developers, why they take so long to build, and why the Atom editor was created in the first place.

It will also discuss the future of the Atom editor and what interesting packages have been made for since its beta release in February.

Pascal Precht & Carmen Popoviciu
Full spectrum Testing

Testing in software development is important, especially in complex applications. Unfortunately, due to the misconception that setting up a proper testing environment and writing tests is too cumbersome, a lot of applications don't get tested.

In this talk we will show you that testing your AngularJS application is really awesome. And easy. Oh, and did we say awesome?

We’ll look at some “swirling spectacle of cyclic rainbow splendor” examples, and give you an introduction into how easy it is to write unit and end-to-end tests for AngularJS applications.

LUNCH
Hampton Catlin
Sass: CSS with Superpowers

Either you've heard about it, or you're already a convert. Either way, come hear about Sass, the original, and most popular front end pre-processor from the horses mouth.

In 2007, Hampton Catlin invented the concept of Sass and since then it's been on a rocket ship ride to the moon.

Come hear an entertaining history and introduction to both Sass, and Haml, it's more opinionated older sibling.

Expect to be entertained and to hear a litany of curse words.

Eric Schoffstall
Build Systems: The Next Generation

Build systems play a crucial role in a modern web developers life. Why do we settle for subpar processes when we can have it all?

In this talk we take a journey through the build system to discuss a little philosophy, streams, grunt, gulp, and everything in between.

BREAK
Monica Dinculescu
How Chrome keeps users happy: six truths and a lie.

750 million people use Chrome. That's blind people, old people, young people, people who hate change, and sometimes, your cat.

How do we make sure that those people are having a good experience? Science! Mostly.

So, how do you build a usable product? What is A/B testing and how do you make sure that your changes actually improve the product experience? How do you deal with user feedback, and what can we do about accessibility?

These are some of the things I've learned from a year of working on the Chrome UI.

Mathias Bynens
JavaScript ♥ Unicode

In this talk we’ll take a look at the various ways JavaScript relies on Unicode, what the consequences are for JavaScript developers wishing to support full Unicode, and how the upcoming ECMAScript 6 will improve this.

CLOSING NOTES
AFTER PARTY

Track 2

Sparkassensaal (HS2)

REGISTRATION
Andy Hume
Architecting Resilient Front-ends

Companies spend hundreds of thousands of dollars on the uptime of their server infrastructure.

They strive for five nines of availability, measuring their SLAs to the second, waking engineers up in the middle of the night the moment a GET request is a few hundred milliseconds slow.

And yet, web sites in the real world are slow to load and failing all the time, particularly on mobile devices and mobile networks.

User experiences that are blocked by slow-loading JavaScript or never-loading web fonts are all too common, and undermine the cost of sustaining high availability web servers.

Real users are on a mobile phone on a train, moving in and out of network connectivity.

They are behind corporate firewalls and proxies that are stripping HTTP headers and blocking JavaScript.

They are on old browsers and phones with tiny amounts of RAM and CPU.

In this session we'll talk about how to architect client-side code for resilience.

When things go wrong (as they often do on the web) how can we still deliver a useful and timely experience to users?

How can we prioritize the loading of core content?

How can we deal with resources that get lost on the network?

What can we learn about the way browsers parse and display web pages to keep them loading in the most reliable way possible?

Thomas Schranz
How to build products people want.

This talk covers the toughest challenge of building products people want.

How to decide what should get built, how and why.

Hands-on lessons learned on how to deliver unique user experiences using a method known as "jobs to be done".

Ola Gasidlo
Coding the dream: getting started with Hoodie, Offline First and no Backend

Start building the apps you've always dreamed of - and let us show you how to get started right away: take a noBackend philosophy, an Offline First approach, add Dreamcode and a decentralized architecture, stir it, bake it and get Hoodie, the Open Source project aiming to enable Front-end Developers and Designers to build their own apps without worrying about the backend.

I'll give an intro to its architecture and setup around localStorage, node.js and CouchDB, show you how to get started with your dream app and code an app live on stage.

Thomas Scheinecker
Lessons Learned: AngularJS in Enterprise Projects

Web based business applications are on the rise - with the help of some JavaScript and CSS it is possible to create applications which can compete with desktop applications in terms of user experience.

But getting there is cumbersome - handling XHR requests and manipulating the DOM to provide an application which feels responsive to the user is a lot of work.

Libraries like JQuery, lodash, Backbone etc. all help but none really solves all the issues.

This is where AngularJS comes in – we will cover some basic concepts like modularization, filters and directives, but we will also have a look at how we can use the tools that AngularJS provides to manage large business applications.

LUNCH
Sezgi Şensöz Tulum
Behavior-driven development in JavaScript

It is always important to test your code to improve customer satisfaction and to clear any possible errors in the code.

As Lean Development and similar approaches become widely common and accepted, development speed and deployment counts keep increasing which necessitates an increase on amount of tests needed to be run on the project.

In this session, we are going to talk about Test-Driven and Behavior Driven Development (TTD and BDD).

We will discuss why we should run code based tests, differences and similarities of TTD and BDD, how to implement BDD to JavaScript with Jasmine.

Gerçek Karakuş
Supercharge your front-end with the UX best practices

A whirlwind tour of best practices for building responsive, fluid and transitional interfaces for the web, mobile and beyond.

This talk sheds some light on improving perceived speed, optimizing conversion funnels, building polished apps and provides tips & tricks for better maintainability.

BREAK
Burak Yiğit Kaya
Standardized Realtime Events with EventSource

Let’s say you’re developing a realtime application. Your first instinct? You’ll probably look at WebSockets, which after years of competing implementations and specification changes, has emerged as the standard technology for realtime communication in the browser.

But what many developers may not understand is that WebSockets presents a complicated protocol that transmits unstructured data without any guidelines.

And for most realtime applications, it’s total overkill.

Introducing server-sent events (EventSource), a new HTML5 browser feature that provides a JS API for consuming push events that are transmitted from a real-time source.

Implementing SSE is incredibly easy. SSE sources are simple, long-lived HTTP connections.

And listening to those sources is as simple as calling addEventListener.

In this talk I will walk the audience through the problem and demonstrate the shortcomings of WebSockets, and why it’s overkill for most realtime applications.

Then I will introduce the EventSource object, perform a live demo, and show how much people can do more with less code.

I will also introduce a poly-fill for EventSource to work on older browsers (IE9 and below).

Hollie Lubbock
UI design for open data

Good design can increase the value of open data to the public and industry professionals.

But what is open data and how can it be used? The focus of this talk is using design to aid the release of knowledge from within cultural institutions.

But it isn’t just about museums: I’ll be discussing the challenges of designing for complex UIs in general and how we can use narrative to inform and guide the user through abstract interactions.

CLOSING NOTES
AFTER PARTY

Track 3

Hörsaal 7

REGISTRATION
Lena Reinhard
The end of the world as we know it: Open Source and the Mayas

Culture helps shape our behaviour and beliefs, and all of us carry many of its values in uns.

This is why we'll start this talk with thoughts about the main characteristics of cultures, civilizations and societies.

We'll see which risks and behaviours endanger the existance of entire cultures or even lead to their vanishing and what this has to do with programming languages.

We'll then transfer those ideas to the world of Open Source today and take a closer look at its culture.

What position does Open Source have in our society and the world of technology?

Why is it so important to fix its inherent culture when it's broken?

Which natural laws apply to this, and which learnings from vanished cultures should we make use of?

What is the future of Open Source contribution?

How is it linked with trust, the idea of representation and the question who and what is welcomed there? And, finally, what is the future of

Open Source?

This talk will take you on a journey from the ancient Mayas to Coral reefs and Rainforests and to today's world of technology to see what its future can look like.

Krasimir Tsonev
AbsurdJS - Hacking the Front-end

The battle between frameworks and custom code never ends. Sometimes it's better to use your own solution.

Krasimir Tsonev will introduce to you AbsurdJS.

A library which acts as a CSS/HTML preprocessor and client-side framework.

Oytun Eren Şengül
Cross-Platform Native App Development with Smartface App Studio

You don’t have to know Java or Objective-C to develop apps. Just use JavaScript and Smartface App Studio.

Code with JavaScript to develop native mobile apps for Android and iOS.

Design process takes a lot of time in app development. Smartface App Studio offers you a “What You See Is What You Get” design editor to ease application development with Native looking UI components.

You can use these components and make them work with .JS functions! Your app is ready for publish after that. You may download the tools from www.smartface.io/download and bring your computer to follow this hands-on training.

Michael Aufreiter & Oliver Buchtala
Do-It-Yourself: Open digital publishing with Substance

Centrally managed proprietary systems are dominating the Internet.

People are no longer in control of their content, which is resulting in privacy violations, data fraud and censorship.

According to the original idea of the Internet, people control their own space for expression on the web, facilitating the web as democratic medium.

We want to support that idea by contributing Substance, an open platform for modern self-publishing.

We want to help people reclaim the internet as an open space.

With the Substance Composer, a content-oriented editor, even technically unexperienced people can create and share documents with the public.

We ensure that privacy is protected and users have full control over their content — until it's ready to be shared with the world.

The Substance Composer is built using web technology and packaged as a native application for OSX, Windows and Linux.

For front-end developers it is very easy to customise the look and feel of the generated publications as well as automating the publishing process.

LUNCH
Sara Vieira
CSS as a Programming Language

CSS will be sooner or later it’s own preprocessor, we have amazing functionalities in CSS that allow us to go further with it than we ever did.

In this talk I walk you throughout these new functionalities that will make you look at CSS in a different light.

Mehmet Duran
Data Visualisation in the Real World

Data visualisation is everywhere and it's never been easier to create simple visualisations for arbitrary data.

We need it for our dashboards, for story telling, for research, and in such places that sound unbelievable until you see a use case

Although the tools are out there, it has been impenetrable for many front-end developers.

I'm going to be talking about simple ways to gather, prepare and display data in a format that's usable, responsive and makes sense for the user.

BREAK
Carina Wetzlhuetter
The weirdest feature requests we’ve ever received

Why creating a consumer product in a space where everybody conveys herself as the potential user can be fun and extremely confusing.

The little excursion into the online travel business covers why having somebody non-technical on your team who can be the sounding board for product decisions, is important and why - and how - on the other hand it’s crucial to just start getting into programming for everybody involved in product development.

Lessons learned, practical examples and… some interesting feature requests, we are still considering to implement.

After the next pivot.

Vitaly Friedman
Responsive Web Design : Part 2

Second part of Responsive Web Design Talk earlier today!

CLOSING NOTES
AFTER PARTY

Tickets

Smashing Magazine

€ 99 - Buy Now!

Smashing Ticket

Did you miss Early Bird ticket?

Don’t worry! Smashing Magazine saves the day! This is a very special discount equal to Standard Ticket!

Only 100 tickets are available!

Exclusive

€ 150

SOLD OUT!

Includes hot/cold beverages, lunch menu and after-party.

Standard

€ 125

SOLD OUT!

Includes hot/cold beverages and lunch menu.

Early Bird

€ 100

SOLD OUT!

Includes hot/cold beverages, lunch menu and after-party. Till April 14

Student

€ 75

SOLD OUT!

Includes hot/cold beverages and lunch menu.

After Party

After Party / Kod.io 2014

Photo by: Teresa Hammerl / Kod.io 2014

Join the fun after a long day!

Have your drink with the speakers, upgrade your network & friendship world-wide!
You can even ask your questions by face to face! Great opportunity!

Lunch Menus

Venue

Johannes Kepler University

Johannes Kepler Universität Linz

Altenberger Straße 69,
A-4040 Linz, Austria
Show on the Map

3 Tracks, 26 speakers, 850 people capacity.

Special workshops and more surprises!

Sponsors

Honor

Linz Verändert Linz Tourismus Volkshochschule OÖ

Platinum

Smashing Magazine

Gold

Catalysts SmartFace

Silver

Would you like to be the part of our conference?

For Silver please get in touch!

Bronze

GitHub

Open Sponsorship

Pluralsight Code School Karriere.at

Supporters

devPod jstanbul

Media Partners

Austrian Startups inventures

Team

Code of Conduct

All attendees, speakers, sponsors and volunteers at our conference are required to agree with the following code of conduct. Organisers will enforce this code throughout the event. We are expecting cooperation from all participants to help ensuring a safe environment for everybody.

tl;dr: Don’t be a Jerk

Need our Help?

At any time you can walk up to one of our team members and report your concern. Else: shoot an email at social@codefront.io, or call the number we’ll publish on the day of the conference.

The Quick Version

Our conference is dedicated to providing a harassment-free conference experience for everyone, regardless of gender, sexual orientation, disability, physical appearance, body size, race, or religion. We do not tolerate harassment of conference participants in any form.

Sexual language and imagery is not appropriate for any conference venue, including talks, workshops, parties, Twitter and other online media. Conference participants violating these rules will be sanctioned or expelled from the conference without a refund at the discretion of the conference organisers.

The Less Quick Version

Harassment includes offensive verbal comments related to gender, sexual orientation, disability, physical appearance, body size, race, religion, sexual images in public spaces, deliberate intimidation, stalking, following, harassing photography or recording, sustained disruption of talks or other events, inappropriate physical contact, and unwelcome sexual attention.

Participants asked to stop any harassing behavior are expected to comply immediately.

Sponsors are also subject to the anti-harassment policy. In particular, sponsors should not use sexualized images, activities, or other material. Booth staff (including volunteers) should not use sexualized clothing / uniforms / costumes, or otherwise create a sexualized environment.

If a participant engages in harassing behavior, the conference organizers may take any action they deem appropriate, including warning the offender or expulsion from the conference with no refund.

If you are being harassed, notice that someone else is being harassed, or have any other concerns, please contact a member of conference staff immediately. Conference staff can be identified as they’ll be wearing branded t-shirts.

Conference staff will be happy to help participants contact hotel / venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the conference. We value your attendance.

We expect participants to follow these rules at conference and workshop venues and conference-related social events.

Based on the http://2012.jsconf.us/#/about & The Ada Initiative Code of Conduct