Learning Clientside GraphQL with Apollo
Azat Mardan
  • Course duration: 2h 48m
With GraphQL and Apollo, data flow in APIs is clean, lean, and simple to master. Brought to you by Azat Mardan, best-selling author and founder of Node University, this liveVideo course will provide you with all the skills necessary to start using GraphQL and Apollo. As you build a completely self-contained application, you’ll discover firsthand how easy and effective your front-end applications can be when using GraphQL and Apollo!

About the subject

GraphQL, a data query and manipulation language, is the open source community’s answer to the growing complexity of the data landscape of front-end web applications. GraphQL’s ease of querying complex data—and returning nothing more nor less than necessary—makes it a simpler, more efficient, and flexible alternative to other web service architectures.

Built on the GraphQL specification, Apollo is a powerful set of tools and libraries which implements extensive research and feedback from the user community. Rich with features and techniques that simplify the data-layers within organizations, it makes rollouts of new deployments faster and easier.

About the video

In Learning Clientside GraphQL with Apollo, you’ll learn the benefits of using GraphQL with Apollo and how this robust stack can solve problems that can arise when working with data from front-end APIs. You’ll gain hands-on experience as you build a self-contained voting application, complete with a database and front-end and backend applications. Your project will allow users to vote a topic up or down, propose new topics, and leave comments on topics.
Table of Contents detailed table of contents

Course introduction

Course overview

About the instructor

Course prerequisites

What is GraphQL and how is different from REST?

What is Apollo and how is it different from Redux and Relay Modern?

Getting started with GraphQL

GraphQL architecture

Getting started with GraphQL

Enhancing GraphQL queries

Fetching data from a GraphQL backend using cURL

Working with GraphQL types relationships

Adding data with GraphQL mutation queries

Updating data with GraphQL mutation queries

Deleting data with GraphQL mutation queries

Query parameters last, first, before, and after

Query parameters skip, orderBy, and filter and meta queries

Schema for the Dashboard project and enhanced relationships

Apollo setup and read queries

Dashboard project overview

Demo of Dashboard views

Learning Dashboard project structure

Launching the Dashboard project starter code

Setting up the Apollo client with ApolloProvider, connecting to GraphQL backend

Referring to a GraphQL query fragment for notifications

Defining a GraphQL query fragment for notifications

Testing the implementation for notifications

Update queries (mutations) and fragments

Unit overview

Overview of the connections (relationships) between order and product types

Implementing GraphQL read query for orders

Implementing GraphQL read query for orders, part 2

Implementing GraphQL update query (mutation) for orders

Implementing GraphQL update query (mutation) for orders, part 2

Supplying multiple types of data for home

Supplying multiple types of data for home, part 2

Supplying multiple types of data for home, part 3

URL routing and pagination

Unit overview

Writing pagination query for products using first, skip, and GraphQL variables

Implementing pagination using URL query string parameters and React Router

Implementing detailed view a delete for product

Testing the pagination and delete implementation for products

graph.cool local setup

Unit overview

Setting up GraphQL backend graph.cool locally using Docker

Switching to local backend



For front-end web developers familiar with Javascript and the fundamentals of Node and HTML. Knowledge of GraphQL and Apollo may be helpful, but is not necessary.

What you will learn

  • The benefits of GraphQL and Apollo
  • The design decisions behind GraphQL and Apollo
  • GraphQL queries and mutations
  • URL routing and pagination
  • How to set up your Apollo client
  • How to create a Node GraphQL backend from scratch
  • How to build a self-contained application using GraphQL and Apollo

About the instructor

Azat Mardan is one of the leading experts on JavaScript, Node, React, and cloud technologies, who has authored multiple top-selling books and video courses, including our book React Quickly. He is a Microsoft MVP and works as an Engineering Leader at Indeed.

placing your order...

Don't refresh or navigate away from the page.
liveVideo $31.99 $39.99
Learning Clientside GraphQL with Apollo (liveVideo) added to cart
continue shopping
go to cart

Prices displayed in rupees will be charged in USD when you check out.