Learn from the best trainers in the cloud

Free workshops at JSNation

The workshops from the list below are the complimentary part of full tickets (in-person & remote). As a full ticket holder you'll get a separate email with registration link as soon as the full workshops line up is on the website.

Workshops will be run remotely via Zoom. The recordings will be shared with full ticket holders after the conference.

The program is still in progress and we'll add more sessions very soon.

Steven Yau

Make a Game With PlayCanvas in 2 Hours!

In this workshop, we’ll build a game using the PlayCanvas WebGL engine from start to finish. From development to publishing, we’ll cover the most crucial features such as scripting, UI creation and much more.

Table of contents
  • - Introduction
  • - Intro to PlayCanvas
  • - What we will be building
  • - Adding a character model and animation
  • - Making the character move with scripts
  • - 'Fake' running
  • - Adding obstacles
  • - Detecting collisions
  • - Adding a score counter
  • - Game over and restarting
  • - Wrap up!
  • - Questions
Prerequisites

An account on playcanvas.com (free) so you can follow along with the presentation.

Workshop level
Familiarity with game engines and game development aspects is recommended, but not required.
Workshop schedule & location

Date & time: June 9, 16:00-18:00 CEST. Remote via Zoom.

Miško Hevery

Building WebApps That Light Up the Internet with QwikCity

Building instant-on web applications at scale have been elusive. Real-world sites need tracking, analytics, and complex user interfaces and interactions. We always start with the best intentions but end up with a less-than-ideal site.

QwikCity is a new meta-framework that allows you to build large-scale applications with constant startup-up performance. We will look at how to build a QwikCity application and what makes it unique. The workshop will show you how to set up a QwikCitp project. How routing works with layout. The demo application will fetch data and present it to the user in an editable form. And finally, how one can use authentication. All of the basic parts for any large-scale applications.

Along the way, we will also look at what makes Qwik unique, and how resumability enables constant startup performance no matter the application complexity.

Prerequisites
Workshop schedule & location

Date & time: June 12, 16:00-19:00 CEST. Remote via Zoom.

Yehuda Katz

Build a Universal Reactive Data Library with Starbeam

This session will focus on Starbeam's universal building blocks. We'll use Starbeam to build a data library that works in multiple frameworks.

We'll write a library that caches and updates data, and supports relationships, sorting and filtering.

Rather than fetching data directly, it will work with asynchronously fetched data, including data fetched after initial render. Data fetched and updated through web sockets will also work well.

All of these features will be reactive, of course.

Imagine you filter your data by its title, and then you update the title of a record to match the filter: any output relying on the filtered data will update to reflect the updated filter.

In 90 minutes, you'll build an awesome reactive data library and learn a powerful new tool for building reactive systems. The best part: the library works in any framework, even though you don't think about (or depend on) any framework when you built it.

Table of contents
  • - Storing a Fetched Record in a Cell
  • - Storing multiple records in a reactive Map
  • - Reactive iteration is normal iteration
  • - Reactive filtering is normal filtering
  • - Fetching more records and updating the Map
  • - Reactive sorting is normal sorting (is this getting a bit repetitive?)
  • - Modelling cache invalidation as data
  • - Bonus: reactive relationships
Workshop schedule & location

Date & time: June 14, 18:00-19:30 CEST. Remote via Zoom.

Alex Korzhikov, Andrew Reddikh

How to Convert Crypto Currencies With GRPC Microservices in Node.js

The workshop overviews key architecture principles, design patterns, and technologies used to build microservices in the Node.js stack. It covers the theory of the GRPC framework and protocol buffers mechanism, as well as techniques and specifics of building isolated services using the monorepo approach with lerna and yarn workspaces, TypeScript. The workshop includes a live practical assignment to create a currency converter application that follows microservices paradigms. It fits the best developers who want to learn and practice GRPC microservices pattern with the Node.js platform.

Prerequisites
Workshop schedule & location

Date & time: June 16, 15:00-18:00 CEST. Remote via Zoom.

Matteo Collina

Build and Deploy a Backend With Fastify & Platformatic

Platformatic allows you to rapidly develop GraphQL and REST APIs with minimal effort. The best part is that it also allows you to unleash the full potential of Node.js and Fastify whenever you need to. You can fully customise a Platformatic application by writing your own additional features and plugins. In the workshop, we’ll cover both our Open Source modules and our Cloud offering:

  • Platformatic OSS (open-source software) — Tools and libraries for rapidly building robust applications with Node.js (oss.platformatic.dev).
  • Platformatic Cloud (currently in beta) — Our hosting platform that includes features such as preview apps, built-in metrics and integration with your Git flow (platformatic.dev).

In this workshop you'll learn how to develop APIs with Fastify and deploy them to the Platformatic Cloud.

(We’ll be shipping lots more features at JSNation, stay tuned for updates!)

Workshop schedule & location

Date & time: June 7, 16:00-19:00 CEST. Remote via Zoom.

Mike Hartington

Bringing Your Web App to Native With Capacitor

So, you have a killer web app you've built and want to take it from your web browser to the App Store. Sure, there are a lot of options here, but most will require you to maintain separate apps for each platform. You want your codebase to be as close as possible across Web, Android, and iOS. Thankfully, with Capacitor, you can take your existing web app and quickly create native iOS and Android apps for distribution on your favorite App Store!

Contents: This workshop is aimed at beginner developers that have an existing web application, or are interested in mobile development. We will go over:

  • What is Capacitor
  • How does it compare to other cross-platform solutions
  • Using Capacitor to build a native application using your existing web code
  • Tidying up our application for distribution on mobile app stores with naming conventions, icons, splash screens and more

Workshop level
Beginner.
Workshop schedule & location

Date & time: May 23, 16:00-19:00 CEST. Remote via Zoom.

Witek Socha

Build a Collaborative Notion-Like Product in 2H

You have been tasked with creating a collaborative text editing feature within your company’s product. Something along the lines of Notion or Google Docs.

CKEditor 5 is a feature-rich framework and ecosystem of ready-to-use features targeting a wide range of use cases. It offers a cloud infrastructure to support the real-time collaboration system needs. During this workshop, you will learn how to set up and integrate CKEditor 5. We will go over the very basics of embedding the editor on a page, through configuration, to enabling real-time collaboration features. Key learnings: How to embed, set up, and configure CKEditor 5 to best fit a document editing system supporting real-time collaboration.

Table of contents
  • - Introduction to the CKEditor 5 ecosystem.
  • - Introduction to a “Notion-like” project template.
  • - Embedding CKEditor 5 on a page.
  • - Basic CKEditor 5 configuration.
  • - Tuning up CKEditor 5 for a specific use case.
  • - Enabling real-time editing features.
Workshop level
Intermediate.
Workshop schedule & location

Date & time: TBC. Remote via Zoom.

Trainers

Steven Yau
PlayCanvas, UK

An experienced games developer with over a decade’s worth of experience ranging from AAA console games, XR and F2P mobile games for some of the largest companies in the games industry.

Loves to learn, solve problems and challenges, be it technical, managerial or design related to create user impact and experiences.

Worked with cross discipline teams, both large and small, mentored team members and students and has managed multiple stakeholders to build cohesive project roadmaps.

Wants to create great products and have some fun along the way (๑˃ᴗ˂)ﻭ

Miško Hevery
Builder.io, Qwik Creator, USA

As CTO, Miško oversees the technology division that powers the Builder.io applications and software. Before joining Builder.io, he created Open Source platforms for Google, including Angular, AngularJS and was co-creator of Karma. While at Google, he brought a testing culture there with his blog. Before focusing on making the web better, he believes testing is the key to success.

Miško started his career designing digital circuits and moved to databases, full-stack development and finally, front-end frameworks, giving him a unique perspective. He understands all of the layers from the web down to a transistor. In addition to Google, he worked for tech powerhouses Adobe Systems and Sun Microsystems.

He holds an MS/BS from Rochester Institute of Technology and an MBA from Santa Clara University.

Yehuda Katz
Tilde, Inc., USA

Over the years, Yehuda has worked on a number of open source projects, including Ruby on Rails, jQuery and Rust. He also created some of his own, including Handlebars, Ember.js and Cargo (Rust's package manager). At the moment, he's working on a new library that extracts the best part's of Ember's auto-tracking reactivity system into a package that you can use in any UI framework. That's what this talk is about!

Alex Korzhikov
Instructor, Mentor, Netherlands

My primary interest is self development and craftsmanship. I enjoy exploring technologies, coding open source and enterprise projects, teaching, speaking and writing about programming - JavaScript, Node.js, TypeScript, Go, Java, Docker, Kubernetes, JSON Schema, DevOps, Web Components, Algorithms 👋 ⚽️ 🧑‍💻 🎧

Andrew Reddikh
Redco, UK

Passionate software engineer with expertise in software development, microservice architecture, and cloud infrastructure. On daily basis, I use Node.js, TypeScript, Golang, and DevOps best practices to build a better tech world by contributing to open source projects.

Matteo Collina
Platformatic, Italy

Matteo is the Co-Founder and CTO of Platformatic.dev with the goal to remove all friction from backend development. He is also a prolific Open Source author in the JavaScript ecosystem and modules he maintain are downloaded more than 12 billion times a year.

Previously he was Chief Software Architect at NearForm, the best professional services company in the JavaScript ecosystem. In 2014, he defended his Ph.D. thesis titled "Application Platforms for the Internet of Things".

Matteo is a member of the Node.js Technical Steering Committee focusing on streams, diagnostics and http. He is also the author of the fast logger Pino and of the Fastify web framework.

Matteo is an renowed international speaker after more than 60 conferences, including OpenJS World, Node.js Interactive, NodeConf.eu, NodeSummit, JSConf.Asia, WebRebels, and JsDay just to name a few. He is also co-author of the book "Node.js Cookbook, Third Edition" edited by Packt.

In the summer he loves sailing the Sirocco.

Mike Hartington
Ionic, USA

Mike is a developer, Google Developer Expert, and Director of Developer Relations at Ionic who's been working in the mobile landscape for most of his professional career. When he's not working Ionic itself, Mike works with community members and helps them succeed at mobile. In his spare time, he’s an aspiring woodworker, occasional musician, and craft beer lover.

Witek Socha
CKEditor, Poland

Currently working with the CKEditor 5 core team on the editor framework, its ecosystem, and developer experience. Ex-developer turned into a product person but still codes for fun and brain practice. Strong opinions weakly held, and often overruled by his two kids.