Learn from the best cherry-picked trainers

In this workshop we'll learn how to build cloud-enabled web applications with React & AWS Amplify.

• Authentication
• GraphQL API with AWS AppSync
• REST API with a Lambda Function
• Adding Storage with Amazon S3
• Hosting
• Analytics
• Removing / Deleting Services

GraphQL is an excellent technology to model data and expose it in a very flexible way. It enables product teams to compose data requirements on the client and efficiently query APIs. However, this new paradigm also brings new concerns and potential issues. In this workshop, you will learn how to effectively migrate REST APIs to GraphQL avoiding common pitfalls.

• Thinking in GraphQL: Switching from REST to GraphQL; Schema Fundamentals; GraphQL API
• Scheme Design
• Real-world GraphQL

JavaScript developers with some experience implementing REST APIs (ideally in Node.js). No experience with GraphQL is required to attend this workshop.

Vue 3 introduces a lot of exciting new features and improvements to the framework. Learn what's coming and how to take advantage of the new features through a full-day of hand-on training from the Vue School founders! We will introduce you to all the new goodies and focus on deeply understanding the composition API through exercises on reusability, composition, and code organisation.

• Overview of Vue 3.0
• Composition API: What it is, what does it solve, pros/cons,
• Composition API vs Option API
• Composition API through code examples
• Vue.js Portals
• Exercises based on Vue 3.0 alpha

Node, npm or yarn, code editor (vs code or webstorm recommended), terminal.

At 10am on Black Friday, your phone rings: the new JS application you deployed came under too much load, and the site has gone down! Your employer is losing sales opportunities... your employer is losing money! But you don’t lose your cool. You log into your cloud provider and tweak your autoscaling settings. Now the deployment can handle the load spike but with four times the number of servers, which is four times the cost. The next day, you try to analyze what happened and begin to optimize your application to prepare for future load spikes. This workshop is a journey into the world of Node.js performance, taking a look at the available tools and optimization techniques inspired by insight gained from glimpsing under the hood of Node and V8.

Morning – Introduction to Node Clinic:

• Solving performance problems
• Problems within Node.js applications
• Promises, Async/Await
• Diagnosing and solving problems in external services
• Exercise: resolving different performance problems (I/O, event loop) with the use of Node Clinic.

Afternoon – Flamegraph Deep Dive:

• When to optimize
• Benchmarking Overview: Load Testing, Soak Testing, Micro-benchmarking
• Performance Workflow.

TypeScript is taking the web platform by storm, mainly because it is so syntactically similar to JavaScript, but comes with powerful scalability features that create more robust products. In this workshop, we will examine an existing JavaScript codebase, port it over to TypeScript, and refactor parts of it to see the value TypeScript can provide.

• Intro to TypeScript and types
• The basics: Primitives, interfaces, classes, generics
• Practical take on JS project migration
• "any", "never", and "unknown". Your buddies for life!
• Real-life benefits - easy refactorings, autocomplete
• and more...

Familiarity with React, JavaScript and modern syntax features (ES2015).

Natural languages play an important role on the web in the form of content and comments. Texts hold information that can be quite hard to extract but can enable you to further automate your website. In this workshop we will use Machine Learning to create an automated text tagging system. With this tool we can suggest tags for the comments/blogs of your visitors on your website.

• Introduction into deep learning
• Word embedding
• Preprocessing your text
• Training a neural network in NodeJS using TensorflowJS
• Inference model in your front-end

Experience with JavaScript and NodeJS. NodeJS installed on your laptop. You do not need experience with Machine Learning.

Svelte is a new prominent JS framework exposing “write less do more” philosophy. During this workshop you will get proficiency as a Svelte developer. We will be building an app that mimics the famous Q&A website stackoverflow.com. Will start developing from simple front end components, later we'll connect it to a real running backend and then test it and optimise for production. Attending a workshop is the fastest way to acquire a body of knowledge about building web apps with Svelte.

• Introduction & Local Configuration
• Why Svelte?
• Setup App & Create Components
• Make App Modular with Routing & First Class UX
• Add Real Data & State Management
• Test and Prepare App for Production

Installed software – NPM, git, VSCode (or other IDE of choice), docker (for running backend).

Hydra is a platform for live coding visuals in Javascript, in which each connected browser window can be used as a node of a modular and distributed video synthesizer. Multiple visual sources (oscillators, cameras, application windows, other connected windows) can be transformed, modulated, and composited via combining sequences of functions. The workshop will explore this flexible system to experiment with recursive and chaotic systems – fractals, fluid simulations, and tessellations - as elements of live performance.

In this 3h practical Workshop for Robotics Beginners you’ll build your own Sumobot and then learn how to program it with JavaScript. We end with a sumo-style Battle of the Bots.

• Javascript Robotics Primer
• Building the Sumobot (3-wheeled, battery-powered, wireless Robot)
• Installation and Configuration of the Robot Brain (Microcontroller plus Motor Driver)
• Programming your Robot using JavaScript and the johnny-five framework

Bring your own notebook (Linux, Mac or Windows) with Node.js installed.

React keeps on evolving and making hard things easier for the average developer. One case, where React was not particularly hard but very repetitive, is working with AJAX request. There is always the trinity of loading, success and possible error states that had to be handled each time. But no more as the <Suspense /> component makes life much easier. Another case is performance of larger and complex applications. Usually React is fast enough but with a large application rendering components can conflict with user interactions. Concurrent rendering will, mostly automatically, take care of this.

Join Maurice with your laptop in this interactive workshop. You will learn all about using , showing loading indicators and handling errors. You will see how easy it is to get started with concurrent rendering. You will make suspense even more capable by combining it with concurrent rendering, the useTransition() hook and the component.

During this workshop, you will learn the basics about GraphQL – the query language created by Facebook. We will give you an introduction to GraphQL and why it could be a better fit for your next web api compared to REST. After this introduction, we will do some practices and write our own GraphQL server in JavaScript.

• How to define a GraphQL schema
• How to create query types and implement resolver functions
• How to consume the GraphQL API we have created by making queries and mutations throughout the wonderful GraphQL interface.

To better enjoy this session, participants will be asked to have good knowledge of JavaScript.