Welcome to FRONTEND-CON 2017, one of the largest conferences dedicated to the front-end community in this part of Europe.
1.000 participants including over 30 world renowned speakers in the field of front-end development will meet at the heart of Warsaw, Poland for two days to:
- share ideas,
- strengthen coding skills,
- make new friends
- and, most importantly, spend great time together!
FRONTEND-CON 2017 will take place at the EXPO XXI, a state-of-the-art exhibition and conference venue. All presentations, workshops & discussion panels will be held in English.Contact us
[ WORKSHOPS ]
21.09.2017 Tickets are sold separately
However without a grasp of the deeper fundamentals you will hit quite a few confusing issues, introduce bugs, find it hard to read and understand other peoples code and won’t be considered a “Senior Developer”.
Angular Kickstart by Shmuela Jacobs
In this hands-on workshop you will learn how to get started with the most popular, cutting edge platform for (not only) web development.
It will give you the jumpstart you need to start developing with Angular: the basics, the syntax, the state of mind. We’ll emphasize best practices and offer useful resources.
[ SPEAKERS ]
HCI Researcher at MIT CSAIL, Invited Expert at W3C CSS WG
Lea is currently busy researching how to make web programming easier at MIT CSAIL. She is the author of bestselling advanced CSS book CSS Secrets and has worked as a Developer Advocate at W3C. She has a long-standing passion for open web standards, and is one of the few Invited Experts in the CSS Working Group. Lea has also started several popular open source projects and web applications, such as Mavo, Prism, and -prefix-free and maintains a technical blog at lea.verou.me. She holds a MSc in Computer Science from MIT. Despite her academic pursuits in Computer Science, Lea is one of the few misfits who love code and design equally.
Opening Keynote Talk: CSS (Variable) Secrets
You may have heard about CSS Variables (aka CSS Custom Properties), but think it’s not something you can use yet. Plus, you already have your preprocessor pipeline in place, why should you care? This talk will show how CSS Variables are much more powerful than static preprocessor variables and can be used today without compromising progressive enhancement. You will also learn several creative tips and tricks to take full advantage of them. As is customary with Lea’s CSS talks, expect a swath of live demos to demonstrate the material.
Software Architect at McKinsey
Louay is an architect who works for Digital McKinsey in the UK. He has been a consultant and a full-stack software engineer for over 6 years working with clients and teams from more than 10 countries in Europe and the Middle East.
Talk Title: How I met your coverage threshold: The path to more valuable & enjoyable front-end testing
We’ve all been there. Front-end testing is a difficult challenge everyone faces, and lots of people tend to run away from. More often than not it’s fragile, brittle, and even useless.
In this presentation, Louay will talk about his experience in creating a team culture and a toolset that facilitates writing front-end tests for developers which are valuable and less fragile & flakey.
He’ll also discuss some tools and best practices that help with tracking and increasing tests and test coverage and he’ll demonstrate some examples of tests using react with redux and redux-saga.
He is an enthusiastic OSS contributor who has cooperated with several JS (and Vue.js) libraries.
He also likes to participate in dev communities and conferences performing workshops, tech talks or just helping organising.
Talk Title: Breaking the Binary World with Vue.js
Vue.js is more consolidated than ever. It is the future of the MV* client side world and is one of the most promising alternatives, fighting with industry giants like React and Angular 2. I will show you the simplicity and power of this framework which combines the best parts of front end world.
Software Engineer at OpenTable
Talk Title: Breaking the frontend monolith.
Usually, micro-service architectures are unopinionated by nature, leaving tech-stack decisions to service onwers. During this session I’ll explain how OpenComponents works, how do we use it at OpenTable and how we allows teams to build frontend components with different client-side technologies that seamless work together.
Internet Batman at Dynatrace
Talk Title: Get a grid for flex’ sake
With Flexbox and CSS grid layout your layout possibilities on the web change fundamentally. Finally you are able to write semantic HTML, keep a good structure and let the magic of layout algorithms do the rest. In this live coding session, Stefan will show you core concepts beneath both layout technologies, how they work together and where limitations are. We also look at some fallbacks in case the browser base you have to support isn’t ready.
Author of Create.js and NoFlo, working on Flowhub and GuvScale.
Henri is an open source content management pioneer and a well-known technology conference speaker. He is the creator of the Create.js web editing interface and the NoFlo flow-based programming environment that powers The Grid and Flowhub.
I’m Vitaliy, a 27-year-old front-end engineer from Mykolaiv, Ukraine. But currently, I live and work in Wroclaw, Poland. As a developer, I’m really excited about all new technologies and fall in love with open source community.
Talk title: Keep calm and use Angular CLI
Google Developer Expert
Talk Title: AngularFire Full Stack Developer
Nowadays it is normal to hear of “full stack developers” and thanks to firebase and Angular library, you can do a lot of things “without the need for a backend and a database” besides Angular can be developed For the web, Desktop and mobiles … then we could do many things are angular and a library nothing more … in the talk we will see its advantages and the functionalities that we can create in all the platforms.
Cloud Developer Advocate at Microsoft
Talk Title: There and Back again – Angular and React
Full stack developer @ Kamet Ventures
Artur is a fullstack engineer who is passionate about all gadgets and smart devices, he loves customizing his dev environment and trying out new technologies, his favorite software is ‘Hello World’. He’s an early adopter of ReactJS.
Talk Title: There and Back again – Angular and React
Senior Software Engineer
He loves open source and contributes regulary to many projects (ngMetadata, SkateJS, Angular, React, Preact) and also runs biggest js meetup group in Prague – ngParty(meetup.com/ngParty). He is well known as community leader among Angular/JS communities mainly in Europe.
Martin loves to travel the world and meeting new people at conferences. When he’s not busy preparing the next meetup, workshop, talk or writting new OSS library, you might find him outside on his skate/snow/wake boards (depends on weather conditions yo!)
Talk Title: Reactive Type-safe WebComponents
You know the drill right? new cool framework/library appears… boom! new Datepicker in that framework follows and soon enough whole UI libraries, again and again….
It’s 2017 and it’s time to stop this madness once and for all! How you ask?
In this talk I will do an overview of component creation in terms of re-usability followed up with real life examples how to create performant, reactive, small and type-safe web components with tiny superpowered library called SkateJS.
Write once, use everywhere by using the platform.
Web Technology Strategist
Full-stack web developer, solution architect and technology strategist that loves excellent user experiences and clean, well-tested code. He wrote his first website in 1996, and loves all things web ever since.
Fredrik is the organizer of ngStockholm and co-organizer of ngVikings; and shares his time between consulting and working on his startup project Lancelog, a business dashboard and invoice generator for freelancers.
Currently, he consults as a tech lead for the Swedish energy company Vattenfall, paving way for project success by improving code- and process quality and team collaboration.
Talk Title: The perfect stack is merely a door opener
Give us web developers a greenfield project, and we immediately start to discuss what technology stack and architecture is best suited for this particular problem space.
But how important are those decisions for the long-term success of the project? Not nearly as important as you might think. But then – what is?
In this talk, I’ll share my view on some of the (often overlooked) factors that can make or break a web project.
Lead Front End Engineer
Talk Title: It’s alive! – Tips and Tricks for using Angular in Production
Over the last two years, you probably tinkered with Angular a little bit. You probably made a few simple apps while running AngularJS in production. Now, Angular is better than ever. Stronger, faster… you get it. It’s about time to take your Angular app live! Lean about a few tips and tricks for taking your Angular app live in a live demonstration.
Cloud Developer Advocate at Microsoft
I’m a developer, trainer and speaker with over 16 years experience working for organisations such as the European Space Agency, Google and now Microsoft, where I am a Senior Cloud Developer Advocate.
Talk Title: It can happen to anyone
Thought hacking was hard? It’s not, it’s easy and I’m going to show you how! Most sites are far more vulnerable to attack than they think. In this talk we’ll go through a series of hacking stories and breakdown the hack together to see exactly how they did it. By the end you’ll walk away perhaps a little bit more scared, but definitely armed with some great practices you can apply immediately to your own applications.
Front-end Developer & Consultant
Shmuela Jacobs is a front-end developer, consultant, speaker, and community activist. She is the founder of ngGirls organization and Angular Nights meetup group.
During her academic studies (M.Sc. in Information Management Engineering and B.Sc. in Physics) Shmuela had combined her passions of coding and teaching as a software developer, teaching assistant, science museum guide, and researcher. Today she continues to enjoy these activities developing with Angular and sharing her knowledge and experience in meetups and conferences. Shmuela lives in Tel Aviv with her husband Haggai, their deaf dog Ziggi, and one-eyed cat Franco.
Talk Title: PWA Made Simple with Angular
With Progressive Web Applications we enjoy both Web and Mobile-originated features for increasing user engagement and experience. Angular and its ecosystem recognize this need and help us “progressify” our apps. Let’s see how!
Google Developer Expert
Talk Title: How To Be a Web AV Artist
Come and be fascinated by the world of audio visualisation in a browser. This isn’t just about creating stunning data vis to music! We see how we can pipe data realtime into custom properties to enhance our visuals. The speaker re-addresses how we analyse sound via the Web Audio API and proposes a better way of processing the data to better suit music, and, to top it all off, we harness the Web MIDI API for full hardware control as well. You may not think it, but this really is a talk with a great deal of take-aways and new techniques for you to consider in your coding life.
Developer Evangelist for Twilio
Talk Title: Get started writing TypeScript today!
CTO at Namshi.com
Alessandro Nadalin is a seasoned technical leader, currently in Dubai as CTO of Namshi, who pays a lot of attention to scalability, robust and reliable software architectures and microservices.
He has been involved in projects for the italian government, Samsung, Nissan, ENI and in the e-commerce scene in the Middle East.
When he’s not working, you can find him speaking at some conference, riding his motorcycle, blogging or eating some indonesian food in the old side of Dubai.
Talk Title: SPA, Isomorphic and Back to the Server: Our Journey With JS
We’ve been toying around with JS since 4 years, trying to figure out what’s the best approach to build mobile-friendly apps that would offer the best performances on mobile devices.
We first went SPA and then decided to take a different approach, as 3 years ago we decided to tackle our problems on mobile with an isomorphic application.
Today, we would like to guide you through years of that choice and why we decided to take a step back and go revamp our mobile website again, with server-side rendering and a pinch of React.
Spoiler alert: 30ms is considered slow.
Developer Evangelist for deepstreamHub
Srushtika Neelakantam is a Developer Evangelist for deepstreamHub. She is a passionate tech advocate and loves all things web ! She is also a regular speaker at tech conferences worldwide and a co-author of “Learning Web-Based Virtual Reality” published by Apress. A longtime contributor and techspeaker at Mozilla, she loves to discuss the open web and its enormous opportunities.
Talk Title: Building realtime VR on the web
VR technology is going places ! But learning the tech stack for its implementation is still a challenge for many web developers. What if we could do some reverse engineering and build VR using just HTML with a chunk of JS !? Of course adding a realtime functionality with multi user capability to this recipe would only make it more delectable !
This talk will walk the audience through WebVR and what makes it different from regular VR. Further, it will introduce the A-Frame web framework that makes building VR apps terribly easy. All this along with the realtime backend provided by deepstream is more than enough to be able to easily build multi-user VR in just a few minutes.
I am a Spanish-born front end engineer and mobile engineer living in Wrocław, Poland for the last 4 years. I used to work as front end engineer at IBM till I joined Callstack, a growing startup where we specialize in building React Native applications.
I am a Software Engineer specialized in building applications using React and React Native. I also have a broad experience building native Android applications. As a personal experience, I built Audio Profiles which has reached 100k downloads in the Google Play Store (https://play.google.com/store/apps/details?id=com.fnp.audioprofiles&hl=en) and it is still growing. I am currently merging both experiences (web and mobile) to try to bring the best of both worlds to the users.
In my free time I basically love building apps, contribute to the open source (https://github.com/ferrannp), write on Medium (https://medium.com/@ferrannp) and I also make sure that developers tests their code (preferably with Jest!).
Talk Title: Testing React & Redux applications with the *new* Jest: Snapshots come into play!
Testing should be easy and painless, otherwise we would not test our apps. That is what Jest has been trying to achieve all this time. But let’s get a bit practical in this talk and show how we can fully test a React + Redux application using Jest.
Moreover, I would like to focus in the new Snapshot system that Jest provides and explore all its power and real use cases. With Snapshots you can easily test pieces of UI code (in this case React components) but I will also talk about other uses for them.
You can also expect a lot of real testing examples on this talk that I’ve seeing from different clients I worked with.
Google Developer Expert
Talk Title: Graphql vs REST
Graphql is a data query language developed by Facebook in 2012. Graphql is sometimes named as REST 2.0, its successor. But is that really true? What is Graphql, how does it work, what problems does it solve and can it co exist with REST. This talk aims to give you a good foundation in Graphql as well as an understanding on when to use Graphql or REST for your services, or indeed both
Front-End Engineer and UI-Designer
Andrey is a Russian-born front-end engineer and UI-designer living in Vienna, Austria for last 8 years. He has been working on modern user interfaces using web technologies for more than 10 years. Before that, he worked as UI-designer and usability expert for companies like JetBrains, Yandex, Wildbit and many others. He is also a designer and co-creator of [ColorSnapper](http://colorsnapper.com) — a macOS color picker for developers and designers.
Being an active Open Source contributor he has been working on his own OSS projects like [react-dropzone](https://github.com/okonet/react-dropzone), [lint-staged](https://github.com/okonet/lint-staged) but also made contributions to the React.js core, Jest testing framework, designed [PostCSS official website](http://postcss.org) and wrote documentation for [Webpack](http://webpack.io).
Along with Nick Graf, Max Stoiber and others, Andrey is a co-organizer of [ReactVienna community](https://twitter.com/ReactVienna) in Vienna.
Andrey loves mountain biking, snowboarding, and coffee. He’s a co-owner of [“Kaffemik”](http://kaffemik.at) — a specialty coffee shop in the center of Vienna.
Talk title: Modular CSS
This talk does a short retrospective of the problems we have with how we write, organize and bundle CSS and how we can improve it by using a better folder structure, naming conventions and local scope, post-processors like PostCSS and bundlers like webpack.
Founder at angular-academy.com
Talk title: Angular Router – let’s get lazy!
Routing in web applications is an essential concept that enables users to navigate throughout them. Angular Router is simple yet powerful for developers to use in their applications.
In this talk we will learn mechanics of Angular Router with lazy loading and pre-loading features.
When he’s not coding, he spends his time with his lovely wife. He also enjoys playing the guitar and love to travel around the world and discover cities and cultures.
Talk Title: Leveraging code-splitting in React apps
Dynamic imports have arrived! With the new import() proposal we have got a convenient capability to load React components whenever rendered. Our mission now is to build faster web apps and deliver as less code as needed. But how? In this lightning talk we will leverage code-splitting with minimal effort and discuss the page speed impact.
Google Developer Expert
Maxim Salnikov is Oslo-based Web UI Engineer, a Google Developer Expert in Web Technologies and Angular. He develops complex web applications since the end of the last century and has extensive experience with all aspects of web front-end: UX/UI prototyping, HTML/CSS/JS, main frameworks, progressive web apps.
Maxim is a founder and active contributor to two conferences: Mobile Era and ngVikings – Nordics’ main conferences for mobile and Angular developers respectively. Also, he leads Norway’s largest meetups dedicated to web front-end and mobile: Framsia, Angular Oslo, Mobile Meetup Oslo.
Maxim is passionate about sharing his web front-end experience and knowledge with the community. He travels extensively for visiting developers events and speaking/training at conferences and meetups around the world.
Talk Title: The Mobile Web Second Edition: First-Class Citizen on Your Device Now
Front-End Web Developer
Alicia Sedlock is a front-end developer and spends most of her day thinking about front-end design systems. By day she focuses on things like web standards, front-end systems, and accessibility, while by night she thinks about making games for the web. She’s written articles for places like net magazine, CSS-Tricks, and 24 Ways.
Talk Title: How To Fight and Prevent Burnout
The tech community puts a warped badge of honor around burnout. It’s often seen as an indicator of success and working hard, when it’s actually harming the growth of our developer communities and teams.
This talk will cover:
• Why burnout culture takes away from inclusion
• Identifying burnout within yourself and your teams
• How to grow your technical skills without compromising your personal life
• How to bring a healthy work and growth ethic to your team, regardless if you’re the newcomer or the tech lead
Martin is a full stack developer with a tendency to the frontend, mostly angularjs and angular. While he studied math and computer science he had the opportunity to get in contact with machine learning, where his need to make the world easier for users originated. At idealo Martin works on that topic by developing internal tools. In his spare time he is organizing the Angular meetup in Berlin.
Talk Title: Train your browser to decide what’s next
This talk is based on my experience of implementing and and ideas how to use it for your advantage.
Senior front-end developer
A couple of years ago I realised that my knowledge could be valuable for other people. That’s when I have decided to become a speaker at local community meetups (called meet.js). I have prepared a couple of presentations (covering different topics like Shadow Dom and Web Components) for meet.js. I was eventually asked to become one of the organisers of the meetup itself. Meet.js is a monthly meetup during which we discuss front-end related topics. We usually have 3 to 4 speakers and at least 100 hundred attendees! I believe strongly in serving the community and attending conferences as the best way of sharing knowledge and becoming better programmers eventually.
Talk title: You use Content Security Policy, don’t you?
The point of my talk is to explain what the importance of Content Security Policy is. What it is, why do we need it and how we can use it. Plus I’ll do some live coding during the talk.
The talk will begin with stories of the most notorious and infamous attacks conducted by exploiting front-end based security holes. Right after that, I’ll move into an explanation of XSS attacks (one of the most dangerous front-end issues). I’ll explain what an XSS attack is, how hackers usually perform it, and what makes websites XSS vulnerable. Then, I’ll move to the live coding part. I’ve prepared a website (blog) which I’ll hack by stealing session cookie by using XSS. After a successful attack, I’ll explain what Content Security Policy is and how this mechanism can help in making websites XSS resistant. I’ll present different CSP directives and explain what they do. I’ll configure my local server to use CSP, and try to perform the same attack as before to prove that after the patch it’s unsuccessful. Then I’ll move to CSP cons. I’ll cover the hard maintainability and problems with third party libs and frameworks.
Senior Front-End Developer
Michal is Senior Front End Developer and Consultant with over 5 years of experience, mostly working with Typescript / ES6, Angular and Electron. Currently living in Berlin. He likes to participate in the developers meetups and conferences. In his free time he loves playing tennis, visiting various European cities and getting involved in Berlin start-up scene.
Talk Title: Redux pattern for state management – ngrx edition
After the presentation You will be familiar with the Redux and single store architectures. You will know when to use a store solution and why, what are the reasons and most common use cases for doing so.
In this presentation you are going to learn the Angular Ngrx library ecosystem, namely everything that revolves around the Ngrx Store and Ngrx Effects library, and store architectures in general.
[ PARTNERS ]
[ COMMUNITY PARTNERS ]
[ MEDIA PARTNERS ]
[ Special offer ]
Lufthansa Group Partner Airlines offer a comprehensive global route network linking major cities around the world. We offer special prices and conditions to participants, visitors, exhibitors, invited guests as well as employees of the Contracting partner and their travel companions.
To make a reservation, please click on www.lh.com/event-flight-booking and enter the access code PLZJWPD in the “Access to Your Special Lufthansa Offer” area. This will open an online booking platform that will automatically calculate the discount offered or provide you with an even better offer if another promotional fare is available.
NOTE: Pop-ups must be enabled otherwise the booking platform window will not open.
Conference 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 expect cooperation from all participants to help ensure a safe environment for everybody
Harassment includes offensive verbal comments related to gender, gender identity and expression, age, sexual orientation, disability, physical appearance, body size, race, ethnicity, religion, technology choices, 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 sexualised images, activities, or other material. Booth staff (including volunteers) should not use sexualised clothing/uniforms/costumes, or otherwise create a sexualised environment.
If a participant engages in harassing behavior, the conference organisers 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 clothing and/or badges.
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.
Adopted from The Conference Code of Conduct.