Learn from the best trainers being anywhere

Instrument, Monitor, Fix: A Hands-On Debugging Session

You just shipped a new feature. Tests passed. CI’s green. Everything’s deployed. Life’s good… until the alerts start rolling in. Users reporting “weird stuff happening”, UI glitches, vague “it seems slow” reports, and that dreaded “can’t login” message. Well, this is shaping up to be a bad day. But… maybe not.

Watch this hands-on session to learn how to build it, break it, debug it, and go from “no idea what’s wrong” to fixing issues—all in one go. Since we’re serious developers (obviously), we’ll use Next.js and:

• Setup Sentry from the ground up - including Errors, Session Replay, and Tracing
• Learn ways to use Replays to understand the real user experience, and how to use Tracing to debug application issues
• Leverage Sentry AI and the context of your application to understand what’s actually broken, and use Autofix to generate a fix - from root cause all the way to PR.

Use this workshop guide to follow along: Quickstart Guide.

TDD in Frontend

Tests first, code last!

How to develop your frontend that the code isn't falling apart? How to make it scary free to deliver your work results? How to battle bugs that are chasing you at every step you make?

I am going to answer these questions during the workshop and show how to follow TDD at React applications.

To showcase the approach I am going to use Cypress, React, MobX, and even Dev Containers. These tools can be replaced by others that are in use in your projects today. Here and now tooling is not so important.

In spite of the title the workshop is going to be useful not only for frontend developers. You can benefit from it even working in a different area of development because the key here is a mindset of how to make reliable applications through testing.

Enhancing React Apps with Playwright Monitoring

Test and trust your React app by combining Playwright’s powerful browser automation with modern synthetic monitoring. In this hands-on workshop, you’ll learn how to write real user flow tests with Playwright, run them locally, and then scale them into production-ready monitoring with Checkly.

We’ll start with a quick tour of synthetic vs. real user monitoring, then dive into testing key interactions in your app, from page loads to forms and navigation. You’ll learn how to use Playwright’s core features to create reliable end-to-end tests.

Next, we’ll show you how to turn those local tests into live monitors. You’ll deploy your tests as synthetic monitors, view test runs, and debug failures with rich observability data, like screenshots and traces.

Table of contents:

1. Intro: Synthetic vs RUM, Testing vs Monitoring
2. Setup to run app locally
3. Write Playwright tests on the app
4. Playwright core features
5.  Run tests
6. Convert Playwright tests into synthetic monitors
7. Concepts of Monitoring as Code
8. Observability: debug with Traces, Logs & Screenshots
9. Closing the loop with alerts and notification channels considerations

Workshop level: developers comfortable with React and CLI tools.

Building Full Stack Apps With Cursor

In this workshop I’ll cover a repeatable process on how to spin up full stack apps in Cursor.  Expect to understand techniques such as using GPT to create product requirements, database schemas, roadmaps and using those in notes to generate checklists to guide app development.  We will dive further in on how to fix hallucinations/ errors that occur, useful prompts to make your app look and feel modern, approaches to get every layer wired up and more!  By the end expect to be able to run your own AI generated full stack app on your machine!

Build and Customize a Node-Based Workflow Builder With React

Node-based user interfaces offer an intuitive and powerful way to represent complex data flows and processes. In this interactive 3-hour workshop, you’ll learn how to create engaging diagram UIs using React and the popular React Flow library. We’ll start by exploring key libraries for creating custom diagram UIs, comparing their strengths, differences, and most effective use cases. Focusing on React Flow, we’ll then build a workflow application together, introducing features such as custom nodes and edges, drag-and-drop functionality, state management, minimap and zoom controls, auto- layout, and property-editing sidebar. You’ll discover how to leverage open-source UI components designed for diagramming to enhance visual appeal and learn how to extend diagrams with custom functionality. We’ll also look at existing tools and products that can streamline your development process – so you can concentrate on implementing your business logic efficiently. By the end of this workshop, you’ll know how to unlock the potential of node-based UIs in React, enabling you to create rich, interactive applications tailored precisely to your project’s needs.

Workshop Agenda:

• Introduction to Diagram Libraries
• Building a Workflow Application with React Flow
• Implementing Advanced Interaction and Usability Features
• Enhancing the User Experience
• Extending and Scaling Your Node-based UI

Please note that this workshop assumes a comfortable working knowledge of React, so we can focus on building advanced features right from the start.

The Journey From React Frontend to Fullstack Development With Next.js

Join us as we journey from React frontend development to fullstack development with Next.js. During this workshop, we'll follow along the official Next.js Learn tutorial with Eric Burel, professional trainer and author of NextPatterns.dev. Together, we'll set up a Next.js website and explore its server-side features to build performant apps.

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.

Developing Production-Ready Apps in Collaboration With AI Agents

Coding assistants are already changing the way we develop code, and in several years they are expected to completely change how developers interact with code and write it. In this workshop, I'll share tips and best practices on using such tools as we develop the production-ready app with Zencoder.