GraphQL Training For
Frontend Engineers

GraphQL training in London, Berlin and Europe.
From the maintainer of PostGraphQL.

2 Day GraphQL course for
frontend engineers

GraphQL is a revolutionary API technology combining intuitively structured data with a strong type system and powerful tooling, enabling engineers to quickly produce reliable and performant applications.

This 2 day course gives React developers the experience and intuitions to create GraphQL applications rapidly and on the right footing. Starting with learning the core concepts and how to use queries, mutations and fragments, the course progresses to building advanced skills in areas such as authentication, caching, optimistic updates and debugging.

Target Audience

  • React developers and teams looking to take advantage of the benefits of GraphQL right away.
  • Developers who’ve recently started with GraphQL and are looking to build a more solid understanding.
  • Developers looking to expand their skills in order to chase a new job, pay rise or consultancy opportunities.

Syllabus

Day 1: GraphQL Core

  • GraphQL fundamentals (including: why use GraphQL versus REST?).
  • Introduction to GraphQL terminology and understanding GraphQL schemas.
  • Methods of exploring a GraphQL schema.
  • Performing simple queries and mutations using GraphiQL.
  • Performing queries/mutations using HTTP.
  • Specifying component data requirements locally through fragments.
  • Introduction to GraphQL object stores/caches, normalisation.
  • Considerations for API maintenance, deprecations.

Day 2: Building with
GraphQL and Apollo/Relay

  • Apollo Basics: adding Apollo GraphQL client to a React app.
  • Authenticating GraphQL requests: including JWTs and sessions/cookies.
  • Advanced Apollo: exploring Apollo options and HOCs.
  • Simplification: removing unnecessary state from your app.
  • Debugging: using the DevTools for an improved debugging experience.
  • Advanced mutations: telling the Apollo object store what to do when it’s not obvious.
  • Optimistic updates: slick interface for users.
  • Where to next: a brief overview of related technologies.

Audience Requirements

All attendees must bring a laptop with git, the latest version of Google Chrome, the React Developer Tools Chrome extension, and Node v8.6 or higher with the associated npm installed.

The course material assumes a working knowledge of ES2017, including concepts such as destructuring assignment, `async`/`await` and promises. A good understanding of React - particularly concepts like state management, lifecycle methods and higher order components - is advised. We’re happy to send primers for those not yet comfortable with these technologies.

20 Years Combined Experience



Benjie Gillam

Benjie has been writing applications, servers and APIs professionally for over a decade. As part of maintaining PostGraphQL, a popular OSS project that generates a GraphQL API from your existing PostgreSQL database schema, Benjie built the Graphile suite of tools for building scalable GraphQL schemas through plugins. He sees GraphQL as one of the biggest advancements in web API technology during his career.

Jof Arnold

Jof started with JavaScript in 1998 with Microsoft’s release of Internet Explorer 3. Since then he has worked at the cutting edge of the frontend stack, being amongst the first in 2013 to introduce React to a large-scale production application. Jof brings a user-centric approach to frontend technologies. He is a regular speaker and contributor to the London tech scene in all matters frontend.

On-site, Off-site or Remote

Every organization’s need is different which is why we love to work with teams on site, customizing the syllabus to meet your needs. With a decade of experience in building products and consulting with small startups through to household name media companies, we understand how to help your developers achieve the very best…

Need a remote or external location? We can do that too. We conduct bespoke online webinars and can host up to 20 developers at central locations in all major European cities.

Contact us for more details.

Teaching Style

We find that most people learn best by doing, so our courses have multiple cycles of listening to a short presentation and then performing a programming exercise using the techniques discussed. This gives the student opportunity to solidify their understanding, experiment and even to make mistakes and learn how to fix them.

We operate a buddy system where each student is paired with another so they can help each other to solve any problems, and our teachers will be on-hand to help clarify any uncertainties and guide how to fix issues.

Projects
  • PostGraphileInstant GraphQL API from a PostgreSQL database schema
  • Graphile BuildTools to build pluggable, performant GraphQL APIs