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 sometimes. To answer the question we need to understand our landscape, the economic forces at play, the context we operate within and our situational awareness of this. Can we navigate the waters, can we see a storm coming or are we being battered by rocks because we refuse to look?
During this talk we will examine the level of situational awareness within business, why it matters and whether we can anticipate and exploit change before it hits us. We look into the changes that are occurring with the development of serverless, why now, what’s important to it, how it will change the way we do business and how this interacts with the API economy. There’s a lot of fuss about serverless and in this session will try to paint a clearer picture or at the very least a map of where it is going.
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 finished to rewrite entirely the Front End.At the core of our front end architecture we have MobX and MobX State Tree, and I’d like to share with you why we made this decision and how it made our lives easier.Reactive Architecture, Model Composition, Mutability and Immutability are just a small subset of all the features that I’m going to walk you through. Join me to find out why MobX State Tree could be your next best friend!
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, we will discover accidentally that Redux is not very good at asynchronous side effects.
This will make prince Redux cry. Then he made a short relationship with Redux-thunk that didn’t last very long. Finally, he will meet his soulmate Redux-Saga. Through a romantic adventure, we will explore redux-saga’s maintainable and testable approach to managing side effects, asynchronous calls (like an AJAX request).
Most importantly we will unveil whether Redux and Saga’s relationship creates any side effects or handles them with care.
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 system. What if there was a way to code your app without worrying too much about operating systems/devices/screen sizes and just focusing on getting your idea across to your users regardless. Join me on a journey where I show you how to use Angular, Ionic & the PWA standard to build apps for IOS, Android, Windows, Web, Mac & PC with the same code all using just HTML5.
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 learnings from the backend to the frontend. We will discuss different micro-frontend approaches, their up- and their downsides.
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 with it. This talk will begin with understanding why and how TypeScript came into existence and later go through some basics of writing code in TypeScript. It will also answer a lot of questions about the various mechanics of the working of TypeScript.
With the massive usage of APIs, and the exposure of private and confidential data, companies
have 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 the integration of an Artificial
Intelligence engine with a strong API platform automatically detects and blocks new cyberattacks on
APIs.
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 incorporate the effort mastering them while still performing the work that your day job requires? How do you stay relevant and productive and continue to elevate your career? Don’t panic! It is possible. Still going strong after three decades of coding, Julie Lerman will share tips and tricks that she uses to continuously evolve her tech skills and keep on top of her game as a coder and a coach as well as one of the top authors on Pluralsight.
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 methods like promises or callbacks.But using RxJS also has major pitfalls. The learning curve is steep and debugging is difficult. In this talk we will dive into the reasons why debugging RxJS code is complex and show many different options to tackle this problem.
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 infrastructure while focusing on building and scaling applications.
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 introduced to OpenID and OAuth. They will learn how to leverage these technologies to create secure applications, but most importantly, they will learn why and how to delegate authorization and authentication so they can focus on their real work and forget about all that security stuff.
(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 of freshness vs cache-first styles looming ominously over her every move!
Will her love for cows be forever destroyed by slow network? Or will she embrace the challenge and overcome the lag with service worker power?! Find out, during “Service Workers & Cows — a love story”.
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 machine learning to your apps to create a really useful and enticing mobile app experience. In this talk, you’ll learn some basics of machine learning and how to integrate it into your mobile app, first with some clever APIs, and then with custom trained models using TensorFlow. Come learn how to send your apps back to school and level up their innate ‘intelligence’!
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?
Sometimes we lay awake at night wondering if we can save another CPU cycle or wether we tested everything. Then, if we are “lucky enough” to work on the frontend, we have to say goodbye to one framework a week, by 6 months everything we know is almost guaranteed to be obsolete.
We spend our career in a hamster wheel of continuous learning and retraining while someone throws tasks or bugs at us. It’s easy to feel stressed out, even though we might love our craft. In all that chaos we need to find our inner voice, what we feel passionate about, what makes us bring our A-game.
There are different ways to become awesome, different ways to keep your sanity. Let’s explore what those are and hopefully you will feel inspired enough to look forward to that morning commute.
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 agile approaches, focusing mainly on collaboration between development and operations through developing technical capabilities for continuous deployment & service delivery. A recent research, carried out by the speaker, suggests six
key themes to a DevOps approach. These are as follows: Cultural change; Continuous integration, delivery & deployment; Tooling & cloud automation; Accepting DevOps as part of the business strategy; Problems solved together; Everyone benefits from DevOps. Based on these themes, the purpose of this talk is to explain why DevOps is seen as a cultural change rather than a pure technological change. This allows me to propose a new DevOps model building on the existing principles of promoting collaboration and transparency between teams through a set of technological practices, such as common tooling and
automation, continuous integration and deployment to support end-to- end fast delivery of value. The new framework named ‘CALMSLI DevOps Model’, based on the already existing CALMS model (by Edwards and Humble), will be explained with the aim of offering a strategic framework underpinned by seven dimensions; cultural, automation, lean, measurement, sharing, and learning – by small or larger organisations for achieving agility through DevOps.
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 integration with Angular and the use of its tools is not always straightforward. In this presentation I will show examples of how to integrate Google Maps easily into your Angular application without the use of any external libraries. Part of the presentation will also show some techniques for visualising spatial data on these maps.
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 all APIs are in transit, evolving from design to deprecation, while still also existing to move our value bits and bytes from one place to another. I would like to share with you a look at how API operations can be mapped using an API Transit map, and explored, managed, and understood through the lens of a modern, Internet enabled "transit system".
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 performance and user experience.
The Angular Service Worker makes it easy to get started building PWA. It’s developed to automate main routines and provide us with some nice tools to control the progressive app behaviour. During this practical session, we'll have a look at NGSW’s main components, and how they take our web app to the next level. With just some simple updates we’ll get installable, offline-capable, mobile-network-friendly Angular app re-engaging users by push-notifications.
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.
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, or easily ship dashboards including statistical summaries and stunning visualizations. The rise of Node.js and Electron are powering a new era where JavaScript continues to expand beyond the browser and becomes a critical component of server and desktop applications. With JavaScript being everywhere, one of the emerging next frontiers for JavaScript world domination is data science. In this workshop, Athan Reines and Philipp Burckhardt will demonstrate how to utilize the JavaScript open-source library stdlib for various data science tasks. Through a series of brief exercises, attendees will get a hands-on introduction, ranging from machine learning to exploratory data analysis and visualization. After completing this workshop, attendees will have a solid understanding of what kind of problems they can approach by which techniques. The speakers will close by outlining future steps for data science in JavaScript and identify opportunities for community development of next-generation tools.
Redux is the most popular state management solution in front-end today.