Learn from the best cherry-picked trainers

Workshops
on June 3 and 4

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

Table of contents
  • Authentication
  • GraphQL API with AWS AppSync
  • REST API with a Lambda Function
  • Adding Storage with Amazon S3
  • Hosting
  • Analytics
  • Removing / Deleting Services
Workshop level
Intermediate Javascript developers.
Workshop schedule
June, 3 starting 9:00 till 17:00
Location

RAI

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.

Table of contents
  • Thinking in GraphQL: Switching from REST to GraphQL; Schema Fundamentals; GraphQL API
  • Scheme Design
  • Real-world GraphQL
Prerequisites
JavaScript developers with some experience implementing REST APIs (ideally in Node.js). No experience with GraphQL is required to attend this workshop.
Workshop level
Beginner/intermediate Node.js developer.
Workshop schedule
June, 3 starting 9:00 till 17:00
Location

RAI

Full-day, hands-on coding workshop to explore advanced patterns and new features in React. React may be just a simple UI library, but it involves a pretty big ecosystem around it. Explaining the basics and internals is not enough, so in this module we're going to explain the best practices, we're going to learn to "think in React", and apply solutions to real problems that you might encounter in the process of building an app.

We'll explore all the advanced techniques for making flexible and maintainable React components. We'll see how using popular patterns like Higher Order Components, Compound Components, Render Props etc. can help us in simplifying things, making our components more reusable and our apps more declarative.

React 16 comes with some major changes and an update to the core algorithm. In this module, we'll explore some practical use-cases for Hooks, Portals, Fragments, Error Boundaries etc. We'll see how the new Context API can simplify state-management and we'll play with a new feature called react-call-return.

Table of contents
  • Hooks
  • React Context API
  • Higher Order Components
  • Render Props
  • Compound Components
  • Practical use-cases for Portals, Fragments, React.lazy and Suspense<
  • and more..

Learn more about workshops from Kitze on his website.

Prerequisites
Experience with modern JavaScript features and fundamental React concepts.
Workshop level
Intermediate/Advanced JavaScript/React Developers.
Workshop schedule
June, 3 starting 9:00 till 17:00
Location

RAI

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.

Table of contents

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.
Workshop level
Mid-Senior Javascript developers.
Workshop schedule
June, 4 starting 9:00 till 17:00
Location

RAI

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.

Table of contents
  • 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...
Prerequisites
Familiarity with React, JavaScript and modern syntax features (ES2015).
Workshop schedule
June, 4 starting 9:00 till 17:00
Location

RAI

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.

Table of contents
  • 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
Prerequisites
Installed software – NPM, git, VSCode (or other IDE of choice), docker (for running backend).
Workshop level
Junior/medior level of frontend knowledge.
Workshop schedule
June, 4 starting 9:00 till 12:00
Location

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.

performance-demo

Workshop schedule
June, 4 starting 9:00 till 12:00
Location

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.

Table of contents
  • 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
Prerequisites
Bring your own notebook (Linux, Mac or Windows) with Node.js installed.
Workshop level
Anyone interested in Robotics.
Workshop schedule
June, 4 starting 9:00 till 12:00
Location

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.

Workshop schedule
June, 4 starting 13:00 till 17:00
Location

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.

Table of contents
  • 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.
Prerequisites
To better enjoy this session, participants will be asked to have good knowledge of JavaScript.
Workshop schedule
June, 4 starting 13:00 till 17:00
Location
Trainers
AWS, USA

Web / Mobile / GraphQL enthusiast. DevRel at Amazon AWS. Co-organizer of NYC GraphQL meetup.

Amazon AWS, USA

Nader has been developing with React Native for over 2.5 years. He has worked with and trained developers from fortune 500 companies like Amazon, Visa, American Express, and Microsoft, helping them to get up to speed with React Native as quickly as possible.

React GraphQL Academy, UK

Founder at React GraphQL Academy and LeanJS. Developer and Coach passionate about JavaScript, React and GraphQL. Organizer of the JavaScript London Meetup and other popular meetups in the EU.

React Academy, Poland

Kitze founded React Academy to teach React and GraphQL around the world. He's the maker of Sizzy - the browser for designers and developers. He's documenting his journey on YouTube. He made products like JSUI, Twizzy, Lucky Retweet, OK Google, etc.

NearForm, Italy

Node.js TSC member, PhD, Technical Director @ NearForm, IoT Expert, Consultant, author of Pino and Fastify. Co-author of the book "Node.js Cookbook, Third Edition" edited by Packt.

Contiamo, Germany

Tejas enjoys people, code, and talking about code to people. Having begun coding at age 8, today Tejas travels around the world, encouraging, educating and empowering developers in the web development community.

ING, Netherlands

Mikhail is a developer with 10 years of expertise building web applications. He used a variety of frameworks, throughout his career starting with jQuery , AngularJS and Polymer; then he discovered VueJS and used it for several projects. Since 2019 he became a happy user of Svelte v3. Besides fullstack development for enterprise companies Mikhail is doing open source projects and speaks on meetups and conferences about various topics in modern web development. Mikhail runs a local ​Svelte meetup group in Amsterdam​.

Software Engineer, Netherlands

Software engineer, team lead, ​instructor​, mentor, and ​author of technical materials​ in JavaScript, Node, ​JSON-Schema​, Web Components, TypeScript.

Hydra, Colombia

Programmer and artist who works frequently with open-source software, cartography, live coding, and experimental interfaces. She is the developer of Hydra, a platform for live-coding visuals inspired by analog video synthesis. She works with the performance laboratory ATI-erra, creating interactive visuals for dance and theater. She has also created software and interactive installations for CultureHub Art & Technology Center, el Museo de Bogotá, and Oakland Museum of California. Originally from San Francisco, she currently lives and works in Bogotá, Colombia.

Nodebots Switzerland, Switzerland

Markus works as the CEO and CTO of make.human.technology, where his focus is to make and keep technology human friendly. In his spare time, he likes to tinker with hardware, electronics and robots and thus this was how nodebots was born, at the intersection of the web and hardware.

Independent Software Consultant and Trainer, Netherlands

Maurice de Beijer is an independent software consultant and trainer. He specializes in JavaScript, React, and ASP.NET Core. His work includes a large, global, safety application for the oil and gas industry. Maurice is also active in the open source community. He teaches ECMAScript, TypeScript, React, RxJS and ASP.NET courses. Since 2005, he has received Microsoft’s Yearly Most Valuable Professional Award. Maurice is also active in the Dutch dotNed user group and helps organize its meetings.

Hackages, Belgium

Corentin is an Open Source Engineer, where he has been working mostly with JavaScript and especially with ReactJS. He's very interested in topics such as GraphQL, and OCaml/ReasonML. One of his favourite hobbies is to learn new technologies/concepts and when possible participate to open source project and to share what he has learnt.

At Hackages, he has assisted in JavaScript formal trainings, built and run workshops on React, React Native, TypeScript and GraphQL and acted as a consultant with international companies including BIL and Supply Stack.