This talk digs into the weird stuff I do for work, and how all of it required me to be fairly unreasonable about my approach to things. I could have done a lot of things that would have been perfectly fine with far less time and effort and struggle — but I instead chose to keep pushing toward my Big Ideas™ even when no one could see the point except me. And now I'm doing a job that I love and that I'm pretty sure is unique in our industry. All because I chose to be unreasonable and do things the hard way.

Powerful generative AI features are quickly becoming a baseline in modern development. Potential blockers include privacy concerns, the need for a stable connection, and the costs associated with using or hosting models. However, we can now leverage generative AI directly in the browser on the user's device using emerging Web APIs like WebNN, combined with higher-level frameworks, for a better developer experience. In my session, I’ll discuss the current state of in-browser ML and AI features, compare the main players, and show you how to start building an offline-ready, future-proof, standards-based web application.

More details to be added soon.

Propel yourself into the future of web development. You’ll start with the essentials of building full stack applications using the Next.js framework, encompassing frontend and backend development, data routing, and application management, and then you’ll take a deep dive into the world of artificial intelligence, learning how to integrate AI features seamlessly into your web applications. Whether you're a junior developer looking to expand your skill set or a seasoned developer aiming to add AI expertise to your toolkit, you'll come away with the knowledge and hands-on experience to craft advanced web applications that leverage AI to deliver cutting-edge, intelligent user experiences.

This talk is going to tell the journey of the integration of TypeScript in Node.js with --experimental-strip-types Main point are: - Why waiting so long - How we revolutionized typescript support without source-maps - Shipping it - Unflagging - Next steps

When building interactive features on a webpage, JavaScript is usually the way to go. However, with great JavaScript dependencies comes great website instability. Even a minor undefined element can cause your entire webpage to crash. That’s where going back to the basics comes in. Thanks to modern Web APIs, it’s now possible to reduce JavaScript dependency on a website by swapping out JS components for their native HTML element or CSS feature counterparts. In this talk, we’ll take a look at how to use HTML and CSS to build simpler alternatives to popular JavaScript components such as accordions, modals, scroll transitions, carousels etc We’ll also take a look at the performance and accessibility benefits and real-life applications and use-cases of these components.

As Bill and Ted discovered in their excellent adventure, it can be easier to learn through hijinks, trials and practice than through reading. How can we learn from their experience to get better at web accessibility? Accessibility is essential to build into our work, but it has a high barrier to entry and is notoriously difficult to learn. Reading guides and specifications can only get you so far. Through my experience training my team in accessibility, I've discovered that learning accessibility testing is the easiest and most effective way of mastering accessibility. In this talk — and with the guidance of Bill and Ted — we'll explore the different ways of learning accessibility, and why focusing on accessibility testing works so well. You'll gain a method of benchmarking your work and progress, and find yourself building up accessibility experience that will last your career.

In this talk we will explore the problem domain that Effect solves and why it is essential to build reliable and scalable software in TypeScript especially in the backend

From the sinister injection flaws reminiscent of "Alien" to the terrifying specter of broken authentication akin to what "The Invisible Man" is capable of, we'll explore the most common security vulnerabilities in web development. But don't worry—we'll also shed light on solutions. If you dare, join us and learn how to conquer the darkness invited by your web applications.

You build applications using Generative AI and LLM frameworks for your JavaScript apps. Hurray! I sure hope you didn’t forget this tiny little thing called application security :-)​Join me in this session, where we uncover imminent security vulnerabilities from basics to hands-on live hacking and demonstrate real-world insecure JavaScript code mistakes as we hack in the IDE and unleash exploit payloads that compromise AI-generated code. You’ll learn and experience prompt injection, LLM agents with excessive access, code vulnerabilities introduced via IDE auto-suggest tools, and how LLM sources turn into an imminent security risk.

How many times did we read about JavaScript being a bad language, JavaScript being on its way out and that technology X would kill it. In this talk, we will take a look at the lessons learnt from attempts at killing JavaScript. We will start as early as the late 90s where the battle for web-domination was still open. Then we will travel through time to understand the current state of an hypothetical javascript-less web platform.

In this talk, we'll explore the key characteristics of multi-tenant architectures and how to implement scalable solutions using Next.js. We'll dive into the features of the App Router to serve dynamic and personalized content to users, leveraging strategies like ISR (Incremental Static Regeneration).

3D experiences are awesome, but they can feel a bit intimidating, especially for regular web developers. In this talk, I’ll show you that building 3D graphics doesn’t have to be hard, even if you’re just starting out. I’ll focus on how to get 3D graphics running on both web and mobile apps. You don’t need to be an experienced developer—the very basics of React will be enough to get started.

In the past year, we went from zero to 20,000 lines of Playwright tests, pushing its capabilities beyond basic end-to-end testing. This talk will explore the challenges we encountered as we scaled our Playwright setup and how we solved them, thanks to the robust ecosystem and team creativity.

Craving real-time excitement in your delivery app? This talk serves up a delicious recipe for building live, engaging experiences with gRPC streams and NestJS, seasoned with a dash of RxJS! Dive into the world of gRPC bidirectional streaming and see how this powerful technology can deliver a constant flow of information, from sizzling kitchen updates to the precise location of your delivery driver, all while empowering your kitchen staff with instant order notifications. Discover how gRPC streams enable lightning-fast communication, efficient data transfer, and a truly responsive user experience for your next-generation delivery app.

Within an event-driven, microservices architecture there's often a big gap between a web component that relies on some data, and the event data itself. There will usually be several services in the middle, from multiple APIs, databases, distributed caches etc. Building and updating that web component might mean touching many codebases and coordinating across many teams. This can be slow and hamper experimentation. What if... we bring that raw event data right into the browser, making it, in effect "event driven"? That web component can be developed and iterated on at lightning speed. New components can be built without the need for new endpoints. With access to the raw data, frontend developers suddenly have the freedom to explore new, bold ideas without fear of the upstream complexity.