JavaScript is #1 on demand programming language in the world with 25 millions of developers behind it. Meet the ones who shape out the now and the future of the prospering nation. June 5-7, 2019.

Amsterdam JSNation is a 2-day event focusing exclusively on JavaScript development. At our conference, inspiring talks meet fresh ideas and good people with summer Amsterdam in the background. 

We recognize JavaScript development as an art of engineering that is why the conference happens in a former church Rembrand attended. Which is located in the most center of the city next to the best places Amsterdam has to offer.

JSNation

A look at how JS got to where it is today, as well as where it’s headed. Will that future direction continue to be a good one, or not?

A look at how JS got to where it is today as well as where it’s headed, but asking the critical questions of if that future direction will continue to be a good one or not?

Keep Betting on JavaScript

Learn how Google’s security team has achieved a high-level of safety against XSS, and related problems, by integrating tools to make it easier for developers to produce secure software.

18 years have passed since Cross-Site Scripting (XSS) became the single most common security problem in web applications. Since then, numerous efforts have been proposed to detect, fix or mitigate it, but these piecemeal efforts have not combined to make it easy to produce XSS-free code.

This talk explains how Google’s security team has achieved a high-level of safety against XSS and related problems by integrating tools to make it easier for developers to easier to produce secure software than vulnerable, and to bound the portion of a codebase that could contribute to a vulnerability.

We will show how this works in practice and end with advice on how to achieve the same results on widely-used, open-source stacks and new browser mechanisms that will make it much easier to achieve high levels​ of security with good developer experience.

Securing the DOM from the Bottom Up

Tools that supercharge unit, integration, and end-to-end tests, with a focus on Cypress.

Day to day I work on Cypress.io, an open source end-to-end test runner. And I love it - but there are other tools that help me write better tests and better code. 

In this presentation, I will show some of my favorite tools that complement, extend and supercharge my unit, integration and end-to-end tests.

Testing Tools and Their Friends

The reasoning behind some of the breaking changes in the next webpack version. 

A changelog only tells half of the story. In this talk I want to talk about the reasoning behind some of the breaking changes in the next webpack version. 

I try to convince you that doing these breaking changes is worth it and we are not randomly trying to make migration harder.

Webpack 5 - Why Breaking Change? What is next?

Short and easy introduction to lenses, profunctor optics, and how to use them for state management.

Functional lenses for contemporary frameworks

We use the term open source to mean a lot of things: it's difficult to discuss the struggles of simply being a maintainer whether you are a volunteer or working on it at a company.

We use the term open source to mean a lot of things: it's difficult to discuss the struggles of simply being a maintainer whether you are a volunteer or working on it at a company. 

We lack clarity in what sustainability looks like because there are so many different goals: diversity in participation and work, community building, building a business. 

I'll be going through some of my experiences in going from onlooker to contributor to full time maintainer and how we may want to broaden what maintenance looks like and where we can look to for guidance.

Open Source: Charity or Business?

PWAs load quickly, even on flaky networks, have an icon on the home screen, can re-engage with users by sending push notifications, and load as top-level, full-screen experiences. 

Progressive Web Apps combine the best of the web and the best of apps. They load quickly, even on flaky networks, have an icon on the home screen, can re-engage with users by sending push notifications, and load as top-level, full-screen experiences. 

In this talk Jamie Maria Schouren explains the what, why, and how of Progressive Web Apps, her own quest in search for "app-iness" and with code examples and real-life​ use cases, shows why PWA’s are the future of the web!

The search for App-iness

We'll take a brief tour of our Accessibility Checklist and talk about how our development team deals with the practical implications of implementing accessibility on our React frontend.

Inclusivity is important to us. As a company that builds web applications for Universities and Research Institutes we need to ensure that everyone can successfully use our Web sites and applications regardless of their physical or cognitive ability. 

We'll take a brief tour of our Accessibility Checklist and talk about how our development team deals with the practical implications of implementing accessibility on our React frontend.

A11Y and React

This talk is for people curious about GraphQL, Gatsby, and JAMStack generally, as well as those people interested in speeding up the development and deploy process for their teams.

This past year my team at PayPal began looking at how we could radically improve our developer experience and deliver high-quality applications faster. 

We landed on an approach we call “static apps” that removes our heavy node layer and replaces it with static markup and JS on a CDN. All of the dynamic content is served over GraphQL APIs. This approach to using JavaScript, APIs and Markup is sometimes referred to as the JAMStack. 

This talk will walk through some of the challenges we faced with our node.js application servers and how we are trying to solve them by moving to this new model. Performance, stability, security and developer experience concerns will all be highlighted. 

This talk is for people curious about graphql, gatsbyJS and JAMStack generally as well as those people interested in speeding up the development and deploy process for their teams.

An Introduction to Static Web Apps with JAMStack

Learn how to leverage functional programming techniques to reduce complexity and write safer JavaScript in a real-world scenario.

With the rise of software-based innovation, the business rules and flow controls are getting more complex. Software engineers do not only have to handle increasingly complicated problems, but they also carry greater responsibility for ensuring the quality of their code. 

It’s clear that our tools and methods should evolve to build robust software. In this talk, we’ll explore how to leverage functional programming techniques to reduce the complexity and write safer JavaScript in a real-world scenario. Come to see what’s exciting about static analysis, pure functions, composition and immutability; and how these principles are a powerful tool to optimize your code for correctness.

Stop the Software Apocalypse with Functional Programming

Explore many of Angular features and improvements in the pipeline that allow anyone to build and deploy performant apps with very little overhead.

Angular grew significantly in the past few years from both a tooling and developer experience standpoint. This talk will explore many of the features and newer improvements in the pipeline that allow anyone to build and deploy performant apps with very little overhead.

Through real demos and examples, we’ll cover Ivy, bundle budgeting, differential loading, automatic code-splitting, and progressive rehydration of SSR elements. In the second part of the talk, we’ll focus on how to efficiently prefetch and preload different modules and components.

Building Fast Angular Applications from End-to-End

JavaScript Proxies are fun and powerful, but you should probably never use them! Learn why. Plus, see how Immer makes working with immutability easy, 

Immer is a tiny package that allows you to work with immutable data structures with unprecedented ease. It doesn't require learning new data structures or update APIs, but instead creates a temporarily draft tree which can be modified using the standard JavaScript APIs. 

Immer makes all the ceremony that is needed to perform deep updates in immutable objects obsolete.

Brace yourself; for example your Redux reducers will become twice as short without giving up on any of the semantic constraints.

Immer (optionally) uses proxies under the hood. Proxies are an exotic JavaScript feature that is nowadays available in all modern browsers. What are they, how do they work and why should you (not) use them? How did they make Immer possible?

Join this talk to learn how you can finally use immutability in JavaScript without fighting the language. Or just to get an idea about the powerful patterns that are possible nowadays in JavaScript, by using proxies.

Immer, Immutability and the Wonderful World of Proxies

Learn the alternative ways of presenting 2D content in the browser (CSS, Canvas, WebGL), along with the pros and cons of each one.

This talk is about looking at alternatives to traditional ways of presenting 2D content in the browser. We will look at the different methods along with the pros and cons of each one. 

I will take a slightly deeper dive and show examples of how WebGL can be used to render incredibly fast 2D graphics and also do some pretty interesting effects.

Turbo charging 2D on the web

Explore the most important performance metrics and ways you can easily set up performance tests using WebDriver, as part of your CI/CD pipeline.

The performance of a web application is the most crucial non-functional aspect that is often ignored and not tested. Their implications are difficult to understand, hard to predict and in most cases connected with bad user experience and revenue loss.

With Lighthouse, WebPageTest and other tools you are already able to capture tons of performance metrics of your application. However understanding and testing them often feels difficult and painful.

In this talk, Christian will present you the most important performance metrics and ways how you can easily set up performance tests using WebDriver as part of your CI/CD pipeline.

Automated Performance Testing With WebDriver

Build a cross-platform game using an adaptive gameplay. This will allow the same web app to be played on touch screens, using a mouse or pen on desktops, up to the ultimate immersive experience with WebVR!

We’ll see how to build a cross-platform game using an adaptive gameplay. This will allow the same web app to be played on touch screens, using a mouse or pen on desktops, up to the ultimate immersive experience thanks to WebVR! By using PWA, it will run totally offline, can be pinned on your mobile home screen or even be pushed to the Microsoft Store. 

We'll see how to build the 3D scene using glTF, create the loading screen using the latest CSS features, manage the gameplay and finally how to use a service worker in the best way possible in collaboration with IndexedDB. I'll share what I've learned while creating the game. Fun topic but serious learnings. 

I'll demo the game on desktop, mobile and on a VR headset which provides a very cool gameplay via the VR controllers! :)

Using WebGL and PWA to build an adaptive game for touch, mouse and VR devices

Post-Mortem debugging is a powerful technique that allows you to take a memory dump, when an issue occurs in your application, and later analyze it offline.

Post-Mortem debugging is a really powerful technique that allows you, through the use of several tools, to take a memory dump when an issue occurs in your application and later analyze it offline.

The talk will primarily focus on llnode and how you can use this tool to better understand why a Node.js process is behaving odd or is crashing.

Post mortem NodeJS debugging

A journey into the asynchronous debugging horrors, how to avoid them and what patterns can be used to ease the life of each developer debugging applications. 

A journey into the asynchronous debugging horrors, how to avoid them and what patterns can be used to ease the life of each developer debugging applications. 

We all have run into issues debugging JavaScript. Knowing what went wrong due to missing stack traces in asynchronous contexts and finding the actual issue takes way too long. 

Following best practices in error handling reduces debugging time and improves the code base a lot!

Error handling: doing it right!

See how you can control multiple drones using JavaScript and Node.

We're pretty used to drones flying around us by now. Until now most of these drones were still controlled by a human operator. But what if we could control them solely using our code? 

In this talk I will show how to control multiple drones using JavaScript. 

With the help of Node.js we'll send commands to the drones and read back their telemetry. I will talk about the difficulties of flying and keeping control of a drone completely without human interference. 

In the second part we will actually send the drones flying and I'll ask two audience members to participate in a small 'drone' game.

Controlling a swarm of drones with NodeJS

Learn what it means to ‘load test’ your application, and how to get started with writing your first script.

The key to finding the optimal solution to a problem is to threefold: maximise the number of tools in your ‘personal tool box’; know all their capabilities and uses; and to know which tool is best suited to fix the particular problem in front of you. 

This talk will enable you to grow all three aspects around load testing. 

It will look at what it means to ‘load test’ your application, how to get started with writing your first script and provide you with a case study and an insight as to the tools and techniques that we use here at the FT to help identify such performance issues.

Ready, Steady, Crash!

In this talk we're going to rewrite RxJS from scratch, seeing behind the curtains which are the core components and the ideas of the library. 

RxJS has become almost a standard in the emerging reactive Front-End world. If you're not using it right now, you probably played with a few operators. 

In the talk we're going to rewrite RxJS from scratch, seeing behind the curtains which are the core components and the ideas of the library. 

You'll see how to build Observables, Subscriptions and Operator, then we'll introduce Schedulers and how they're used in RxJS. If you fancy Reactive Programming or simply you want to learn something new then... this talk is for you!

Reinventing RxJS

Top #10 things I've learned while putting JavaScript on the top of server-side benchmarks.

This presentation is about server performance, which means that no time in the world would be enough to cover it all. Hopefully, I can share with you the top #10 things I've learned while putting JavaScript on the top of the server side benchmarks.

You will learn about runtimes and engines, how some are more capable than others, and sometimes the obvious choice is not always the right one...

This talk is about thinking outside of the box, being creative and don't take anything for granted. We will debunk myths about native code vs. script or RAM usage; it's going to be fast! I promise!

10 thing I learned making the fastest JS server runtime in the world

We moved our application from the cluster module to PM2 & RabbitMQ. This talk will cover the Why/What/How we made this migration.

As Node.js is single threaded. This is why you can’t take full advantage of multiple core machines unless you use the cluster module or a process manager like PM2.

We moved our application from the cluster module to PM2 & RabbitMQ. This talk will cover the Why/What/How we made this migration.

RabbitMQ and PM2 in Node for managing Multiple Processes

How to build a really large application? How to think about architectural layers? What is wrong with the majority of JS frameworks? How does GraphQL influence my architecture?

I've seen a lot of NodeJs applications. I see a lot of misunderstandings around architectural patterns. 99% of NodeJS tutorials do not cover this topic and limited to "hello world" apps. 

How to build a really large application? How to think about architectural layers? What is wrong with the majority of JS frameworks? How does GraphQL influence my architecture? 

I will answer all of these questions.

The working Architecture of Node Applications

Zero Knowledge Architecture is a pattern that allow to build applications where all data is stored and exchanged in an encrypted way. 

Zero Knowledge Architecture is a pattern that allow to build applications where all data is stored and exchanged in an encrypted way. It enforces end-to-end encryption and client-side operations only. 

Let's see how to build a Zero Knowledge backend, involved in data transfer and keys-echange system, with a JS client-side lib. No more excuses not to secure your applications design.

Building Zero-Knowledge Backend

The ownership of the npm package 'event-stream' changed hands, late 2018, and found its way into the hands of an attacker, targeting a Bitcoin wallet.

The ownership of the npm package event-stream changed hands late 2018 and found its way into the hands of an attacker targeting a specific mobile application. How did an attacker go from an npm package to a mobile application? How was this exploit found? What purpose did each of the three payloads have?

This session will dive into the three payloads of the attack, how they worked, how they were obfuscated, and what their goal ultimately was.

There's no reason to assume this is an isolated event and understanding how this occurred and what it did is an important part of staying secure going forward.

Analysis of an exploited npm package

When thinking of backend languages, JavaScript is not the first thing that comes to mind. But why not? 

When thinking of backend languages, JavaScript is not the first thing that comes to mind. But why not? 

Why not write a backend in JavaScript? Or even a whole microservices infrastructure!

In this talk we will discuss exactly what a microservice can look like in Javascript with the addition of frameworks like Socket.IO or NestJS and how several microservices would communicate with each other. 

There is no prior knowledge of JavaScript required. Everything we show will be explained.

What's your backend written with? JavaScript?!

Intro on building a server-side rendered website with Quasar, by using Vue and Nodejs. 

Razvan does an intro on building a server-side rendered website with Quasar by using Vue and Nodejs. Sections: What is SSR, Writing Universal Code, Configuring and building SSR, Client-side hydration, SSR with PWA, Deploying.

SSR with Quasar Framework

Amsterdam JSNation 2019 was a 2-day event focusing exclusively on JavaScript development. At our conference, inspiring talks met fresh ideas and good people with summer Amsterdam in the background. We recognize JavaScript development as an art of engineering that is why conference took place in a former church Rembrand attended, located in the center of the city right next to the best places Amsterdam has to offer.

Distinctive event

JSNation 2019

Jun 5 - Jun 7 | Amsterdam, Netherlands