Practical GraphQL - Become a GraphQL Ninja

Video description

A practical course to get you up to speed with the key aspects of GraphQL, including queries, mutations, scalar types, image management, authentication, and authorization

About This Video

Learn the key aspects of GraphQL and create sample applications
Explore how to create custom scalars, how authentication and authorization work in GraphQL, and much more

In Detail

Have you heard about GraphQL? Have you always wanted to understand …

Practical GraphQL - Become a GraphQL Ninja

Video description

A practical course to get you up to speed with the key aspects of GraphQL, including queries, mutations, scalar types, image management, authentication, and authorization

About This Video

Learn the key aspects of GraphQL and create sample applications
Explore how to create custom scalars, how authentication and authorization work in GraphQL, and much more

In Detail

Have you heard about GraphQL? Have you always wanted to understand GraphQL? If yes, this course will help you learn about GraphQL in a hands-on manner.

As you progress through the course, you will acquire the skills necessary to understand and work with GraphQL's basic as well as advanced features, including but not limited to the following:

Understand basic scalar types
Create custom scalars
Become familiar with resolvers and type definitions (Schemas)
Understand the importance of a data model in GraphQL
Explore how GraphQL queries work, including parameterized queries
Gain working knowledge of GraphQL mutations
Get to grips with how file uploads work using GraphQL
Learn how to serve images in the GraphQL context
Study how authentication and authorization work in GraphQL

You’ll create four sample applications:

A basic application to run GraphQL queries
An advanced application that uses React to work with GraphQL
Enhance the existing application and extend it with authentication and authorization
An application to understand how to serve/display images and upload files using only GraphQL

In this course, you’ll mostly use Apollo GraphQL services for building your apps.

Familiarity with React is required to get started with this course. You’ll use React to create several applications; however, it only covers the React parts that are relevant to the context.

Publisher resources

Download Example Code

Chapter 1 : Introduction

Introduction to GraphQL

Creating the application shell

Chapter 2 : Working with Static Data

Basic GraphQL Queries and Types

Additional basic GraphQL Queries

GraphQL Queries with Parameters

Student Challenge - create your own GraphQL Type

Solution to the Student Challenge

Chapter 3 : GraphQL Type Relationships

Type Relationships in GraphQL

Student Challenge: Create a type relationship

Solution to the Student Challenge

Chapter 4 : GraphQL Mutations

Basic mutations

Basic mutations – continued

Chapter 5 : Code refactoring

Separating Models, Schemas and Resolvers

Separating Models, Schemas and Resolvers – continued

Chapter 6 : Adding a database for GraphQL

Installing MySQL and Workbench

Serving Data from the Database

Updating GraphQL Resolvers to use the Database

Updating GraphQL Resolvers to use the Database – continued

Adding CORS to GraphQL

Chapter 7 : GraphQL and React

Getting started with React and GraphQL

Finishing up with the React and GraphQL application

Chapter 8 : Authentication and Authorisation in GraphQL

Installing the necessary dependencies

Preparing the model for authentication

Registering a user via GraphQL

Creating A JSON Web Token via GraphQL

Adding authorisation via GraphQL

Chapter 9 : Managing Images with GraphQL

Introduction to Cloudinary

Uploading images via GraphQL

Using Custom Scalars and Serving Images

Chapter 10 : Create an Application to Display an Image via GraphQL

Using Pug as a Templating System with Express and GraphQL

Accessing GraphQL Query Data From Pug - part 1

Wrapping Up the Application to Display a Profile Image

Chapter 11 : Authentication via React and GraphQL

Creating the shell of the application

User Registration via React and GraphQL

User Login via React and GraphQL

Displaying a User Profile in React Using GraphQL

Enhancing the User Profile

Creating a Logout Functionality using React and GraphQL

File (Image) Upload in the Backend (Node.js)

File (Image) Uloading using the Frontend (React, Cloudinary, GraphQL)

Creating the Final Profile to Display a Profile Image via React and GraphQL

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.