Name: JSNation 2024
Start: 2024-06-13T11:00:00.000Z
End: 2024-06-17T19:00:00.000Z

Únete a Evan mientras explora el poder del diseño AI primero. Descubre cómo priorizar AI desde el principio redefine las experiencias de usuario y crea un futuro donde AI mejora sin problemas las aplicaciones en diferentes dominios. ¡Embárcate en un viaje para dar forma al futuro de las aplicaciones en la era de la AI!

AI Primero: Aplicaciones del Futuro

This talk explores the ways AI is being used to shape the future of applications. It emphasizes the importance of an AI-first approach and the potential for AI to enhance various industries, such as aviation. The talk also contrasts the limitations of the AI-on-top approach with the continuous learning and user-centric focus of the AI-first approach. It discusses the importance of building trust through safety, transparency, and browser-based processing, and highlights the potential of AI to address user experience issues and improve accessibility.

Join Evan as he explores the power of AI-first design. Discover how prioritizing AI from the start redefines user experiences and creates a future where AI seamlessly enhances applications across domains. Let's embark on a journey to shape the future of applications in the age of AI!

AI First: Applications of the Future

Evan Seaward

La IA está revolucionando la escena del desarrollo front-end, pero ¿es un cambio de juego o un ladrón de empleos? ¿Cansado de tareas repetitivas y código boilerplate? Imagina esto: la IA se encarga de las partes aburridas, permitiéndote liberar tu creatividad en las cosas que realmente importan. Pero detengámonos por un segundo, ¿podría esta magia realmente desplazarnos de nuestros propios empleos? En esta charla reveladora, profundizaremos en las herramientas de IA que pueden mejorar tus habilidades de codificación y diseño. También abordaremos la pregunta candente que todos están pensando pero no se atreven a hacer: ¿La IA es tu compañero del futuro o el que te quitará el trabajo? Prepárate para aprender cómo hacer de la IA tu aliado en la codificación, todo mientras mantienes tu carrera en terreno firme.

IA en el desarrollo front-end: ¿Tu compañero creativo o ladrón de empleos?

AI in front-end development empowers developers to take on more ambitious projects and innovate at a faster pace. Natural language is a new programming language that can be used for coding, learning, and automating complex tasks. However, it is important to remember that AI is a supplement to human capabilities, not a replacement. Developers need to evolve their skills and stay ahead of emerging technologies to work effectively with AI. The demand for AI engineers is high.

AI is shaking up the front-end scene, but is it a game-changer or a job-taker? Tired of repetitive tasks and boilerplate code? Picture this: AI handles the boring parts, letting you unleash your creativity on the stuff that really matters. But let’s hit the brakes for a second—could this wizardry actually boot us out of our own jobs? In this eye-opening talk, we’ll dive deep into AI tools that can level up your coding and design skills. We’ll also tackle the burning question everyone’s thinking but not asking: Is AI your future sidekick or the one that’ll swipe your job? Get ready to learn how to make AI your ally in coding, all while keeping your career on solid ground.

AI in Front-End Dev: Your Creative Partner or Job Snatcher?

Alexandra Spalato

Aprende cómo construir rápidamente aplicaciones peer-to-peer con Pear Runtime. No se requieren servidores. Comprende los paradigmas peer-to-peer y construye aplicaciones a partir de bloques de construcción bien definidos. En este masterclass se cubrirá cómo crear aplicaciones de escritorio y terminales (con discusión para móviles) que funcionan completamente peer-to-peer desde cualquier lugar del mundo. Al final de este masterclass, deberías saber cómo construir un nuevo tipo de aplicación altamente escalable con costos infraestructurales reducidos (~0) junto con arquitecturas adecuadas y mejores prácticas para aplicaciones peer-to-peer. Del creador de Pear Runtime y la compañía que nos trae keet.io. Tabla de contenido:- Introducción a Pear- Preguntas y respuestas iniciales- Configuración- Creación de una aplicación de escritorio Pear- Compartir una aplicación Pear- Ejecutar una aplicación Pear- Creación de una aplicación terminal Pear- Lanzamiento de una aplicación Pear- Discusiones arquitecturales- Preguntas y respuestas finales

Construye aplicaciones peer-to-peer con Pear Runtime

Welcome to the PAIR runtime workshop where we will build a peer-to-peer chat app and cover setup instructions for PAIR. PAIR is a platform for building peer-to-peer apps and can be used for desktop, terminal, and mobile apps. The UI is built using the telebrowser and electron platform, with plans to transition to BEAR and Chromium. PAIR offers advantages over traditional tech models, eliminates infrastructure costs, and allows for faster development. Future plans include Pair Build for creating wrapper apps, setting up identities for syncing devices, and cryptographic proof of actions taken within rooms.

Learn how to rapidly build peer-to-peer applications with Pear Runtime. No servers required. Understand peer-to-peer paradigms and construct applications from well-defined building blocks. This workshop will cover how to create both Desktop and Terminal applications (with discussion for Mobile) that work entirely peer-to-peer from anywhere in the world. By the end of this workshop you should know how to build a new type of highly scalable application with entirely reduced infrastructural costs (~0) along with suitable architectures and best practices for peer-to-peer applications. From the creator of Pear Runtime and the company that brings us keet.io. Table of content:- Introducing Pear- Initial Q &amp; A- Getting Setup- Creating a Pear Desktop Application- Sharing a Pear Application- Running a Pear Application- Creating a Pear Terminal Application- Releasing a Pear Application- Architectural Discussions- Wrap-up Q &amp; A

Build Peer-to-Peer Applications with Pear Runtime

David Mark Clements

Hoy en día, todos los desarrolladores están utilizando LLMs en diferentes formas y variantes, desde ChatGPT hasta asistentes de código como GitHub CoPilot. Siguiendo esto, muchos productos han introducido capacidades de IA integradas, y en este masterclass haremos que los LLMs sean comprensibles para los desarrolladores web. Y nos adentraremos en la codificación de tu propia aplicación impulsada por IA. No se necesita experiencia previa en trabajar con LLMs o aprendizaje automático. En su lugar, utilizaremos tecnologías web como JavaScript, React que ya conoces y amas, al mismo tiempo que aprendemos sobre algunas nuevas bibliotecas como OpenAI, Transformers.js

Aprovechando LLMs para Construir Experiencias de IA Intuitivas con JavaScript

The workshop explores leveraging LLMs and generative AI with JavaScript, focusing on incorporating AI in JavaScript, leveraging TensorFlow.js for ML, and using AI models and backend technologies. It covers using TensorFlow.js toxicity model, Transformers JS with WebWorkers, and building AI applications with existing models. The workshop also delves into prompt engineering for zero-shot prompts and implementing few-shot prompting. It concludes with exploring fuchsia prompts and embeddings, prompt engineering, and context awareness, and offline usage with TensorFlow embeddings.

Today every developer is using LLMs in different forms and shapes, from ChatGPT to code assistants like GitHub CoPilot. Following this, lots of products have introduced embedded AI capabilities, and in this workshop we will make LLMs understandable for web developers. And we'll get into coding your own AI-driven application. No prior experience in working with LLMs or machine learning is needed. Instead, we'll use web technologies such as JavaScript, React which you already know and love while also learning about some new libraries like OpenAI, Transformers.js

Leveraging LLMs to Build Intuitive AI Experiences With JavaScript

Roy Derks

Shivay Lamba

Welcome to the Workshop on NFTs and Digital Ownership! In this session, we cover the basics of blockchain and NFTs, set up the blockchain and wallet, create and secure wallets, and obtain test tokens. We also explore the process of creating NFTs with Remix, connecting wallets and creating contracts, deploying contracts, and building the front end. Additionally, we discuss the possibilities of NFTs in various industries, transaction validation, and transaction fees. Thank you to the audience and collaborators!

Understand the fundamentals of NFT technology and its application in bolstering web security. Through practical demonstrations and hands-on exercises, attendees will learn how to seamlessly integrate NFT-based access control mechanisms into their front-end development projects.

How to Build Front-End Access Control with NFTs

Solange Gueiros

En esta charla, Evan echa un vistazo atrás en su trayectoria de código abierto, comenzando desde proyectos de hobby hasta liderar hoy en día dos de los proyectos más influyentes en el ecosistema de JavaScript: Vue y Vite. Discutiremos los altibajos durante este viaje, y también tocaremos un poco sobre el futuro de los dos proyectos.

10 Años de OSS Independiente: Una Retrospectiva

This talk is a ten-year retrospective into the growth of the Vue.js framework as an open-source project. It highlights the challenges faced by open-source developers, the importance of finding balance and managing scope, and the collaborative nature of the Vue community. The talk also discusses the development of Vite as a build tool and the vision for a unified JavaScript toolchain. It emphasizes the need for community alignment, contributions, and testing, while acknowledging the challenges of bad actors in the open-source community.

In this talk, Evan takes a look back at his open source journey, starting from hobby projects to today leading two of the most influential projects in the JavaScript ecosystem today: Vue and Vite. We will discuss the ups and downs during this journey, and also touch a bit on the future of the two projects.

10 Years of Independent OSS: A Retrospective

Evan You

Introducir el nuevo formato de configuración plana de ESLint y ver cómo puede mejorar en gran medida nuestra experiencia tanto para los creadores de reglas como para los usuarios. Hacer la caja negra transparente y fácil de entender.

ESLint Uno para Todos Hecho Fácil

ESLint is a popular and constantly improving tool that offers full control and simplicity in JavaScript with native imports. The new Flat Config simplifies the complex tree structure of shared configs and has been in the works for five years. It allows for customization and type generation, maximizing flexibility. ESLint can be used as a formatter and a tool for code mode, providing more control and customization options. It also supports other languages and can be integrated with prettier. Migrating to the Flat Config may be challenging, but compatible packages and tools are available to assist with the transition.

Introduce to the new ESLint flat config format, and see how it can greatly improve our experience for both rule makers and users. Make the black box transparent, and easy to understand.

ESLint One for All Made Easy

Anthony Fu

¿Qué sigue para Astro? Escucha a Fred K. Schott (co-creador y mantenedor principal de Astro) sobre la dirección futura del marco de trabajo web impulsado por contenido de Astro. Con nuevas noticias y demostraciones que se basan en tres de los primitivos fundamentales de Astro: Islas, Colecciones de Contenido y Transiciones de Vista.

Novedades en Astro

Astro is a web framework that aims to optimize site performance without sacrificing functionality. It introduces features such as content collections and view transitions to enhance the user experience. Astro focuses on pushing the web forward by providing browser compatibility and app-like experiences. It also explores a powerful content layer and island architecture for personalized content. Astro is recommended for content-driven websites and offers a polyfill for Safari and integration with Storyblok CMS.

What's next for Astro? Hear from Fred K. Schott (Astro co-creator, core maintainer) about the future direction for Astro's content-driven web framework. Featuring new announcements and demos that build on three of Astro's foundational core primitives: Islands, Content Collections, and View Transitions.

What's New in Astro

Fred K. Schott

Codificar y depurar debería fluir, no desvanecerse. Veamos qué hay de nuevo y mejorado en Chrome DevTools para que tu viaje de desarrollo y depuración web sea suave como la seda.

De la Fricción al Flujo: Depuración con Chrome DevTools

The Talk discusses the importance of removing frictions in the debugging process and being aware of the tools available in Chrome DevTools. It highlights the use of the 'Emulate a Focus Page' feature for debugging disappearing elements and the improvement of debugging tools and workflow. The Talk also mentions enhancing error understanding, improving debugging efficiency and performance, and the continuous improvement of DevTools. It emphasizes the importance of staying updated with new features and providing feedback to request new features.

Coding and debugging should flow, not fizzle! Let's see what's new and improved in Chrome DevTools to make your web development &amp; debugging journey smooth sailing.

From Friction to Flow: Debugging With Chrome DevTools

Jecelyn Yeen

La comunidad Local-first ha creado una nueva arquitectura para nuestro mundo dominado por la nube. En esta charla, Andrey Sitnik abogará por la arquitectura de primer lugar, profundizará en sus características únicas y proporcionará experiencia de producción en el mundo real. Esta charla es útil para todos los ingenieros porque contiene varios pasos para mejorar la privacidad. Desde simples primeros pasos sin reescribir la aplicación hasta revisiones profundas utilizando la arquitectura de primer lugar, hay algo para todos.

Arquitectura de Privacidad en Primer Lugar

Building JavaScript Apps and Privacy: Understanding the importance of privacy in software development and the impact it can have on the world. Privacy concerns extend beyond targeted advertising and include data leaks and breaches. The connection of multiple pieces of data by data brokers poses a threat to privacy. The local first approach allows for data storage on local devices while still using a server for synchronization. Implementing local first requires a good database and APIs for data storage. Principles like end-to-end encryption and password protection bring benefits but also present challenges. Moving to privacy-focused analytics, using passkeys for encryption, and secure data sharing are ways to protect user privacy.

Local-first community created a fresh new architecture for our world dominated by cloud. In this talk, Andrey Sitnik, will advocate for local-first architecture, delve into its unique futures, and provide real-world production experience. This talk is helpful for every engineer because it contains multiple steps to improve privacy. From simple first steps without rewriting the app to profound revisions utilizing local-first architecture- there’s something for everyone.

Privacy-First Architecture

Andrey Sitnik

La cruda realidad es que el desarrollo de software es desordenado. Comienzas con las mejores herramientas, la mejor arquitectura y las mejores intenciones, pero la calidad inevitablemente decae con el tiempo. El código frontend es particularmente frágil en el tiempo, ya que se encuentra en la intersección de producto, diseño e ingeniería. Hace un tiempo comencé a preguntarme si todas las bases de código están destinadas a fallar y volverse obsoletas. Luego comencé a recopilar lecciones de éxitos y fracasos pasados y noté cuán importante era la resiliencia para el éxito de un proyecto a largo plazo. La resiliencia es la capacidad de una base de código para sobrevivir a oleadas de desarrollo caótico y cambios no planificados. La resiliencia tiene menos que ver con las herramientas y frameworks que implementas, y más que ver con la disciplina de escribir y mantener un código limpio. ¿Alguna vez te has preguntado cuánto trabajo se requerirá para actualizar el código que estás escribiendo hoy, dentro de 6 meses? Veamos si podemos responder eso con un simple: "no mucho".

Lecciones para Construir Bases de Código Resilientes

Code bases degrade over time, so it's important to build a protective layer and accept imperfections. Collocation and leaving traces in the code are key for better understanding. TypeScript's strict null checks and explicit typing can improve code reliability. Guidelines and naming conventions are crucial for maintaining a consistent and scalable architecture. Version control complexity is not significantly affected by having multiple components in one file.

The harsh reality is that software development is messy. You start with the best tools, the best architecture and the best intentions, but quality inevitably degrades over time. Frontend code is particularly fragile in time as it sits at the intersection of product, design and engineering. A while ago I started asking myself if all codebases are destined to fail and become legacy or obsolete. Then I began collecting lessons from past wins and failures and noticed how important resilience was to the success of a long term project. Resilience is the ability of a codebase to survive through waves of chaotic development and unplanned changes. Resilience has less to do with the tools and frameworks you deploy, and more to do with the discipline of writing and maintaining clean code. Have you ever wondered how much work will be required to update the code you are writing today, 6 months from now? Let's see if we can answer that with a simple: "not too much".

Lessons for Building Resilient Codebases

Alex Moldovan

Durante los últimos 18 meses, Angular ha estado experimentando un gran impulso al que la comunidad se ha referido como el "Renacimiento de Angular".En esta charla veremos cómo se manifiesta en mejoras en la experiencia de desarrollo, rendimiento, documentación y una apariencia mejorada.

Renacimiento de Angular

Angular and React have similar models of reactivity, with the framework optimizing change detection. Angular introduced signals for optimizing change detection in real-world applications, resulting in improved performance. Deferrable views in Angular allow for lazy loading and significant speed improvements. The island architecture in Angular enables independent component islands without needing hydration. Angular is working on features like partial iteration and zoneless, and aims to support developers in delivering web apps with confidence.

For the past 18 months Angular has been experiencing a lot of momentum that the community has been referring to as the "Angular Renaissance."In this talk we'll see how this manifests in improvements in developer experience, performance, documentation, and a better look!

Angular Renaissance

Minko Gechev

Analizaremos los optimizadores habituales aplicados en las compilaciones de producción y cómo se pueden combinar con compilaciones incrementales.

Desafíos para las Optimizaciones de Producción Incrementales

TurboPack is a new bundle similar to Webpack, focusing on incremental builds to make them as fast as possible. Challenges in production builds include persistent caching, incremental algorithms, and optimizing export usage. The compilation process can be split into parsing and transforming modules, and chunking the module graph. TurboPack aims to achieve faster production builds through incremental optimization and efficiency. Collaboration and compatibility with other ecosystems are being considered, along with the design of a plugin interface and tree-shaking optimization.

We will look into usual optimization bundlers applied on production builds and how they can be combined with incremental builds.

Challenges for Incremental Production Optimizations

Tobias Koppers

Entre los core-web vitals y las herramientas de perfilado siempre hay un gran obstáculo, la aprobación de la empresa. Hay muchas formas en las que tu trabajo de rendimiento puede no ser visto o priorizado. Así que hablemos de ellas.

Por qué tu trabajo de rendimiento no es visible

This Talk discusses the importance of performance work and how to drive performance governance. It emphasizes the need to frame data, set meaningful budgets, and understand both engineering and product perspectives. The Talk also highlights the significance of delivering value, establishing solid performance governance, and gaining buy-in from management. Additionally, it emphasizes the importance of measuring performance, optimizing through data, and collecting performance data using tools like Speedcurve and Bugbear Sentry. The speaker also mentions their training program and expresses gratitude towards the audience.

Between core-web vitals and profiling tools there's always one big obstacle, company buy-in. There are many ways your performance work might not be seen or prioritised. So let's talk about them.

Why Your Performance Work Is Not Seen

Vinicius Dallacqua

En el panorama en constante evolución de las tecnologías web, la introducción de WebGPU y WebXR representa un gran avance, prometiendo redefinir los límites de lo que es posible en las experiencias web en 3D. Esta charla se sumerge en el corazón de estas nuevas tecnologías, guiada por la biblioteca Three.js. Comenzamos explorando WebGPU, una API de gráficos de próxima generación que ofrece un rendimiento y eficiencia mejorados para renderizar gráficos 3D directamente en el navegador. Demostraremos cómo Three.js se está adaptando para aprovechar todo su potencial, desbloqueando oportunidades sin precedentes para que los desarrolladores creen experiencias interactivas visualmente impresionantes. En la transición al ámbito inmersivo, nos adentramos en WebXR, una tecnología que abre la puerta a experiencias de realidad virtual y realidad aumentada directamente desde la web. Mostraremos cómo Three.js permite a los creadores construir experiencias inmersivas.

Abrazando WebGPU y WebXR con Three.js

The 3JS project has evolved into a community-driven effort with numerous contributors over the past 14 years. It started with 3D engine work in Flash and transitioned to using SVGs for rendering in HTML5 before adopting WebGL. The project showcases various projects and frameworks, including a no-code tool powered by 3.js. The team is working on a new render using WebGPU and developing a new shader language called TSL. The hope is that WebGPU will eventually replace WebGL, offering better control and performance.

In the rapidly evolving landscape of web technologies, the introduction of WebGPU and WebXR represents a significant leap forward, promising to redefine the boundaries of what's possible in 3D web experiences. This talk dives into the heart of these new technologies, guided by the Three.js library. We begin by exploring WebGPU, a next-generation graphics API offering enhanced performance and efficiency for rendering 3D graphics directly in the browser. We'll demonstrate how Three.js is adapting to harness its full potential, unlocking unprecedented opportunities for developers to create visually stunning interactive experiences. Transitioning to the immersive realm, we delve into WebXR, a technology that opens the door for virtual reality and augmented reality experiences right from the web. We'll showcase how Three.js enables creators to build immersive experiences.

Embracing WebGPU and WebXR With Three.js

Mr.doob

¿TypeScript o no TypeScript? Han pasado más de diez años desde su nacimiento y muchos de nosotros todavía luchamos por entenderlo y amarlo. Es tan simple pero a veces no sabemos realmente cómo funciona.Bueno, es hora de entender más y dejar de evadirlo con un simple any.Tipos, funciones, literales, uniones, intersecciones y más: juntos, veremos todas las nociones que te llevarán a empezar a amarlo y usarlo al máximo para asegurar un futuro más seguro desde el punto de vista tipológico y quizás no ser odiado por tu yo futuro.

Sumérgete en TypeScript Avanzado

Today's Talk discusses TypeScript and its relationship with JavaScript, emphasizing the importance of studying JavaScript first. The Talk explores type guards, runtime type checking, and the use of the 'never' type to handle errors and ensure type safety. It also delves into alternative solutions for type handling, branded types, and schema-based validation using Zod. The Talk concludes with advice on migrating to TypeScript and the need for beginner-friendly documentation and strictness in code.

Typescript or not Typescript? More than ten years have passed since its birth, and many of us still struggle to understand and love it. It’s so simple but sometimes we don’t really know how it works.Well, it’s time to understand more and stop bypassing it with a simple any.Types, functions, literals, unions, intersections and so on: together, we will see all the notions that will lead you to start loving and using it to the fullest to ensure a more typologically secure future and perhaps not be hated by your future self.

Dive Into Advanced TypeScript

Luca Del Puppo

Tal vez no necesites tanto JS como crees para lograr patrones comunes de UI con estas nuevas APIs nativas del navegador. Sumérgete en las nuevas y futuras APIs de CSS, HTML y JS que hacen que nuestro código sea más liviano y rápido de implementar.

Instalar Nada: Interfaces de Aplicación con APIs Nativas del Navegador

This Talk introduces real demos using HTML, CSS, and JavaScript to showcase new or underutilized browser APIs, with ship scores provided for each API. The dialogue element allows for the creation of modals with minimal JavaScript and is supported by 96% of browsers. The web animations API is a simple and well-supported solution for creating animations, while the view transitions API offers easy animation workarounds without CSS. The scroll snap API allows for swipers without JavaScript, providing a smooth scrolling experience.

You might not need as much JS as you think to accomplish common UI patterns with these new native browser APIs. Dive into new and future CSS, HTML and JS APIs that make our code leaner and faster to ship.

Install Nothing: App UIs With Native Browser APIs

Scott Tolinski 

La introducción de ChatGPT, Whisper API y su herramienta de orquestación como Langchain, Semantic Kernel genera mucha expectativa sobre la IA y lo que podemos construir con ella, como un asistente de documentos. Pero ¿estamos listos para escalar nuestro proyecto de IA para cumplir con más requisitos y escenarios más amplios, como manejar múltiples procesos dentro de un flujo de preguntas y respuestas de documentos, o ofrecer respuestas específicas de la industria con la base de código existente? ¿Cómo podemos, como desarrolladores, aprovechar estas herramientas para ofrecer una mejor experiencia en la documentación para los desarrolladores como nuestros usuarios? Únete a mi charla y descubrámoslo.

Charla sobre café con documentación, ¿Estás listo?

Maya Chavin, a senior software engineer at Microsoft, discusses generative AI and the core model for LM. The flow of a document Q&A service and the importance of prompts in enhancing it are explored. The injection and querying phases of document Q&A are explained, emphasizing the need for efficient storage, indexing, and computing relevant prompts. The talk also covers the use of embedding models, optimization strategies, and the challenges of testing and validating AI results. Creative uses of LLMs and the impact of AI on job security are mentioned.

The introduction of ChatGPT, Whisper API, and its orchestration tool such as Langchain, Semantic Kernel brings in a lot of hype over AI and what we can build with AI, such as a document assistant. But are we ready to scale our AI project to meet further requirements and broader scenarios, such as handing multiple processes within a document question and answer flow, or offering industry-specific answers with the existing codebase? How can we, as developers, leverage these tools to offer a better experience in documentation for developers as our users? Join my talk and let's find out.

Coffee Chat With Documentation, Are You Ready?

Maya Shavin

¿Cómo puedes tener la confianza de que tu código está bien probado? Para mí, los criterios son sencillos: te sientes cómodo desplegándolo automáticamente en producción un viernes por la noche, y el flujo de lanzamiento se mantiene tan verde como un árbol perenne. En esta charla, compartiré algunos enfoques que estoy siguiendo para alcanzar ambos objetivos en aplicaciones Node.js (APIs, BFFs, etc).

Pruebas: Haz más con menos

This talk focuses on practical approaches for testing Node.js applications, including the use of Dora metrics and the testing trophy strategy. It emphasizes the importance of covering critical flows with integration and end-to-end tests, while also considering the cost and speed of different test types. The speaker recommends mocking third-party services and using snapshot testing, but warns about the potential for false positives. Playwright is suggested as a preferred tool, and the importance of automated test execution is emphasized.

How can you be confident that your code is well-tested? For me, the criteria are straightforward: you feel comfortable deploying it automatically to production on a Friday evening, and the release pipeline stays as green as an evergreen tree. In this talk, I'll share some approaches that I am following to hit both targets for Node.js apps (APIs, BFFs, etc).

Testing: Do More With Less

Eugene Fidelin

Únete a nosotros en una charla dinámica que tiene como objetivo resaltar la importancia de la propiedad en el mundo digital. Exploraremos cómo la tecnología blockchain ofrece una solución, otorgando a los desarrolladores control sobre sus cuentas y datos.

Desbloqueando la propiedad digital: Cómo almacenar cuentas utilizando la tecnología blockchain

Welcome to the talk about digital ownership using blockchain and NFTs. Explore NFTs and their integration with blockchain. Learn how to create NFTs using Remix on the Sepoia test network. Deploy and access the smart contract on the blockchain. Connect your wallet and grant access to NFTs. Understand the blockchain structure and its authentication capabilities. Connect your wallet with the frontend and interact with it. Explore blockchain connections with Chainlink. Understand gas fees and account abstraction in blockchain transactions. Learn about ownership, account recovery, and data storage on the blockchain. Discover how blockchain can be used for public information, databases, and its energy costs. Gain insights into blockchain functionality and data storage.

Join us for a dynamic talk aimed at highlighting the importance of ownership in the digital world. We'll explore how blockchain technology offers a solution, granting developers control over their accounts and data.

Unlocking Digital Ownership: How to Store Accounts Using Blockchain Technology

Sumérgete en el emocionante mundo de WebXR en mi charla sobre cómo llevar la Realidad Virtual (VR) y la Realidad Aumentada (AR) directamente a los navegadores web. Como desarrollador, he visto cómo la tecnología puede despertar la creatividad. En esta sesión, presentaré el framework A-Frame, mostrando lo fácil que es crear experiencias increíbles e interactivas en la web. Esto no es solo un tutorial; es una invitación para que te alejes de lo ordinario y explores las infinitas posibilidades de crear aplicaciones web atractivas.

WebXR? Realidad Virtual y Realidad Aumentada de forma nativa en navegadores

JS Nation explores the power of the web, including virtual and augmented reality experiences. WebXR and A-Frame enable creating native-like experiences using web technologies. Tooling and resources are available to develop and experiment with WebXR. The possibilities for web development and creative projects are endless. Improving AR devices, enhancing PDF viewers, and utilizing AI assistants are areas of interest. JavaScript abstraction and positive audience feedback were highlighted.

Dive into the exciting world of WebXR in my talk about bringing Virtual Reality (VR) and Augmented Reality (AR) directly to web browsers. As a developer, I've seen how technology can spark creativity.  In this session, I'll introduce the A-Frame framework, showing how easy it is to create amazing and interactive experiences on the web.  This isn't just a tutorial; it's an invitation for you to break away from the ordinary and explore the endless possibilities of making engaging web applications.

WebXR? Virtual Reality and Augmented Reality Natively on Browsers

Erick Wendel

Como DJ, utilizo muchas técnicas para mezclar y crear nuevos sonidos que hagan que la gente levante las manos en el aire. En esta charla describiré algoritmos de IA basados en Redes Neuronales que tienen la capacidad de descomponer la música en elementos. Explicaré cómo nuestro cerebro diferencia entre docenas de señales de sonido diferentes cuando escuchamos música. ¿Podemos instruir a la IA para que haga lo mismo?La parte interesante: DJing en vivo en el escenario utilizando algoritmos de IA.

¡Vamos Barbie, Vamos a la Fiesta: Usando IA para la Mezcla de Música

Today, we explore DJ mixing and how deep learning revolutionizes the art by discussing sound processing, extracting features, and using machine learning. Deep learning allows for efficient extraction of audio features and high-resolution track separation. Neural networks can achieve source separation by converting audio to spectrograms and applying convolutional and recurrent neural networks. This has immediate impact on industries such as karaoke and music transcription.

As a DJ, I use many techniques to mix and create new sounds that get peoples’ hands in the air. In this talk I’ll describe AI algorithms based on Neural Networks which have the ability to break down music into elements. I’ll cover how our brain differentiate between dozens of different sound signals when we listen to music. Can we instruct AI to do so? The cool part: live DJing on stage using AI algorithms.

Come On Barbie, Let’s Go Party: Using AI for Music Mixing

Ziv Levy

¿Alguna vez te has preguntado cómo interactúan los lectores de pantalla con los navegadores para proporcionar experiencias accesibles? Es posible que hayas escuchado términos como "APIs de accesibilidad", "árbol de accesibilidad" o "cálculo del nombre accesible". Pero, ¿a qué se refieren realmente?En esta charla, desmitificaremos el proceso en el que los navegadores generan y actualizan el árbol de accesibilidad. Analizaremos sus elementos clave y cómo los elementos HTML y los atributos ARIA se mapean en él. Por último, exploraremos cómo los desarrolladores web pueden aprovecharlo para una depuración efectiva. ¡Sumérgete en el funcionamiento interno de las interacciones entre lectores de pantalla y navegadores!

¿Qué es el Árbol de Accesibilidad, en realidad?

This is a presentation on accessibility and screen readers. The speaker discusses the evolution of screen readers and how they adapted to graphical user interfaces. Accessibility APIs and the accessibility tree are introduced, allowing programs to construct a text database used by assistive technologies. The accessibility tree may vary across browsers and platforms, excluding elements that are not relevant to assistive technologies. The ARIA hidden state and element properties play a role in determining the accessibility of elements, and the accessible name can be derived from text content or specified using ARIA attributes.

Have you ever wondered how screen readers interact with browsers to provide accessible experiences? You may have heard terms like "accessibility APIs", “accessibility tree” or "accessible name computation". But what do they refer to, really? In this talk, we will demystify the process in which browsers generate and update the accessibility tree. We will look into its key elements, and how HTML elements and ARIA attributes map into it. Lastly, we will explore how web developers can leverage it for effective debugging. Let's dive into the inner workings of screen readers-browsers interactions!

What Is the Accessibility Tree, Really?

Mathilde Buenerd

En esta charla, Kevin Hou explicará cómo Codeium está trabajando para desbloquear una ganancia de productividad de 10 veces para todos los desarrolladores. Hoy en día, el autocompletado y el chat de Codeium en el IDE ayudan a cientos de miles de desarrolladores a escribir casi la mitad de su código comprometido. Kevin mostrará los desafíos técnicos detrás de la construcción de Codeium y cómo hemos entrenado nuestros propios modelos de IA para realizar ediciones de archivos completos, buscar en millones de líneas de código y generar código más rápido que cualquier otra herramienta de IA en el mercado.

¿Puede la IA convertirnos en desarrolladores 10 veces más eficientes?

AI can help developers become 10x more efficient by leveraging powerful GPUs. Codium is an AI developer tool that can accelerate learning, analyze dependencies, and provide personalized coding experiences. It abstracts away complexity and allows developers to focus on building user experiences. Codium aims to transform the software industry and empower developers to become 10x engineers.

In this talk, Kevin Hou will explain how Codeium is working to unlock a 10x productivity gain for all developers. Today, Codeium's in-IDE autocomplete and chat help hundreds of thousands of developers write almost half of their committed code. Kevin will showcase the technical challenges behind building Codeium and how we've trained our own AI models to make full file edits, search across millions of lines of code, and generate code faster than any other AI tool on the market.

Can AI Turn Us Into 10x Developers?

Kevin Hou

Los monorepos han demostrado ser útiles cuando se trata de desarrollar y publicar paquetes NPM relacionados. Ofrecen una experiencia de desarrollo unificada al tiempo que permiten la distribución de paquetes más detallados para facilitar su consumo. De hecho, muchas bibliotecas OSS populares siguen este enfoque, como Vue, Angular, React, Vite, Tanstack y RxJS (solo por mencionar algunas). Sin embargo, el proceso de publicación dentro de los monorepos presenta desafíos únicos, especialmente cuando se trata de paquetes interdependientes múltiples. Y sí, existen soluciones para la versionado y la publicación de paquetes, pero a menudo no son suficientes cuando se trata de monorepos. Nx recientemente introdujo un comando de "release" diseñado para estos escenarios.En mi charla, exploraré cómo podemos configurar un proceso de publicación, que cubra la versionado, la generación de registros de cambios y la publicación en plataformas como NPM y GitHub (incluido el soporte de procedencia). Únete a mí para descubrir más.

Simplificar las Publicaciones de Paquetes - Desde la Versionado hasta la Publicación

The Talk focuses on the Nx release command for publishing npm packages in a monorepo setup. It ensures correct package publishing order, handles versioning and change logs, and allows for simulating changes before publishing. Advanced features include configurable versioning, group releases, and support for different languages. Documentation, videos, and recipes are available for customizing and automating releases on your CI system.

Monorepos have proven to be handy when it comes to developing and publishing related NPM packages. They offer a unified development experience while still enabling the distribution of more fine-grained packages for easy consumption. In fact, many popular OSS libraries follow such an approach such as Vue, Angular, React, Vite, Tanstack and RxJS (just to name a few). However, the publishing process within monorepos introduces unique challenges, particularly when dealing with multiple interdependent packages. And yes, there are solutions out there for versioning and releasing packages, but they often fall short when it comes to monorepos. Nx recently introduced a "release" command tailored for these scenarios.In my talk, I'll explore how we can setup a publishing process, covering versioning, changelog generation, and releasing to platforms like NPM and GitHub (including provenance support). Join me to discover more.

Simplify Package Releases – From Versioning to Publishing

Juri Strumpflohner

Los motores JS de producción moderna pueden parecer intimidantes, ¡pero eso no es todo lo que hay! Esta charla relámpago se basa en mis experiencias pasadas trabajando en motores JS de aficionados, y cubrirá lo siguiente: - Diferentes ángulos para abordar esta tarea aparentemente compleja- Cosas que puedes aprender en el camino- Algunos proyectos existentes que optimizan por diversión (en lugar de perseguir benchmarks), y lo que los hace únicos Verás que no necesitas tener experiencia en diseño de compiladores para comenzar a explorar los internos del motor JS. ¡Lo más importante, es divertido!

Construyendo un motor JS -- ¡Por diversión!

The Talk discusses the basics of building a JS engine, highlighting the complexity and feature completeness of existing engines. It emphasizes the possibility of creating a simpler engine tailored to specific use cases and target audiences. The speaker suggests starting anywhere in the process and provides tips on using parser libraries, implementing runtime features, and ensuring correctness through testing. Additionally, the Talk encourages exploring JavaScript standards and engaging with the open-source community.

Modern production-grade JS engines can seem intimidating, but that's not all there is! This lightning talk draws from my past experiences working on hobbyist JS engines, and it will cover the following: - Different angles to approach this seemingly complex task- Things you can learn along the way- Some existing projects that optimize for fun (instead of chasing benchmarks), and what makes them unique You'll see that you don't need a background in compiler design to get started exploring JS engine internals. Most importantly, it's fun!

Building a JS Engine -- For Fun!

Linus Groh

Presentamos Pear, una herramienta combinada de tiempo de ejecución, desarrollo e implementación de igual a igual. Construye, comparte y amplía aplicaciones de igual a igual sin infraestructura. Bienvenido a Internet de los Pares. Consulta docs.pears.com.

Pear Runtime: Aplicaciones de alta escala sin infraestructura

Pair Runtime is a fully peer-to-peer runtime that operates on user devices, with no data stored in the cloud. Pair is a development and deployment tool that enables creating and running Pair applications on user devices. Pair is a platform for building terminal, desktop, and mobile applications, providing all the necessary tools and resources. It offers inherent data security and uses a hole-punching algorithm to connect peers. Pair is designed for simplicity and true security.

Introducing a combined Peer-to-Peer Runtime, Development &amp; Deployment tool named Pear. Build, share &amp; extend unstoppable, zero-infrastructure P2P applications. Welcome to the Internet of Peers. See docs.pears.com.

Pear Runtime: Zero-Infrastructure, P2P High-Scale Applications

JSR, un registro de paquetes moderno para JavaScript y TypeScript, está diseñado para ser rápido, simple, confiable y funcionar en múltiples entornos de ejecución de JavaScript. Ven y aprende cómo el uso de JSR puede simplificar tu experiencia como desarrollador.

JSR: Registro JavaScript de próxima generación

JSR is a new JavaScript registry that supports TypeScript and offers additional features like GitHub Action integration, provenance attestations, and documentation generation. It provides a simple website with package search, documentation, and a gamified score. The process of publishing a new package in JSR involves creating a JSR.json file with package details and exports, using MPX JSR publish to publish the package, and approving authorization in the browser. However, documentation for the package is not automatically generated and needs to be manually added.

JSR, a modern package registry for JavaScript and TypeScript, is designed to be fast, simple, reliable, and work across many JavaScript runtimes. Come learn how using JSR can simplify your developer experience.

JSR – Next Generation JavaScript Registry

Leo Kettmeir

La IA está en todas partes, pero ¿por qué deberías preocuparte como desarrollador web? Únete a Jason Mayes, líder de Web AI en Google, quien te pondrá en el camino desmitificando la terminología común para asegurarse de que nadie se quede atrás, y luego te guiará a través de algunos de los últimos modelos de aprendizaje automático, herramientas y frameworks que puedes utilizar directamente en el navegador a través de JavaScript para ayudarte a dar vida a tus ideas creativas de aplicaciones web para casi cualquier industria en la que estés trabajando. Al mover la IA al lado del cliente, no hay dependencia del servidor después de la carga de la página, lo que te brinda beneficios como privacidad, baja latencia, soluciones sin conexión y costos más bajos, que serán de creciente importancia a medida que se desarrolle el campo. Esta charla es adecuada para todos los curiosos de la web y el aprendizaje automático, así que ven y aprende algo nuevo para agregar a tu conjunto de herramientas de ingeniería web para 2024.

Aplicaciones Web del Futuro con Web AI

Web AI in JavaScript allows for running machine learning models client-side in a web browser, offering advantages such as privacy, offline capabilities, low latency, and cost savings. Various AI models can be used for tasks like background blur, text toxicity detection, 3D data extraction, face mesh recognition, hand tracking, pose detection, and body segmentation. JavaScript libraries like MediaPipe LLM inference API and Visual Blocks facilitate the use of AI models. Web AI is in its early stages but has the potential to revolutionize web experiences and improve accessibility.

AI is everywhere, but why should you care, as a web developer? Join Jason Mayes, Web AI Lead at Google, who will get you on track by demystifying common terminology ensuring no one is left behind, and then take you through some of the latest machine learning models, tools, and frameworks you can use right in the browser via JavaScript to help you bring your creative web app ideas to life for almost any industry you may be working in. By moving AI to the client side, there is no reliance on the server after the page load, bringing you benefits such as privacy, low latency, offline solutions, and lower costs which will be of growing importance as the field develops. This talk is suitable for everyone with a curiosity for web and machine learning, so come along and learn something new to put in your web engineering toolkit for 2024.

Web Apps of the Future With Web AI

Jason Mayes

En esta charla echaremos un vistazo a una biblioteca de JavaScript idiosincrásica, htmx, que está diseñada para hacer que HTML sea más poderoso como un hipermedia. Lo hace generalizando la idea de controles de hipermedia como etiquetas de anclaje y formularios. Los desarrolladores web que usan htmx típicamente no escriben tanto JavaScript como lo harían si eligieran una biblioteca de JavaScript SPA más popular para sus necesidades front-end. De esta manera, htmx puede ayudar a abordar la "fatiga de JavaScript", una sensación general de estar abrumado por el mundo de JavaScript. htmx a veces se presenta como una biblioteca "para personas que odian JavaScript". Irónicamente, sin embargo, al reducir drásticamente la cantidad de JavaScript que un desarrollador web debe escribir para construir una aplicación web, htmx puede hacer que el JavaScript que un desarrollador quiere escribir sea mucho más agradable, convirtiendo la escritura de JavaScript en una parte lúdica, valiosa y divertida de una aplicación web más amplia en lugar de una tarea que se debe realizar para lograr tareas simples.

htmx es Pro-JavaScript

HTMX is a JavaScript library that extends HTML and works with a JSON API. It generalizes the functionality of links and forms, making any element a potential hypermedia control. HTMX simplifies the implementation of hypermedia functionality with a dozen core attributes. It can achieve powerful UI results without writing much JavaScript. HTMX complements JavaScript libraries and enhances user experience by providing functionality that the browser lacks.

In this talk we will take a look at an idiosyncratic javascript library, htmx, which is designed to make HTML more powerful as a hypermedia. It does this by generalizing the idea of hypermedia controls such as anchor tags and forms. Web developers who use htmx typically do not write nearly as much javascript as they would if they chose a more popular SPA javascript library for their front end needs. In this way, htmx can help address "JavaScript Fatigue", a general sense of being overwhelmed by the JavaScript world. htmx is sometimes held up as a library "for people who hate JavaScript". Ironically, however, by dramatically reducing the amount of JavaScript a web developer must write to build a web application, htmx can make the JavaScript that a developer wants to write much more enjoyable, making writing JavaScript a playful, high-value and fun part of a broader web application rather than a chore that must be dealt with to accomplish simple tasks.

htmx Is Pro-JavaScript

Carson Gross

En esta charla, exploraremos cómo la API de Renderizado del Navegador puede automatizar tareas del navegador, liberando a los desarrolladores del trabajo manual repetitivo. Comenzaremos con una visión general de Cloudflare Workers y cómo permiten ejecutar JavaScript en el borde. Luego, discutiremos la automatización del navegador en detalle, cubriendo cómo interactuar con el DOM, completar formularios y extraer datos de páginas web. Mostraremos ejemplos del mundo real de cómo la automatización del navegador con Cloudflare Workers puede mejorar la experiencia del usuario de las aplicaciones web, aumentar la productividad y automatizar tareas, como generar capturas de pantalla y PDFs de páginas web, probar aplicaciones web y realizar auditorías de rendimiento. Al final de esta charla, los asistentes obtendrán una mejor comprensión de cómo utilizar la API de Renderizado del Navegador para automatizar tareas del navegador y llevar sus habilidades de desarrollo web al siguiente nivel.

Automatiza el Navegador con la API de Renderizado del Navegador de Workers

The Talk discusses browser automation using the Worker's Browser Rendering API, which allows tasks like navigating websites, taking screenshots, and creating PDFs. Cloudflare integrated Puppeteer with their workers to automate browser tasks, and their browser rendering API combines remote browser isolation with Puppeteer. Use cases for the API include taking screenshots, generating PDFs, automating web applications, and gathering performance metrics. The Talk also covers extending sessions and performance metrics using Durable Objects. Thank you for attending!

In this talk, we will explore how the Browser Rendering API can automate browser tasks, freeing developers from repetitive manual work. We will begin with an overview of Cloudflare Workers and how they enable running JavaScript at the edge. Then, we will discuss browser automation in detail, covering how to interact with the DOM, fill out forms, and scrape data from web pages. We will showcase real-world examples of how browser automation with Cloudflare Workers can improve the user experience of web applications, increase productivity, and automate tasks, such as generating screenshots and PDFs of web pages, testing web applications, and running performance audits. At the end of this talk, attendees will gain a better understanding of how to use the Browser Rendering API to automate browser tasks and take their web development skills to the next level.

Automate the Browser With Workers Browser Rendering API

Gift Egwuenu

¿Estás construyendo servicios digitales dirigidos a consumidores europeos? ¿Ya has oído hablar de la Ley de Accesibilidad Europea? ¿Sabías que probablemente, por ley, estarás obligado a ofrecer funciones accesibles para junio de 2025? Desarrollar experiencias de usuario inclusivas es un desafío cuando la accesibilidad no tiene la prioridad adecuada. No se trata solo de inclusión, sino de un Retorno de la Inversión (ROI) potencialmente significativo que no se puede ignorar. Las estadísticas muestran que 1 de cada 4 adultos europeos tiene algún tipo de discapacidad. Imagina poder acceder a un mercado aproximadamente un 25% más grande. Los servicios web accesibles tienen un mejor rendimiento en los resultados de los motores de búsqueda porque la semántica web es clave. Permiten a los usuarios lograr sus objetivos de manera más eficiente, ya que el enfoque está en la experiencia de usuario inclusiva. Con la entrada en vigor de la Ley de Accesibilidad Europea, la conciencia sobre la accesibilidad digital cambiará. Preveo que la accesibilidad digital estará en el radar de las empresas a partir de 2024 en adelante. Al final de esta sesión, tendrás los fundamentos para presentar la accesibilidad digital a tus partes interesadas. Cubriremos qué es la accesibilidad digital, cómo una empresa se beneficiará al invertir en ella y cómo podría ser un programa de accesibilidad maduro, para que puedas iniciar el programa de accesibilidad de tu empresa.

Explicar como si fuera tu gerente: Accesibilidad digital

Experience the challenges faced by visually impaired people and optimize user experiences for different viewports. Understand the importance of digital accessibility and its benefits for businesses. Learn about the obligations for businesses to deliver accessible features and the correlation between accessibility and organic reach in search engines. Discover the three fundamental steps to work on accessibility and the concept of continuous accessibility. Find out how to test, fix, and mentor accessibility issues and how to get people on board by gathering champions and incorporating accessibility into workflows.

Are you building digital services aimed towards European consumers? Have you already heard about the European Accessibility Act? Are you aware that in June 2025, you are probably, by law, obligated to deliver accessible features? Developing inclusive user experiences is a challenge when accessibility doesn't have the right priority. It isn't just about inclusiveness – it's about potential Return on Investment (ROI) that is too significant to ignore. Statistics show that 1 out of 4 European adults has some form of disability. Imagine being able to tap into a roughly 25% bigger market reach. Accessible web services perform better in search engine results because web semantics are key. They enable users to accomplish their goals more efficiently, as the focus is on inclusive user experience. With the European Accessibility Act coming into effect, the awareness around digital accessibility will shift. I predict digital accessibility will land on the company's radar from 2024 onward. At the end of this session, you will have the fundaments to pitch digital accessibility to your stakeholders. We'll cover what digital accessibility is, how a company will reap the benefits of investing in it and what a mature accessibility program could look like, so with it, you can kick-start your company's accessibility program.

Explain Like I’m Your Manager: Digital Accessibility

Maarten Van Hoof

Te guste o no, en estos días muchas cosas a nuestro alrededor funcionan con JavaScript. Aplicaciones web, móviles y de escritorio, televisores, refrigeradores y cohetes espaciales, ¡lo que sea! Hablaré sobre cómo aprovechar esto utilizando el arte prohibido de "desensamblar". También hablaremos sobre no saber cosas, confiar en hechos y convertirnos en mejores ingenieros.

Reverse-Engineering Todo para Deshacerte de los Problemas de Confianza

JavaScript's power and versatility make it the programming language of choice for consumer applications worldwide. A JavaScript engineer should understand how things work, even if they don't know everything. The Talk discusses modifying websites, uncovering game rigging through developer tools, analyzing fetch requests and overrides, refactoring and state management, and website modification. The speaker shares personal experiences and highlights the importance of understanding and being able to modify code in real-time.

Like it or not, those days lots of things around us run on JavaScript. Web, mobile and desktop apps, TVs, fridges and space rockets - you name it! I will talk about how to put this to good use by utilizing the forbidden craft of "disassembling". We'll also talk about not knowing things, trusting facts and becoming a better engineer.

Reverse-Engineering Everything to Get Rid of Trust Issues

Mikhail Korolev

¿Sabías ese meme de Homer Simpson tratando de esconderse en los arbustos? Así es como me sentía cuando mis compañeros de trabajo hablaban de cifrado asimétrico, firma de certificados, salado y acrónimos locos como PBKDF2.Después de años tratando de ignorar este problema, finalmente decidí hacer algo al respecto. Pero en lugar de adentrarme en el tema a través de libros de texto y seudocódigo, decidí investigar la gran cantidad de funcionalidades que ofrece el módulo `crypto` incorporado en Node.js. Luego, retrocedí para comprender qué hace cada función, en qué práctica de seguridad se basa y cuándo es apropiado usarla.Entonces, si eres como yo, sal de los arbustos y únete a mí en esta masterclass para aprender los fundamentos de proteger información de manera práctica con Node.js.

Dominando los Fundamentos de la Criptografía con el Módulo Crypto de Node

This Talk provides an introduction to cryptography with Node.js, covering encryption concepts, AES-256-CBC algorithm, initialization vector for encryption, key derivation function and salt, randomness and key agreement, key distribution and RSA, signing and verification, public key certificates, and trust in certificate hierarchy.

Do you know that meme of Homer Simpson trying to hide in the bushes? That's how I would feel when my coworkers would discuss asymmetric encryption, certificate signing, salting, and crazy-sounding acronyms like PBKDF2.After years of trying to ignore this problem, I finally decided to do something about it. But rather than digging into the subject via textbooks and pseudo-code, I decided to research the massive amount of functionality that is offered by Node.js' built-in `crypto` module. Then I worked my way backwards to understand what each function does, what underling security best-practice it's based on, and when it's appropriate to use it.So if you're like me then step out of the bushes, and join me in this talk to learn the fundamentals of protecting information in a practical way with Node.js.

JSNation 2024

The main JavaScript conference of the year