Learn from the best cherry-picked trainers

React in Patterns (in-person workshop pass)

React and its ecosystem grows every year. New tools, new patterns, new concepts. This workshop covers the latest trends in the React development world. If you feel that you know how to use it but there is something more you could learn, this workshop is for you. We'll be going through the fundamentals, composition patterns, state management, styling workflows, routing, server-side rendering and components.

The attendess will learn how to build scalable and maintainable React applications. The workshop covers: 1. React - behind the scenes (how it works) 2. Data flow in React applications 3. Custom hooks - how, when and why to create them 4. Dependency injection 5. Styling and how to build your own design system 6. Asynchrony and how to handle it 7. State management - various approaches and libraries 8. Routing 9. SSR & Server components 10. Testing - what and how to test your components

React Query - Beyond the Basics (in-person workshop pass)

In this workshop, we'll go beyond the fundamentals and explore some of the more powerful features React Query has to offer. You'll gain a deeper understanding of how it works under the hood and learn how to write scalable, maintainable React Query code.

Together, we'll build a simple example app and incrementally enhance it with one core objective in mind: delivering the best possible user experience. That means snappy interactions, minimal layout shifts, and avoiding unnecessary loading spinners wherever we can.

To achieve this, we'll dive into advanced techniques like various forms of prefetching (including integration with route loaders), seeding the query cache, crafting smooth paginated experiences, and even persisting query state through full page reloads using persistence plugins.

Note: You should have prior knowledge about React Query if you attend this workshop.

Bringing and Running AI Agents in the Browser (in-person workshop pass)

In the past few years, there have been a large number of generative AI use cases and adoption has grown increasingly. A large number of web and JS applications now leverage large language models (LLMs), vector search / RAG (Retrieval Augmented Generation) for building better user experiences.

Now the tide is shifting, and we have entered the era of AI agents. This is a promising field which combines the different generative AI usecases and helps to simplify the process of interacting with Gen AI by essentially making agents act like humans and makes interactions feel more human like to solve problems in an automated fashion.

In this workshop, while we give a quick over view of LLMs, RAG, we will dive deeper into concepts of AI Agents such has how one can leverage LLMs for specific tasks. How can we include tool calling / function calling in AI Agents. Thus showing how an AI Agent is a system that is capable of independently deciding which functions or data sources to used to efficiently execute users' orders.

We will show how to develop an AI agent that runs purely on the browser vs running them using cloud.

This workshop is for javaScript developers, AI enthusiasts, and tech innovators who want to integrate the use of AI within web applications to create intelligent and interactive app experiences.

Table of contents:
1. Intro to the general landscape of LLMs, RAG 2. What are AI Agents 3. Core components of AI Agents 4. How to build your first AI Agent with JavaScript 5. Stack to build AI Agents in the browser with open source models

Defensive Coding (in-person workshop pass)

Malicious code is out to get you. Can you keep your app working as expected and hold on to your secrets? Come to this workshop and try!

The entire workshop will be delivered as bite-sized hands-on exercises where increasingly advanced threats are presented and you get to defend.

No matter if you're concerned with malicious npm packages or building software to run other people's code, techniques presented in this workshop can be used to isolate JavaScript at runtime and protect against prototype poisoning.

We'll explore techniques allowing cooperation with packages that intend to steal your secrets and mess with built-in functionality of JavaScript via prototype-poisoning. Another part of the workshop will focus on using tools to isolate code and scale the defensive coding practice up for larger codebases.

If you're not dealing with security-critical code, it's a great opportunity to expand your awareness of rarely explored areas of JavaScript knowledge.

Modern React Architecture

In this workshop we'll dive into the latest advancements in React and best practices for building modern React apps. We'll take a look at modern NextJS and React Router 7 Framework (aka Remix) along with React's new "React Server Components". We'll also talk about improving the data-fetching strategies of your SPAs along with options for migrating your SPA to modern React Router.

Full-stack App in a Day: Next.js 15 Development Bootcamp

Unlock the Power of Modern Full-Stack Development in a Single Day!

Ready to build lightning-fast, scalable web applications? Join our immersive 8-hour interactive workshop and dive headfirst into the world of Full-Stack Next.js 15!

This isn't just another theory session. You'll roll up your sleeves and build a real-world movie comparison application from scratch, guided step-by-step by our expert instructor Maurice. We'll start by setting up your local development environment with a robust PostgreSQL database running in a Docker container. Then, you'll experience the magic of rapid UI generation using v0.dev, allowing you to create stunning interfaces with ease.

But we won't stop at the front-end. You'll learn how to seamlessly integrate your UI with a powerful backend using Next.js 15's latest features and the elegant Prisma ORM to interact with your PostgreSQL database. Plus, you'll discover the best practices for handling client-side behavior with a fun, interactive movie comparison feature.

Finally, we'll take your application live with continuous deployment to Vercel, showcasing how to effortlessly share your creations with the world. By the end of this workshop, you'll have a fully functional movie comparison app and the confidence to tackle your own full-stack projects using the cutting-edge Next.js 15 ecosystem.