Registration and breakfast

by the organizers & the MC

Opening JSConf Budapest 2024

Nicolò Ribaudo

JavaScript is continuously evolving, with new features coming every year. Some say that it happens to fast, but everybody wishes some specific proposal would be implemented by browser _right now_.

What new features can we use in 2024, and what can we expect soon? What are some more long-term proposed features that will have a potential huge impact of the ecosystem? We'll go together through these questions, while learning at the same time how JavaScript gets standardized!

What's Coming Next to JavaScript?

Isabela Moreira

Everyone knows accessibility is important, but even with the best of intentions, we still might not be achieving an accessible design in our apps. In this talk, I'll help the audience build their empathy for disabled users through the eyes of someone in the disabled community (myself), while giving them the tools they need to tackle accessibility both from a design and implementation standpoint.

Building Empathy and Accessible Apps

Coffee Break

Ante Tomić

If someone is talking to you, you can hear them well, but what if you couldn’t? Explore the world of a hearing-impaired developers and understand the struggles, triumphs, and tips for inclusivity in this inspirational and experiential session. Join to hear an experiential story and an unique journey that shows that dability is no barrier to success in tech. Discover how to make your applications and content accessible to those with hearing loss, and learn how to collaborate effectively with hearing-impaired developers and support them. Don't miss this exciting opportunity to break down barriers and unlock the potential of inclusive development.

Hear! Hear! An Accessibility Tale from a Hearing-Impaired Senior Software Engineer

Daria Caraway

Have you ever come across a TypeScript type that made you go “nope” and close the file? Have you ever seen a type definition that had so many generic letters and nested statements, it felt utterly incomprehensible? In this talk, I will break down and decode some of the most perplexing TypeScript type definitions I have found in real life. You will learn how to make sense of these complex types and the TypeScript building blocks that compose them.

Decoding Perplexing TypeScript

Shikhar Kapoor

While standards such as OAuth 2.0 have effectively established a robust framework for addressing the complexities of Authentication and Authorization, web developers all over the world often grapple with the challenge of securely storing and retrieving the tokens essential for these purposes, particularly in browsers.

In my talk, I aim to introduce a fresh approach for generating and storing tokens known as DPoP (Demonstrating Proof of Possession). DPoP is an emerging standard that extends the current OAuth 2.0 framework, offering an innovative solution to the challenges faced by web developers in token management. This approach is a potential game changer, that can significantly elevate the security of prevalent authentication and authorization mechanisms on the web today.


Safeguarding Web Applications Against Token Theft: Fortifying Security and Trust in Web Browsers

Lunch

Toluwanimi Ajewole

Good news: You are a new joiner in your dream company or picking up an exciting new JS project.

Bad news: You are stuck trying to comprehend the whole system. Much like an actual spider web, complex codebases are intricate systems made up of lines of code, each telling their own story. Cue doubts and imposter syndrome.

But even better news: The great news is that we are comfortable with breaking down complex problems and systems into smithereens as engineers, with a codebase being no exception. In this talk, we will discuss some strategies that are essential to understanding and finding clarity in complex codebases.


Oh No I'm Stuck! A Guide to Detangling a Complex Codebase

David Khourshid

Let's set the stage. You have a complicated application with many parts that need to work together, and you want to avoid making your code an unscripted mess. Enter the Actor Model, a very old concept that is relevant now more than ever. In this talk, you'll learn how the actor model orchestrates tasks, ensuring each actor knows its part, communicates effectively, and remains isolated from potential mishaps. We'll rehearse with some practical, visual demos showing how actors can be useful in the frontend, backstage (er, backend), and everywhere in-between, so that your code can give its very best performance.

The Actor Model, Behind the Scenes

Kilian Valkhof

If you've been building websites for a while you ""know"" that some things require JS and that's just the way it is. Turns out, spec writers and browser makers both are working hard to find common JS patterns and implementing them in CSS and HTML. Things like accordions, auto-suggest, smooth scrolling, dialogs are all available without JS. Looking a little ahead, things like parallax scrolling, styleable selects and component-dependent styling are expected to make their CSS-debut as well.

In this talk I go through common patterns, explain how they can be implemented in CSS and HTML, how that's better and what accessibility implications they have, both for features available today and feature available soon™️.

Don't Use JS for That: Moving Features to CSS and HTML

Mohamed Ayoub Alouane

We often assume that everyone has a good internet connection and hardware with high specifications. While this might be false in some regions, it is not the case worldwide. I want to draw attention to Africa, where many countries struggle with poor 3G connections that are costly, depending on the amount of data consumed. This is due to the continent's limited infrastructure, leading to a reliance on mobile connections.

Given these circumstances, efficient data usage with a good web performance becomes a priority. So our session will focus on the challenges faced by African users and developers, and how downloading large amounts of JavaScript is exacerbating data consumption and performance issues. We will explore how existing frameworks tried to solve the problem and how Qwik did with its innovative approach to resumability, presents a transformative solution to these challenges. Unlike traditional SPAs, Qwik's resumability drastically reduces the initial JavaScript payload, enabling applications to become interactive more quickly, even on slow connections.

Web Performance: The African Case

Francisca Beatriz Medina Concha

This talk highlights the transformative role of JavaScript in creating dynamic, self-generated artworks. Delve into how libraries like p5.js, Three.js, and Paper.js are empowering artists and programmers to push the boundaries of digital creativity.

We'll journey through the evolution of algorithmic art, showcasing how JavaScript enables the creation of intricate patterns and complex visual compositions. The presentation will feature engaging examples and demonstrations, illuminating the power of JavaScript in crafting interactive, ever-evolving art pieces. Concluding with practical insights and resources, this talk is a gateway for anyone eager to explore the fusion of art and code in the digital age.

Infinite Patterns in the Digital Canvas: Unleashing Creativity with JavaScript in Algorithmic Art

Closing Day One

Afterparty at Akvárium Lokál

Doors open & Breakfast

Atila Fassina

From basically every framework across the board to TC39, signals are all the rage nowadays. A lot has been said about the performance benefits, but that's not all it is. Let's talk about how signals provides a better mental model to render user interfaces, and how they make developing apps more predictable and, likely, error-free.

Are Signals Worth the Hype?

Max Millington

This talk explores the intriguing parallels between Plato’s Theory of Forms and modern JavaScript software development practices. It critically examines how the pursuit of 'ideal' coding practices and architectures, inspired by Platonic philosophy, can both enhance and hinder practical software engineering.

The Platonic Paradox in Software Development: Ideal Forms vs. Practical Realities in JavaScript

Artem Kobzar and Dmitry Makhnev

Error handling is an extremely hard part of every JavaScript project that can produce a lot of bugs. Usually, developers use just the try/catch as a standard approach for the error handling, which is not so ideal solution because this statement catches anything which was thrown by the “throw” statement, as results developer:

      - need extra conditions for handling restricted classes of exceptions;
      - should rethrow errors or it can be eaten up;
      - can’t separate errors and exceptions;

      In this talk, you’ll learn how to implement safe error handling (without mentioned problems) in a project and with perks like typed errors inside handlers, errors documentation of functions/methods without JSDoc and comments, and the ability to log your errors without a break of the error handling flow.

Unexpected Monad. Is Safe Error Handling Possible in JavaScript/TypeScript?

Marcus Bointon

Penetration tests are a critical step in securing web services, but often much of their effort is wasted reporting simple things that can easily be avoided in advance.
We will look at security issues that are often found in pentests at all levels in the deployment stack, concentrating on those that can be resolved quickly and easily in one place (in any language), and show how to fix them, freeing up expensive pentester resources for tackling more complex challenges.

Picking the Low-Hanging Fruit – Easy Pentest Wins

Pratim Bhosale

Today, most AI applications send data to LLM cloud providers, raising privacy concerns. This talk introduces a new way to build AI applications that keep everything local on your computer. By running LLMs locally with Ollama, we avoid transmitting sensitive information to external cloud providers. We will highlight LangChain's ability to create versatile agents capable of handling tasks autonomously while protecting sensitive data.
In this talk, we’ll see

1. Overview of cloud-based AI privacy issues and the importance of local AI.
2. Detailed insights into generating embeddings with Ollama for vector searches and demonstrating how LangChain agents can perform tasks such as document summarisation and API interactions, all while maintaining data privacy
3. A practical demonstration of these tools and discussion of real-world use cases.

Building Privacy-Friendly Applications with Ollama, Vector Functions, and LangChainJS

Keren Kenzi

As frontend developers, we implement given UI designs. But wouldn’t it be great if we could provide input and suggest psychology-based improvement ideas? And thus, making the product better and taking a more proactive role in the development process. In this talk, I will share with you knowledge from the field of cognitive psychology that you can apply to UI designs to improve them.

Applied Psychology: Psychology-based UI improvements

Aakansha Doshi

Have you ever considered securing your app data within the browser? Let’s understand how encrypting your data in the browser enhances overall security.

      In this talk Aakansha will be deep-diving into the world of Web Crypto APIs, starting from key generation, various encryption algorithms, implementation techniques, and more. The session will include live demos, coding examples, and a fun side project that she created as a result of learning about the Web Crypto APIs. Let’s set out on a collaborative learning adventure and delve into the functionalities of Web Crypto APIs.

Encrypting Data in the Browser - Exploring Web Crypto APIs

Kevin Maes

When was the moment you first realized that coding was pure joy? We all need a well-deserved break from feature releases, meetings, bug fixes, tech debt, and 10X burnout! Join me in exploring delightful, interactive experiences, inspired by nature, that we as JavaScript developers can create with our everyday coding skills. We’ll learn about genetic algorithms, what they’re good for, and how to code with them, including a demo. Adding state machines and generative art into the mix, our small step into the world of AI programming will enable us to produce problem solving agents that are as intelligent as they are beautiful!

Evolving JavaScript: Cultivating Genetic Algorithms for Creative Coding

György Kovács

You awaken in the barren wasteland of your mind. Released from the shackles of your NPM dependencies, you are alone, but free. With only your trusty TypeScript compiler at your side, how much can you build? How far can you go? And when you get there, will you find only despair... or joy?

Time to find out.

Frameworkless, Frictionless, Free

Amanda Martin

Ever pondered what it takes to unlock your full potential as a developer? Venture into the realm where hiring managers' expectations and social media buzz intersect. In a world that seemingly demands developers to live and breathe code 24/7, we will challenge the notion that perpetual coding is the sole path to success.

      In this session Amanda will explore her personal dev journey, challenging the notion that being a successful developer requires non-stop dedication.  Drawing from research insights, she will delve into the cognitive needs of our brains, emphasizing the importance of creating space for creativity and passion in every pursuit. We will also explore the developer workday, proposing strategies for both developers and managers to foster an environment that nurtures creativity and ensures a balanced and fulfilling professional life. Join us in reshaping the narrative around developer productivity, creativity, and burnout.

Schedule

26 June, 2024

27 June, 2024 - Day #1

Registration and breakfast

Opening JSConf Budapest 2024

What's Coming Next to JavaScript?

Building Empathy and Accessible Apps

Coffee Break

Hear! Hear! An Accessibility Tale from a Hearing-Impaired Senior Software Engineer

Decoding Perplexing TypeScript

Safeguarding Web Applications Against Token Theft: Fortifying Security and Trust in Web Browsers

Lunch

Oh No I'm Stuck! A Guide to Detangling a Complex Codebase

The Actor Model, Behind the Scenes

Coffee Break

Don't Use JS for That: Moving Features to CSS and HTML

Web Performance: The African Case

Infinite Patterns in the Digital Canvas: Unleashing Creativity with JavaScript in Algorithmic Art

Closing Day One

Afterparty at Akvárium Lokál

28 June, 2024 - Day #2

Doors open & Breakfast

Are Signals Worth the Hype?

The Platonic Paradox in Software Development: Ideal Forms vs. Practical Realities in JavaScript

Coffee Break

Unexpected Monad. Is Safe Error Handling Possible in JavaScript/TypeScript?

Picking the Low-Hanging Fruit – Easy Pentest Wins

Building Privacy-Friendly Applications with Ollama, Vector Functions, and LangChainJS

Lunch

Applied Psychology: Psychology-based UI improvements

Encrypting Data in the Browser - Exploring Web Crypto APIs

Coffee Break

Evolving JavaScript: Cultivating Genetic Algorithms for Creative Coding

Frameworkless, Frictionless, Free

We're Not Robots: A Developer's Journey to Success, Creativity, and Avoiding Burnout

Closing JSConf Budapest 2024 & Family photo

29 June, 2024