ConfPad

We live in a competitive world. That competition forces change. It has always forced change. Change is normal. The question is not whether our organisations will change, that’s a given, but can we see this change before it hits us, do we know where we’re heading or are we simply floating aimlessly being carried by a river? It certainly feels that way sometim…

Mobx State Tree is a simple and powerful solution to manage your application state, based on MobX. You probably heard about it and maybe you tested it out with an “hello world” project, but... are you using it in production ? Do you know how it scales and how to test it? DAZN is a sports streaming company with millions of users around the world, and we just …

It’s easy to just build an app with no real architecture in mind. For the most part, Angular as a framework ensures that you don’t drive off the road. However, as your application grows it becomes more and more apparent that you need to organise your code in a better way. The application state grows and suddenly it’s everywhere and you realise you don’t know…

The Open Web Application Security Project (OWASP) is most famously known for its list of the top ten security risks for websites. After a long wait, the 2017 edition of the list has been released. There have been many changes to the previous editions, including new and refined threats against web applications and APIs alike. We’ll have a look at all entries …

When starting to dabble with Javascript, the biggest challenge for most developers is understanding how to deal with asynchronous development. During this talk, we will cover some of the different ways to handle async programming like callbacks, promises, reactive streams and events. As we cover those, we will also plunge into some of the mechanics of the No…

Redux has created an enormous paradigm shift in web application development. This made redux a standard and best practice to handle data changes in an application. In this session we will talk about- when and how we should use Redux in a react app. Then we will get familiar with redux core concepts with a real-world application (not in a todo app). Finally,…

You and your team have this great Idea and you have your users using different devices and operating systems to access the same application. Some users are on the Web, some on Mobile some of their Desktop and you also have to worry about what operating system they are on and also have to consider how your application is presented on each device & operating s…

For scaffolding files, the Angular CLI leverages the code generator schematics. To customize its behavior, everyone can tweak the used templates and even create new ones. In this session, you will learn how Schematics work and how we can write npm-Packages that provide code generators. You will also see how to modify existing source files, e. g. in order to …

Microservices have been a topic for years now. Traditional micro services architectures often choose the UI as it’s platform for integrating the services, which often results in small, decoupled backend services, but a tightly coupled, hard to maintain, monolithic frontend application.Micro frontends are the obvious solution to that problem: we take the lear…

VueX is bringing 2 important concepts to the Vue.js world, first of all provides an opinionated architecture to follow heavily based on Elm, Redux and/or Flux, secondly VueX guarantees a quick and easy way to manage the states in our Vue.js applications. During this talk, we are going to understand how to embrace this library for our projects

JavaScript has enjoyed it’s hipster level fan following for an exceptionally long time now. Over the years, this fanbase has only grown adding more and more functionality to JS with different frameworks. However, every now and then a little birdie tells us how a few of them tried this trending language called TypeScript and how they instantly fell in love wi…

With the massive usage of APIs, and the exposure of private and confidential data, companieshave become targets of sophisticated cyber-attacks including brute force login attacks, data theft,account takeover, and API DoS/DDoS attacks which require Artificial Intelligence for reliable detection.This presentation from Elastic Beam and Axway will explore how th…

There are so many JavaScript libraries and frameworks available with new ones showing up almost daily, that WTF.js stopped being funny years ago. And that's just JavaScript. Myriad languages, tools, paradigms and patterns that developers swear by tempt and tease us. Even if you have already made the tough choices as to which ones to focus on, how can you inc…

NodeJs is getting more and more popular this days. It has gone through long and painful history of mistakes and learning. Being a great “window” for front-end developers to the “World of back-end” it has improved the overall tech knowledge of those engineers by giving them opportunity to write actual end to end products themselves using familiar approaches. …

For Philips Hue we use RxJS to control millions of lightbulbs around the world. RxJS offered the right abstractions to allow us to focus on what our code needed to do, therefore less plumbing was needed on how to achieve this. This has reduced the amount of code being developed resulting in less bugs in our cloud infrastructure versus using traditional async…

The core JavaScript language is lacking much of the functionality that other programming languages provide as part of their standard libraries. In this talk, Philipp Burckhardt will introduce stdlib, a collaborative effort that comes with >1500 functions built to address this gap. The functions range from basic utilities to complex statistical models to mach…

Serverless is the new black - I can deploy my application to the cloud without ever worrying about infrastructure. We all remember the days when we had to spend hours and hours configuring and ebugging web servers when all we wanted was to just code and test our app. Those days are long gone and it’s time for us to unlearn how to provision and manage infrast…

Remember when setting up an auth system was easy? Me neither. From the signup form, the login form, password reset form, and all the validation in between it can easily take weeks if not months to get something basic up and running. Then you have to deal with all the security considerations. No thanks. During this presentation, the attendees will be introduc…

NativeScript has opened up a whole new world to Angular developers: the ability to share code directly between your web and native iOS/Android applications. Which is awesome! But, just because you can share code across multiple platforms, doesn’t mean that you necessarily should. In this talk we’ll first take a look at what NativeScript makes possible from a…

In this session, I want to demystify the reactive streams providing all the knowledge necessary to embrace any library and not only Rx.JS as the most famous reactive library. Understanding the concepts behind the library will allow us to switch from a library to another one without any problem giving us the freedom to engage any reactive project

(In deep-theatre-guy voice) In a world, where Internet speeds can reach up to 6 megabits per second and cows reign supreme, one developer stands alone to discover the simplest way to cache EVERYTHING! Join her on this epic journey fraught with lag and peril where she'll battle config files and caching external assets, all the while dealing with the conflict …

PouchDB is an open source JavaScript database, that runs in the browser. It comes with a pretty simple api, is lightweight and supports querying the data in both a MongoDB-way and using map reduce. It’s most outstanding feature might be that supports the CouchDB replication protocol, which allows you setup multi-master-replications between PouchDB in the bro…

What is the ultimate hack of our lives? What is the one thing that we strive to learn the most about? What is the thing that will truly unlock our potential? 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 st…

Do you ever wake up in a cold sweat, thinking that your mobile apps are both boring and stupid? When this happens, you start to question yourself, asking why your apps aren’t more empathetic, why they don’t respond better to your users’ needs. Even if you have built a performant app with a great UI, you can improve it by leveraging new methods of adding mach…

Our job is hard. We build things that does everything from makepeoples lives simpler, to changing the world and also let’s face to make someone else rich. Regardless of which, there are a lot of things we need to care about to hammer out the best possible solution:Architecture, patterns, 3rd party vendors, frameworks, tools, libraries. Did someone say users?…

From chatbots to your home thermostat, it seems like machine learning algorithms are everywhere nowadays. How about understanding how this works now? In this talk, you will learn about the basics of machine learning through various basic examples, without the need for a PhD or deep knowledge of assembly. At the end of this talk, you will know what the Naive …

The web is asynchronous by design, and it has to be. But, there is a slight problem that asynchronous programming has a slight tendency to make people’s heads explode. And people really don’t like when their heads explode. To get out of the pickle, we need to handle the asynchrony somehow. This talk will explore the reasons for the design of the web, and wil…

By now I bet your company has hundreds, maybe thousands of services, heck you might even consider some of them micro is stature! And while many organizations have plowed headlong down this particular architectural path, your spidey sense might be tingling…how do we keep this ecosystem healthy? In this talk, I will go beyond the buzzwords into the nitty gritt…

Achieving organisational agility has become one of the most needed, hence desired, goal of most enterprises operating in the digital landscape. There has been a significant growth in the take up of agile approaches specifically in the software industry and beyond. Among these are XP, Scrum, Kanban, Lean, SAFe, LESS and more. DevOps has been one of the latest…

The Reactive Forms module is powerful. During this session we will live code a complex form from scratch, going through all the main features: validation, reactive state tracking, dynamic

GraphQL is new and exciting query language from Facebook. It’s a new way to query data from multiple resources that puts the consumer of the API in charge. Using it you will have happier Developers, less memory consumption and less orchestration. Come learn how this will revolutionise API development as you know it.

Back in the day, it used to be so simple. Our projects had a main.js file that contained a few hundred lines and every so often the corporate communication department would ship out some new CSS files. But now things are not quite so easy. With more and more single page apps containing thousands or hundreds of thousands of lines of JavaScript, we’re going to…

Node.js add-ons allow native code written in C and C++ to be run from the Node.js JavaScript runtime. In this talk, Athan will discuss how to utilize native add-ons for high performance numeric computing and machine learning in server-side applications. He will first provide an overview of add-ons and their associated toolchain. Next, he will provide a step-…

Web development changed dramatically during the last years. With the enormous amount of JavaScript libraries and the new HTML5 standard, it is much easier to create web apps today. When building a web app, you will probably want to reuse some of the web components you built. But how can you do that with the current state of HTML? One of the new and emerging …

More and more web applications using Angular today need a kind of map, either to just display their location, or visualize their data. These data can be from points/locations of services/places/etc, or a user input, to more complex visuals like heatmaps or paths. These visualizations can easily be achieved with the Google Maps JS API. However, the integratio…

As we move beyond a world of using just a handful of internal and external APIs, to a reality where we operate thousands of microservices, and depend on hundreds of 3rd party APIs, modern API infrastructure begins to look as complex as a municipal transit system. Realizing that API operations is anything but a linear life cycle, let’s begin to consider that …

Functional programming might seem to be a lonely kid that trying to get attention or one of the million buzzwords that front end community has. However, when I started exploring functional programming, it shifted my mindset completely. Now i believe functional programming is the best way to to make your code extensive, testable and perform better. The goal o…

A router is the linchpin of nearly every modern single page application. Angular comes with a new solution for this. It is offering some very interesting advanced concepts such as Child-Routes, Auxiliary Routes, Guards, Resolver and Events as well as Lazy Loading. Using an example, you will discover in this session what lies behind it all and how you can ben…

Redux is a popular state management library that rules the modern frontend those days. Through this session, we will reveal the magic behind this tiny yet powerful library by coding it from scratch! If you want to understand what’s going on inside your store, let me show you the way.

Progressive Web Apps are the next big thing for the web. They combine the advantages of two platforms: searchability and shareability of the web with capabilities and performance of native mobile. As a result, web developers can use their favourite tools to build installable, re-engageable, connectivity independent apps, that can bring native-like performanc…

React makes it painless to create interactive UIs. Redux provides a state container for JavaScript applications that will help your applications behave consistently. Redux is useful for React applications, but React is not a requirement! In this talk, we will learn the basics of React and Redux, so that you can start using it to simplify your applications.

Web development changed dramatically during the last years. Today, more than ever, when you are building your front-end you will probably want to reuse components across your application. But HTML elements are very limited, so what can we do? In this full day workshop, we will deep dive into ways you can componentize your front-end. We will start by presenti…

The field of data science can appear intractable and overwhelming, often leaving newcomers at a loss for knowing where to begin. However, once you learn basic principles and workflows, you will see many opportunities where these techniques can help you in your projects. You can better understand your users, embed a recommendation engine into your application…

The term Progressive Web App (PWA) refers to a group of technologies, such as service workers and push notifications, that can bring native-like performance and user experience to web apps. PWAs are interesting because in some ways they represent a coming of age for the web. The Angular Service Worker makes it easy to build snappy web apps that load instantl…

Angular, Google’s popular application framework for modern web-based solutions, brings component orientation, static type checking, and a breath-taking performance. By leveraging the single-page application architecture as well as modern web standards, it makes the creation of ambitious and enterprise-scale applications very easy. This workshop shows the pos…

Redux is the most popular state management solution in front-end today.