Our conference includes small sessions of 30min each, delivered by speakers from all over the world. In order to ease the participation from all over the world we chose to start the conference at 11:30 (GMT).
Xtreme Shrinking of JS for Teaching
Building Microfrontend Architecture for scale with JS
Armed with the knowledge of JS development, we delve deeper into the different types of microservices and the high-level design principles we should follow when we design them.
Clean, Concise, and Collaborative Code
Together, we will look at some questions that you can ask about your code to ensure that everyone – you, colleagues, customers, and your future self – can benefit from well written, clean, concise, collaborative code, no matter what your experience level, your choice of language, or the size of the team.
Similar to Microservice, we now have a Micro-frontend design solution to overcome monolithic design challenges. There are many JS-based sugar-coated libraries that are implementing Microfrontend by hiding the complexity from developers. This is great, but at the same time, we are hiding the extreme possibilities one can do using this approach by abstracting the low-level details. In this talk, Nitin will show a small application built using vanilla JS and webpack to implement the concept of Microfrontend.
Digital Ecology: Can you Mitigate The Carbon Footprint of Websites?
Did you know that more than 250,000 websites are published every day? The majority use away too heavy fonts, too large and/or unnecessary images and/or utilize redundant libraries. These and other factors generate the carbon footprint. Actually, one view of an average website emits 1.8 g CO2 which sums up to 216 kg CO2 annually. Unfortunately, current solutions optimize only existing websites only.
My Accessibility Journey: The Quest for an Accessible Components Library
Creating web applications can be challenging. Creating accessible ones – even more. However, the real challenge lies in maintaining accessibility in your project since it requires knowledge and skills beyond traditional web development. To make this happen, one must choose the proper tools to keep the accessibility level high when code gets refactored, monitor the accessibility status, and test it automatically during CI. To tackle these challenges, I’ll introduce a different approach that intertwines accessibility into the gut of the web application by creating an accessible React components library. I’ll discuss the principles, tools, and techniques I use to test and maintain the accessibility level over time and provide you with the initial recipe to drive the accessibility change in your organization.
OpenLayers: The Open Source Option of Adding Maps on Websites
Location data is a critical factor in nearly every business. As developers, we need to be familiar with the possibilities. This talk will familiarize us with various ways to visualize geolocation data on websites. We will show how to use multiple open-source technologies, such as the OpenLayers library.
Web Animations: Past, Present & Future
In this talk, we’ll take a deep dive into web animations. Firstly, We will look at the history of web animation starting from SMIL, its evolution and transformations, the different types of animations available today CSS, JS or CSS + JS + Third party libraries, how to choose a suitable type for your requirements, while keeping it performant. Of course, we’ll close it with a brief walkthrough of the new good stuff such as Page Transitions coming in the Web Animations API.
Write a Scraper as a State Machine with Playwright and Kafka
Designing a scraper is a daunting task, yet a useful one. Often, scraping is the most viable way of programmatically retrieving data when no public API is accessible. In this talk, we’ll design a loosely coordinated system of microservices that scrape information from Glassdoor. You’ll learn how to start from a high-level state machine design to then dive deep into the implementation with Playwright, where we’ll discuss its capabilities and gotchas. Finally, we’ll see a demo of the open-source implementation, written using TypeScript and Kafka.js.
Centralizing the Frontend with Design Systems & Web Components
Learn how to improve developer efficiency and consistency of user experiences in a large organization with a design system and how to implement and manage one at scale using web components and micro frontends. Includes discussion of the costs and benefits of hosting and deployment models and how to mitigate issues arising from being an organization’s most-used internal dependency.
Script Kit: The Ultimate Open-Source Dev Kit
Make it Resumable with Qwik
Web development is changing all the time. We moved from DOM manipulation libraries to MV* frameworks, and today we are using component-driven frameworks. But what if the frameworks are getting in our way of achieving better performance? This is where resumability can make a difference. In this talk you will get to know Qwik, a resumability framework, and then you will learn how to use it to build better performant apps.
Protecting Sensitive Data in Web Apps
Developers have a responsibility to their users to protect data. Gavin will show you easy ways to encrypt data and process it securely in order to keep it confidential. We’ll walk through the messy and often insecure journey that data takes from the moment of collection, over networks and into storage. And we’ll design and build a web app with a modern, secure architecture based on end-to-end encryption and confidential computing.
Building a Browser-Based Metaverse App with Babylon.js
– Real-time audio
– Live streaming media
– Increased engagement and retention of users
– Broadcast quality workflows with low latency
Test Effective Development – End 2 (What) End?
That was me… screaming at the computer screen, when my test suite ran for several minutes… just to find out that 50 tests just broke! All the time saving I thought I’d get from not having to chase down bugs was replaced with time wasted on constantly fixing broken (and slow) tests. Developers want to sleep tight knowing they didn’t break production. Companies want to be efficient in order to meet their customer needs faster and to gain competitive advantage sooner. We ALL want to be cost effective! But how do we do that? In this talk I’ll share the no. 1 strategy developers can apply when writing “End 2 End” tests to gain maximum confidence without wasting their time on inefficient tests. Excited? My mom is excited as well…