Amsterdam JSNation is a 2-day event focusing exclusively on JavaScript development. 

At our conference, inspiring talks meet fresh ideas and good people - you’ll hear all you need to know about the latest trends in JS tech, see stellar speakers, meet new friends and colleagues, and connect with key people in the industry. 

Plus, all of that in one of Europe's top destinations.

JSNation

Summary of our hot, summer gathering with great JavaScript crowd and international speakers.

Amsterdam JSNation Conference 2018 Aftermovie

The Power of the Paradigm

Go beyond reactive programming (Promises, Observables, etc) and take a fresh look at plain old callbacks.

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".

Callback Heaven

If you are building an SPA, you can take advantage of optimizations that give you epic scalability, with super low latencies at a fraction of the cost.

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.

How to scale an SPA? - Asim Hussain

First annual JavaScript Awards Ceremony recording http://osaward.com

Streamed from Amsterdam JSNation Conference http://amsterdamjs.com

JavaScript Open Source Awards 2018

With WebBluetooth the browser can take control of all kinds of physical devices in the real world like lightbulbs, robots, and even drones.

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

Fun with Bluetooth

An anthology of QA horror stories from the past, and how to avoid such situations with TDD. 

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.

Tales from the QA crypt

Understand the challenges that we're facing today, and see how a smart 'Smart Home' experience could look like in the near future.

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.

The dark ages of IoT

Get your Computer Science hat on and explore sorting algorithms currently implemented by JS engines. Learning how they work, will help you create more performant and consistent applications!

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!

How to Sort Your Socks Using JavaScript

See why typed JavaScript, especially in large code-bases, is worth the added effort.

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`.

TypeScript Ruined My Life (In a Good Way)

Since last year, all major browsers support ECMAScript modules, and Node.js is looking to support them as well. Join me for a tour! 

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.

ECMAScript Modules: Past, Present, and Future

See a simple structure for sharing state between server and browser, in 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.

Persistence Cycle: A Successful Structure for Isomorphic Apps

What if you could log your brain to the developer console, typing with your brain signals?

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.

console.log(brain)

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.

VueJS Best Practices

Challenges, technologies, and best practices, from building the new mobile version of Pinterest.

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.

Bringing Mobile Web back to Life

Tips and best practices on WebVR User Experience.

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.

Look ma! No hands!

Problems developers face when building HTML5 applications.

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.

Optimizing Assets for Graphics Heavy Web Apps

A walk through in the depths of microservices powering a plethora of Angular applications at bol.com, the biggest webshop in the Netherlands and Belgium.

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

In the Ocean of Angular Web Applications

Learn about the super powers ClojureScript can add to the view layer, and the benefits of functional programming.

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.

Building functional Front-ends with ClojureScript

Angular apps are getting more performant with each new version of the framework - thanks to the huge number of internal optimizations.

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.

Optimized Angular apps: smaller, faster, better

How we can do awesome things with Webassembly? What does it offer? How easy it is to kickstart WebAssembly in your application?

How we can do awesome things with Webassembly? What does it offer? How easy it is to kick start WebAssembly in your application? We can compare the performance difference between WASM and native JS.

Do Things Faster and Better With WebAssembly

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

Embrace Reactive Programming in React and Vue with RxJS

See how it is easy implementing a client-side mocking solution with connect-api-mocker library.

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.

Mock to start

Do you remember Dart? See what happened with the “JavaScript killer”, and why you need to try it right now.

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.

Dart: the Return

OneUp.company builds a lot of MVPs based on Ethereum smart contracts and Vue. To accelerate this process, they have been using Node and Docker to automate the manual steps. 

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.

JSNation 2018

May 31 - Jun 1 | Amsterdam, Netherlands