Amsterdam
JsNation

Schedule

Join our Slack and Online Conference App to get important updates and level up your networking.

• 09:00

  at IIRE

  Roman Liutikov

  ClojureScript Workshop (3h)

  ClojureScript is a compiler for Clojure language that targets JavaScript. It is a modern Lisp with strong emphasis on pragmatic functional programming. ClojureScript favors immutability and simplicity, it proved that React is actually faster with immutable data structures. Today the language is being heavily used for building UIs with React that runs on the web and mobile, with React Native, as well as backend services with Node and JVM. This workshop covers basics of the language through a set of lectures and exercises. We are going to explore ClojureScript’s idioms, learn syntax, data structures, standard library of the language and see how it is used to model UIs.

• 09:00

  at IIRE

  Nikolas Burk

  GraphQL Workshop (3h)

  GraphQL has drastically changed the way how we interact with APIs by providing a strongly-typed layer for client-server communication. This notably improves performance by letting clients request the specific data they need using a simple and declarative syntax. Thanks to the GraphQL schema which serves as the contract for all possible API operations, GraphQL further introduces many benefits to local development workflows (such as compile-time error checks and editor auto-completion) and the overall API tooling space.
  In this workshop, you will learn how to build a fully-featured GraphQL server (including realtime GraphQL subscriptions) with Node.js that takes advantage of the latest GraphQL tooling and is based on a modern stack.

• 09:00

  at THT

  Maurice de Beijer

  Advanced React Components Workshop (3h)

  In this half day workshop, you are going to learn how to create better React components. We will start of simple and compare controlled versus uncontrolled components and when you want to use which of the two options. Then you will learn how to use the React.Fragment class to reduce the number of DOM nodes you need to create at runtime.
  After the intro you will learn how to use Reacts Component componentDidCatch() lifecycle function to catch errors and make your applications more resilient to failure. We will also take a look at the sorts of errors that componentDidCatch() doesn’t catch for you.
  Next you will learn about two different ways of adding cross cutting concerns like error handling to React components. First, we will look at creating higher order components like the Redux connect function. While higher order components are a great way of extending components, they aren’t without their drawbacks. So, we will investigate an alternative approach using render props. This is another great mechanism, and a more flexible approach as well.
  Finally, you will learn how to use the new React Context that will ship with React 16.3 to make it even more convenient to pass data from one component to another
  

• 13:00

  at IIRE

  Hackages team

  Vue.js HackJam Workshop (3h)

  During this 3-hour HackJam workshop you’ll learn about the basics of Vue such as state, props, components, lifecycle hooks,... Understand how to use @vue/cli to bootstrap your Vue applications and discover the ecosystem of this progressive JavaScript framework.
  You'll learn a lot with the hands-on approach of this HackJam: we'll give you a broken application which you will have to fix, using Vue technology.

• 13.00

  at IIRE

  Joost Heijkoop &
  Ruben Oostinga &
  Gert Hengeveld

  Progressive Web Apps workshop (3h)

  Progressive Web Apps are the latest iteration in modern web development. It's an open, cross-browser technology meant to improve user experience on the mobile web. It enables push notifications, working offline and can provide a native app experience. In this workshop you'll learn what to consider when building a PWA and get some hands-on experience in setting up a Web App Manifest and a Service Worker. This workshop assumes basic working knowledge of ES6 and the Fetch API.

• 13:00

  at THT

  Ivan Jovanovic

  Testing JavaScript Applications (3h)

  Testing JavaScript applications workshop will show you how to use modern testing tools to test JS full stack applications. It will cover frontend and backend side (React and NodeJS) and will explain what are the best practices for testing. We will go through tools like Jest, Mocha, Jasmine, Cypress etc. Since React is the most popular framework, frontend tests will be testing React apps.
  After this workshop, attendees will be able to efficiently test their JS applications, from UI frontend side to backend side. They will understand what are the best practices and best tools for building testing environment.

• 09.30
  Douglas Crockford

  Keynote: The Power of the Paradigm

• 10.00
  Imad Elyafi

  Bringing Mobile Web back to Life

  We rebuilt the whole Pinterest mobile web experience for authenticated users. It looks and feels just like our native apps while maintaining the fast load times expected of mobile web. We used cutting edge technologies which led to a 40% increase in each of our core engagement metrics and up to 30% in time spent. But it was not all sunshine and rainbows ! In this talk I will share challenges, technologies and best practices that we used for the new Mobile Website.

• 10.30
  Fatih Acet

  Vue JS Best Practices

  At GitLab we use Vue JS in production more than a year. I refactored old parts of GitLab with Vue and created many new features using the framework. We are really impressed how Vue is simple yet powerful. First 10 mins of the talk are an introduction for new comers, then deep dive into the best techniques, like state management, reactivity, tooling and also the experiences about new feature development and migrating a legacy featue to Vue.

• 11.00
  Coffee Break
• 11.30
  Armagan Amcalar

  console.log(brain)

  What if you could log your brain to the developer console, typing with your brain signals? This talk is a demonstration of an open-source Brain-Computer Interface that is completely developed with JavaScript, from the ground up, using neural networks and signal processing. Armagan hits the stage with a wireless EEG headset, shows how to read signals from the brain in JavaScript using native C++ Node.js modules over USB, and the implementation in Electron, Node.js and Vue.js.

• 12.00
  Andy Mockler

  TypeScript Ruined My Life (In a Good Way)

  Some tools are so useful that once you've used them in one project, it is hard to work on other projects without them. React was certainly that way for me when I first started, and now TypeScript has become the same way. This talk will cover why typed JavaScript, especially in large codebases, is worth the added effort. I will discuss my personal experiences - the good, the bad, and the ugly - and talk about why I can't seem to start a project without `npm install typescript`.

• 12.30
  Claudia Hernández

  How to sort your socks using Javascript

  No matter your experience in JS, you have probably came across the Array#sort method at some point. Do you remember the first time you tried sorting numbers? You were probably astonished that the sort method does not sort things out quite as we might expect. Believe it or not, there is actually much more going on than meets the eye! Let’s get our computer science hat on and explore some useful sorting algorithms currently implemented by JS engines used by Node such as Chrome's V8 and Microsoft's Chakra. As a developer, learning how these algorithms work, why and when to use them will help you create more performant and consistent applications!

• 13.00
  Lunch & networking
• 14.20
  Open Source Awards
• 14.40
  Diego González

  Look ma! No hands!

  The main points of the presentation will be focused on tips and best practices regarding WebXR UX. I will have a several VR devices ready to show how an experience can be adapted to run independently of the hardware that's available to the user. Main point is to teach developers how can they make their content truly accessible with as little as possible.

• 15.10
  Andre Staltz

  Callback heaven

  Programming with callbacks has been every JavaScript programmer's struggle since always. "Callback hell" is the reason why we have created Promises, Observables, reactive programming libraries, and other smart tools to help us avoid using callbacks directly. In this talk, we'll go beyond reactive programming and take a fresh look at callbacks. We will discover an incredible pattern among simple callbacks, that allows us to do everything that Observables or Promises or Iterables can do, and through familiar functional APIs. That pattern is fondly named "Callbags".

• 15.40
  Asim Hussain

  How to scale an SPA?

  I'm going to tell you a secret. If you are building an SPA, you can take advantage of optimisations that give you epic scalability, with super low latencies at a fraction of the cost. To understand the secret, I'll need to teach you a few things such as the actors involved in transferring data from your server to the browser; and about the ancient technology called 'serverless' which you might be surprised to learn is something you've already been using for years. By the end, you'll know the secret of how to architect an SPA for scale without breaking the bank.

• 16:10
  Oliver Spindler

  Persistence Cycle - A Successful Structure for Isomorphic Apps

  Isomorphic (also known as Universal) JavaScript apps have been described as the "Holy Grail" of web development. Developers don't have to write redundant code on the server and the client. Users get the best experience, with both fast initial load and even faster subsequent page views. Googlebot is happy, too, not having to execute client side JS to crawl your site. And with React, Vue and Angular all supporting server side rendering on Node.js, this is more achievable than ever. In this talk, I'll talk about a simple structure for sharing state between server and browser that we at BCGDV Berlin have successfully used in four products we launched in the last 18 months.

• 16.15
  Coffee break
• 16.40
  Sebastian Golasch

  The dark ages of IoT

  Advertisements suggest that we are at the zenith of mankind's scientific knowledge and technological power, but when it comes to IoT and the so-called 'Smart Home', we are clearly not. In fact, we are in the middle of the dark age. I'll explain the challenges that we're facing today (from an implementors perspective), what's 'wrong' with our current products & show you how a smart 'Smart Home' experience could look like in the near future.

• 17.10
  Jennifer Voss

  Tales from the QA crypt

  An anthology of QA horror stories from the past, and how to avoid such situations with TDD. When tests are built in from the beginning and not tacked on after features are built, fewer defects are created and development moves faster. JavaScript has all the tools required to cover your automated testing needs, and writing tests in the same language as your app is a no brainer. We'll cover the tools available today and the logistics of merging your QA and dev teams.

• 17.40
  Niels Leenheer

  Fun with Bluetooth

  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

• 18.10
  Closing
• 18.30
  1.5h break

  Party preparation and booths dismantle

• 20.00
  Joanna Chicau

  Live performance with browser console

  Joana is a Designer, coder, and performer. For the past years, she has been making live coding performances in web browsers, using JavaScript in the web console, via these tools she "choreographs" in real time diverse elements of web environments

• 20.30
  Chelo Agustin

  Live coding performance with GLSL

  Chelo uses GLSL to create live visuals using HeXler’s KodeLife

• 20.30
  Suzanne Talens

  VJ performance

  Suzanne is a VJ with solid experience who took part in big festivals and dance events in the Netherlands and around

• 20.30
  Lead by Maxim Salnikov

  Open discussion in Monks hall, everyone is welcome to join

  The future of JavaScript and it`s frameworks. Where are we going to be in 2020?

• 22.00
  Party ends

• 10.00
  Fahad Ibnay Heylaal

  Embrace Reactive Programming in React and Vue with RxJS

  Combine the power of RxJS with your preferred components library (React or Vue).

• 10.30
  Sendil Kumar

  Webpack + WebAssembly the future

  Webassembly is the future of web development. It makes your application smaller and faster. How easy is it to kickstart WebAssembly with Webpack? What webpack4 offers us to make webassembly even more easier.

• 11.00
  Coffee break
• 11.30
  Johannes Bertens

  Accelerating Ethereum Development with Node.js and Docker

  At oneUp.company we build a lot of MVPs based on Ethereum smart contracts and Vue. To accelerate this process, we have been using Node.js and Docker to automate the manual steps. The boilerplate code for this is now made available on Github, making the creation of Ethereum dApps smoother for everyone. During this presentation we present this boilerplate code and give pointers on how to best use Node.js and Docker for Ethereum smart contracts.

• 12.00
  Evgeny Kot

  Dart: the return

  Do you remember anything about the Dart programming language? Time have changed, and the second coming is near. I'll show you what happened with “JavaScript killer”, and why do you need to try it right now.

• 12.30
  Paulo Lopes

  Legalize JavaScript for the Enterprise Now!

  Do you suffer from Java fatigue at your organization? Are you blocked to introduce JavaScript in your project just because traditionally you only deploy on the JVM? In this talk I will show you how you can fight this! Let’s run JavaScript using all your favorite npm modules legally on the JVM!

• 13.00
  Lunch & networking
• 14.40
  Georg Neis

  ECMAScript Modules: Past, Present, and Future

  Since last year, all major browsers support ECMAScript modules, and Node.js is looking to support them as well. Join me for a tour! I will tell you about the history behind the feature, compare it to other JS module systems, explain the new syntax forms and their meaning, discuss some of the pitfalls, and give an overview of proposed extensions.

• 15.10
  Maxim Salnikov

  Optimized Angular apps: smaller, faster, better

  Angular apps are getting more performant with each new version of the framework - thanks to the huge number of internal optimizations. But the main responsibility for the eventual app performance is on us, developers. Let's go through the main points on how we could help the framework to build and the browser to perform our app better.

• 15.40
  Isa Silveira

  Building functional Front-ends with ClojureScript

  Clojure came along into our lives in 2007 as one of the most concise and powerful Lisps, and since them it's been widely adopted by members of the community. Recently, Clojure got a new friend called ClojureScript, which allows us to use Clojure to build robust and reliable front ends. Ever wanted to use a rich data structure set, macros and take advantage of the great performance optimizations present on the JVM? You got it! In this talk I'll go through the super powers ClojureScript can add to the view layer and the benefits of functional programming.

• 16.10
  Coffee break
• 16.40
  Yaprak Ayazoglu

  In the Ocean of Angular Web Applications

  An online retail website is just the tip of the iceberg hiding a mountain of complexity. Let me walk you through the depths of microservices powering a plethora of Angular applications at bol.com, the biggest webshop in the Netherlands and Belgium - BOL.COM

• 17.10
  Murat Çorlu

  Mock to start

  When you are developing an application that uses remote REST API endpoints, it will be hard to implement a new feature that has not an API implementation yet. Also always you need to have a running API server to continue development. Then, you probably will have some troubles to test some very exceptional issues because it's hard to reproduce that kind of issues. All of these problems can be managed with a very simple client-side mocking approach. At this talk, we will talk about that approach and and how it is easy implementing a client-side mocking solution with connect-api-mocker library.

• 17.40
  Varya Dubinina

  Optimizing assets for graphics heavy Web Applicatoins: tips and tricks from the game dev background

  Introduction: Problems developers face when building HTML5 applications The bonuses of skeletal animation Optimising existing assets Using shaders for UI element development and optimisation Shader SFX development The use of video format as a way of optimising resources Possible problems of the listed approaches Project examples

• 20.30
  Lead by Maxim Salnikov

  Open discussion, everyone is welcome to join

  The future of JavaScript and it`s frameworks. Where are we going to be in 2020?