VR-First Web Development: Rethinking the Web for Immersive Browsing

Dive into the cutting-edge world of VR-first web development! As VR headsets revolutionize web browsing, we'll challenge the assumption that VR websites must be 3D and spatial. Instead, we'll explore how to adapt 2D websites for immersive experiences. From eye tracking to hand gestures, we'll uncover the key considerations that set VR-first apart from traditional and mobile-first approaches.

Learn essential design principles and development techniques to create VR-friendly websites. We'll discuss optimizing page flow, rethinking navigation, and adapting existing sites for VR. Plus, get exclusive insights from hands-on testing with Apple Vision Pro! Whether you're a seasoned dev or VR newbie, you'll leave equipped to build the future of web experiences.

This talk is designed to be both informative and interactive. I plan to include:

- Live demonstrations of VR web browsing challenges and solutions
- Before-and-after examples of websites optimized for VR
- A brief Q&A session to address audience queries and foster discussion

The content is adaptable and can be tailored to fit various time slots between 25-45 minutes. I'm happy to adjust the depth of technical details based on the expected audience expertise.

I've been actively developing and testing VR web applications for the past year, including hands-on experience with the latest VR devices. This talk synthesizes lessons learned from real-world projects and cutting-edge research in the field.

While the talk doesn't require any special equipment, I can bring a VR headset for demonstration purposes if the venue setup allows for it.

Lastly, I'm passionate about making web technologies accessible to all users, including those with disabilities. This talk will touch on important accessibility considerations for VR web experiences.

42! (A Developers Guide to the Future)

In a universe where AI is rapidly evolving, developers might feel like they're hitchhiking through a bewildering galaxy of new technologies. But fear not! In "42! (A Developers Guide to the Future)" Jorrik takes you on a hilarious and insightful journey through the challenges and opportunities that await developers in an AI-driven world.

Drawing inspiration from the iconic movie "Hitchhiker's Guide to the Galaxy," this talk explores the unique skills that make developers the perfect navigators of our AI-infused future. From mastering the art of prompt engineering to leveraging their innate understanding of complex systems, attendees will discover how their current abilities translate into superpowers in the age of AI. Jorrik will delve into potential pitfalls, emerging opportunities, and the evolving relationship between human developers and AI tools.

By the end of this cosmic adventure, you'll have a roadmap for thriving in the AI era, complete with practical tips, interactive exercises, and enough nerdy humor to make even Marvin the Paranoid Android crack a smile. Whether you're a seasoned frontend developer or just starting your journey, this talk will equip you with the knowledge (and towel) you need to confidently hitchhike through future tech. Don't panic, the answer to frontend's future in AI is 42, and all will be revealed!

Exploring the Web Bluetooth API: Connecting Browsers to the Physical World

Ready to make your web pages dance? Let's dive into the playground of CSS animations! We'll demystify easing functions and delays, uncovering the secret sauce for captivating user interfaces. From comparing smooth and jerky movements to bending cubic-bezier() to your will, you'll gather tools to level up your frontend arsenal.

We'll tackle the art of syncing multiple elements, conduct a symphony of sequential animations, and blend easing with delays for maximum wow-factor. Join this adventure through the realm of animation timing, and learn to turn your web projects from wallflowers

I'm excited about the possibility of presenting this Web Bluetooth API talk at your conference. The content is flexible and can be adapted to fit 20-45 minute slots. I plan to include live coding demonstrations, so a stable internet connection and ability to project from my laptop would be helpful.

The talk caters to a range of technical levels, from beginners to advanced developers. I plan to provide a GitHub repository with code samples and resources for attendees to reference after the talk. The content touches on privacy and security considerations, which could tie into themes of responsible tech development.

I'm open to participating in Q&A sessions or panel discussions if that aligns with your format. My goal is to spark innovative ideas among attendees and contribute positively to the conference's energy. I'm flexible with content emphasis and can adjust based on your preferences.

Thank you for your consideration!

A Large Language Model took me on vacation

Imagine handing over your vacation planning to an AI. Sounds crazy, right? That's exactly what Jorrik did for his trip to Porto in Portugal. ChatGPT picked everything from restaurants to the sightseeing spots. But this trip taught Jorrik more than just how to order pastel de nata in Portuguese.

In this talk, you'll dive into different parallels between prompting engineering AI for travel tips and using it for coding and problem-solving. You'll learn why context is king in AI interactions and ways to provide it effectively. Jorrik will walk you through real examples from my AI-planned adventure, showing how each interaction unlocked new insights into advanced prompting techniques. Plus, he will introduce you to "Indirect Conversation" a new method he describes as "pushing AI's creative boundaries".

Integrating AI in applications is now everywhere to be found. And creating web applications, prompt engineering is set to become a crucial skill in our developers toolkit. The techniques you'll learn aren't just for planning vacations. They're the building blocks for creating smarter, more intuitive AI-powered tools. Whether you're designing chatbots, implementing AI-assisted search, or build the next-gen AI-driven web app, mastering these prompting skills will give you a significant benefit in creating a seamless user experience.

By the end of this session, you'll walk away with practical skills to supercharge your AI interactions, whether you're planning your next vacation or tackling complex coding challenges. You'll gain a fresh perspective on AI's capabilities and limitations, and you'll be equipped with strategies to get more innovative, useful responses from AI tools. Get ready for a session that's a bit of fun, part travelogue, mainly tech talk, and entirely eye-opening!

AI-Driven Code Refactoring: Improving Legacy Codebases Automatically

Ready to give your old code a makeover? Step into the world of AI-powered code refactoring, where smart algorithms take on the challenge of sprucing up cluttered codebases. See how AI deciphers code DNA, performs digital reconstructive surgery, and scales from small scripts to sprawling systems. Explore real-world success stories, understand the current limits, and discover tools that'll make your development process smoother than a freshly refactored function.

This talk will include live demonstrations of AI-driven refactoring tools in action, giving attendees a hands-on understanding of the technology. I plan to provide a balanced view, discussing both the potential and limitations of AI in code refactoring.

The content is adaptable to various skill levels, from junior developers curious about AI in coding to seasoned professionals looking to optimize their workflows. I'm happy to adjust the technical depth based on the expected audience.

To enhance engagement, I'm preparing a GitHub repository with code samples and resources that attendees can access during and after the talk. This will allow for continued learning and experimentation beyond the conference.

Lastly, I'm open to participating in panel discussions or Q&A sessions related to AI in software development if the conference schedule allows.

Mastering CSS Animation Timing: A Deep Dive into Easing Functions and Delays

Ready to make your websites dance? Let's crack open the CSS animation toolbox and tinker with easing functions and delays. We'll demystify cubic-bezier() and orchestrate element symphonies, giving your interfaces that irresistible groove. Whether you're a timing novice or a seasoned pro, get ready to fine-tune your front-end skills and compose web experiences that truly move.

This talk is designed to be highly interactive and engaging. I plan to include live coding demonstrations to showcase real-time animation adjustments, helping attendees grasp the concepts more effectively.

The content is scalable and can be adjusted to fit various time slots between 20-45 minutes. For longer sessions, I can include more advanced techniques and audience participation.

I'm happy to provide code samples and resources for attendees to reference after the talk, encouraging continued learning and experimentation.

While the talk focuses on CSS, I can also touch on how these animation principles apply to JavaScript-based animations, broadening the appeal to a wider range of front-end developers.

I'm open to adapting the content to best fit your conference theme or any specific areas of focus you may have for your event.

Lastly, I'm passionate about accessibility and can include tips on creating animations that are inclusive and respect user preferences for reduced motion.

Prompt Injection Attacks: Understanding and Mitigating Risks in LLM-Powered Web Apps

Dive into the wild world of prompt injection attacks in LLM-powered web apps! As AI chatbots and assistants become ubiquitous, a new breed of security vulnerabilities emerges. In this hands-on adventure, we'll dissect vulnerable chatbots, craft sneaky exploits, and explore robust defense strategies.

Get ready to break (and fix) things as we create a simple LLM-powered app, then systematically exploit its weaknesses. You'll learn to identify common vulnerabilities, understand the anatomy of prompt injection attacks, and implement effective countermeasures. Perfect for devs who want to build safer AI-driven interfaces and stay ahead in the AI security game!

This talk is designed to be adaptable to different time slots (30-50 minutes) and audience levels. I can adjust the depth of technical content and number of live demonstrations based on the conference schedule and attendee profile.

I plan to provide a GitHub repository with code samples and resources for attendees to reference after the talk. This will include examples of vulnerable chatbots and secure implementations, allowing developers to continue learning and experimenting on their own.

The presentation will include interactive elements where audience members can participate in identifying vulnerabilities and suggesting mitigation strategies. This approach helps reinforce learning and keeps engagement high throughout the session.

While the talk focuses on front-end development, the principles discussed are relevant to anyone working with LLMs in web applications. I'm happy to tailor the content to emphasize aspects most relevant to your conference's focus areas.

I'm open to participating in panel discussions or Q&A sessions related to AI security if that aligns with your conference format. My background in both frontend development and AI security could bring a unique perspective to such discussions.

Ctrl+Alt+VR: Create VR-First Websites for the 2D Web

Imagine a world where your favorite websites float in mid-air, responding to your gaze and hand gestures. No, this isn't science fiction – it's the future of web browsing in virtual reality. But here's the plot twist: these websites aren't 3D models or immersive environments. They're the same 2D websites we use every day, reimagined for a VR-first world.

In this eye-opening talk, Jorrik challenges the notion that VR web development means creating complex 3D spaces. Instead, they explore how traditional websites need to evolve to meet the unique demands of VR browsing. From rethinking navigation without keyboards to optimizing layouts for eye-tracking, this session dives deep into the principles of VR-first web design and development.

Attendees will gain practical insights into creating VR-friendly websites, backed by Jorrik's hands-on experience with the Apple Vision Pro. They'll learn how to build a compelling business case for VR-first development, ensuring their skills remain cutting-edge in this rapidly evolving landscape. Whether you're a seasoned developer or just starting out, this talk will equip you with the knowledge to elevate your web projects into the VR realm – no 3D modeling required.

This talk explores adapting 2D websites for VR browsing, covering practical design principles and development techniques. Using an Apple Vision Pro I will share a demo, offering insights into next-gen web experiences. The session will be interactive, with audience participation and live VR website examples. It's relevant for developers of all levels, bridging current web practices with future VR trends.

Examples of previous experience:
Code & Comedy 2024 (Utrecht): Your LLM is so fat, it doesn't even need prompting.

JSConf Colombia 2023 (Medellin): JSON Schema Validation; A dating show between backend and frontend.

Frontmania 2023 (Utrecht): JSON Schema Validation; A dating show between backend and frontend.
https://www.youtube.com/watch?v=1vW7qT9oxxw

Nerdearla 2023 (Buenos Aires): JSON Schema Validation; A dating show between backend and frontend.:
https://youtu.be/v2t1N3g64Lk

JSNation 2023 (Amsterdam): Create AR face filters with the Chrome Face Detection API:
https://youtu.be/SYZCmKSvKlw