Welcome to the first edition of the WeAreDevelopers Live Days!

As a developer, you maybe ask yourself: "How to get started to secure my Cloud Native Java application?"

In this session, we focus on how to get started with application security from two perspectives:

• Authentication and authorization implementation
• Platform security

That includes the following topics:

• How to implement authorization and authentication with the Open Source Identity and Access Management system Keycloak and JSON Web Tokens (JWT)
• How to secure external access to a Kubernetes cluster with TLS
• How to secure communication between Microservices with Istio and mTLS

The content is based on the example application from the OpenSource Github project #CloudNativeStarter, built with Quarkus and Microprofile.

Are you curious to understand what application modernization has to do with rabbits? Do you want to learn how to modernize 10-year-old Java applications to gain benefits from the cloud? Do you want to try this yourself, following step-by-step instructions? Then you should attend this session!

Application modernization doesn’t happen overnight magically. Fortunately, it doesn’t have to. Application modernization is a journey with multiple steps where every step adds value which I'll demonstrate via an open-source example.

Modern web architectures are amidst a paradigm shift – more and more software applications are built upon asynchronous and reactive patterns. This movement is understandable, as it takes scalability, resilience, and real-time integration to an elusive new level. Unfortunately, we observe that many new customer projects only use parts of this paradigm shift sensibly. Thus, they often end up with only partially reactive architecture that introduces a lot of new complexity without allowing us to utilize the full potential of reactivity.

In this talk, we will focus on the reactive paradigm's central concepts, core ideas, and the corresponding manifest and make them understandable. Based on this knowledge, we will go into detail by mapping it to concrete patterns, like event-centric persistence, the concept of hydrations or projections, and the shift of creating systems in a fully push-based design from end-to-end.

Upon a closer look at the advantages and challenges we've experienced in customer projects, it turns out that reactive architecture is not a silver bullet either. Rather, they are suited for a specific set of problems. In a nutshell, reactive architectures can be a game-changing tool to build cloud-native, highly responsive, and resilient applications. This talk will give you the needed knowledge to decide if it's the right one for the job.

Developing native iOS and Android apps can be very time-consuming and expensive. Did you know you can use your knowledge of HTML, CSS, and JavaScript to build truly native apps with NativeScript?

I will explain what NativeScript is, how it compares to other frameworks, and demo how easy and fun it is to get started and how to make use of native capabilities.

Imagine, you have a task to hang a picture on the wall. What would you do first? You can start by picking up your favorite tool. Let's say, a hammer. If you're a Senior HammerJS Developer, you could probably use a hammer for screws as well as for nails. Or you could spend some time researching if you need that picture on that particular wall in the beginning.

The same goes for the frontend development. JavaScript framework is just a tool that helps us to build applications. And like any other tool, it has its purpose and the list of tasks it's good for. So why is it so hard to choose the right one for a new project? In the talk, Sasha is going to share her experience on how to choose the best tools for your projects and what important things you have to decide before you start looking at your options.

Wouldn't it be great if you could use your coding skills to simplify your day-to-day tasks and boost your productivity with tools like Chrome Extensions? In this session, we will explore the magic behind Chrome Extensions and how you can write your own in just a few steps. We'll go over the basic manifest fields we need for that and conclude with a demo. I hope to inspire you to write Chrome Extensions, and that one of these days, I will see your creations in the Chrome Web Store.

Space is a team tool that integrates chats, meetings, git hosting, automation, and much more. It has an HTTP API that lets you integrate third-party apps and workflows. That API is huge, though!

In this session, we will not spend too much time talking about Space. Instead, we'll focus on its API. We'll look at the process, thought, and technology behind the Kotlin SDK for Space, and how we make that massive API more digestible. You will see how we used code generation, domain-specific language, and how building extensibility for third-party developers means you will have to guide them into the pit of success.

How to build a UI that LEARNS? Being able to learn and predict the behavior of users has many powerful applications, one of them is the chance to boost the UI performance by prefetching code & resources before the user reaches them. In this talk, we describe a high-level implementation of an intelligent prefetcher using ReactJS and TensorFlowJS. We use neural networks to learn the user's behavior and leverages React's lazy-loading API to prefetch components according to predictions.

‍

Learn how combining Typescript with Atomic design can help you build flexible & consistent front-end web applications.

In this talk Nathalia Rus demonstrates a great project structure, whilst explaining how it helps to develop maintainable and resilient front-end web applications which scale well with team size.

Have you struggled to get TypeScript and Vue to play well together? Me too. Vue is a fantastic SPA framework, and TypeScript is a great way for catching errors faster. Together, they can boost your productivity. Join us as we peel back the layers of TypeScript and look at the tricks of the trade to get them playing well together. You'll leave with a solid methodology and code samples to get started with Vue + TypeScript.

‍

The CSS Grid specification is one of the most exciting additions to CSS, pretty much ever. It has the power to allow us to think about layout in ways we never have before. But many people still haven’t tried it out yet because the perception is it's difficult to learn or it doesn’t have enough support. Kirsty is here to debunk these myths and instead take you on a most excellent adventure exploring how to use CSS GRID in a production environment. Taking a tour of some of the new properties and units now available in the GRID Specification, how to create complex layouts, and explaining some of the gotcha’s and how to get around them. So that, by the end, hopefully, you will all agree that CSS Grid really is Excellent!

This talk is about how we approach Engineering at Vinted. Sustainable speed is a crucial element of our approach.

Everyone values speed. Fast is better than slow. At Vinted, we value speed too. But we recognize the differences between short-term speed and long-term speed. Instead of a short-term burst, we want to be sustainably fast.

Vinted is the largest online C2C marketplace in Europe dedicated to second-hand fashion, with a growing community of 37+ million users spanning 13 markets: the USA, UK, Germany, France, Belgium, Austria, Poland, Czech Republic, Spain, Lithuania, Luxembourg, Italy, and the Netherlands. Founded in 2008 in Lithuania by Milda Mitkute and Justas Janauskas, the company is now led by CEO Thomas Plantenga and backed by four leading venture capital firms: Accel Partners, Insight Venture Partners, Burda Principal Investments, and Sprints Capital. On a mission to make second-hand fashion the first choice worldwide, Vinted helps members sell and buy second-hand clothes and accessories from each other, making shopping a mobile and social experience through one-on-one member interactions in its community. The European start-up is headquartered in Vilnius, with offices in Berlin, Prague, and Utrecht, and has over 600 employees.

Schematics is a project transformation tool developed by the Angular team at Google. The Angular CLI uses schematics extensively for generating code and migrating breaking changes. But their true power comes from their reusability and extensibility! Join me in this session to learn how to create your own schematics!

‍

The implementation of micro frontends has so far been anything but easy. Since common frameworks and build tools didn't even know this idea, you had to dig into the tricks bag. Module Federation offered by Webpack 5 initiates a crucial change of direction here. It allows you to load separately compiled applications at runtime and to share libraries between them.

In this session, you learn how to use this mechanism to create micro-frontends with Angular. Besides the default scenarios, we also look into dynamic Module Federation, sharing libraries, and dealing with version mismatches.

At the end of the session, you know how to use Module Federation in your projects and what the consequences are.

‍

The complexity of Front-End applications grew past years extensively. That’s the reason big monoliths started being split to separate UI and modules working with different APIs. After years of using custom solutions and confusion around Micro Front-Ends, we are in the new era of the native support of Module Federation in Webpack 5, and tools, such as Storybook components system, SPA, and others switching to the common standard.

But this gives the tool, and behind there are different topics – which use cases micro apps are useful for, what about coordination of shared modules interaction, their promotion, and deployment of the newer versions, how they scale, how teams and work can be organized.

In this talk, the above areas will be discussed, and together with the live demos, you’ll learn about the current state of the art.

After learning the basics of Javascript, you are usually confronted with choosing a JavaScript framework.

In my session, I will showcase why I think that choosing Svelte is the best option for every new web developer to get a better understanding of the interaction between HTML, CSS, and JavaScript.