Learn from the best cherry-picked trainers
on June 3 and 4
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
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.
- 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.
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...
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
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
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
useTransition() hook and the
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.
Web / Mobile / GraphQL enthusiast. DevRel at Amazon AWS. Co-organizer of NYC GraphQL meetup.
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.
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.
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.
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.
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.
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, team lead, instructor, mentor, and author of technical materials in JavaScript, Node, JSON-Schema, Web Components, TypeScript.
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.
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.
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.
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.