Learn from the best trainers in the cloud
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.
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.
- - 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
An account on playcanvas.com (free) so you can follow along with the presentation.
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.
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.
- Your Favorite IDE (We will use Visual Studio Code)
- Node v18
- git
Date & time: June 12, 16:00-19:00 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.
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.
- Good understanding of JavaScript or TypeScript
- Experience with Node.js and writing Backend applications
- Preinstall Node.js, npm
- Preinstall Protocol Buffer Compiler
- We prefer to use VSCode for a better experience with JavaScript and TypeScript (other IDEs are also ok)
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!)
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!)
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
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
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.
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.
- - 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.
Date & time: TBC. Remote via Zoom.
Trainers
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 (๑˃ᴗ˂)ﻭ
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.
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!
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 👋 ⚽️ 🧑💻 🎧
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 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.