Home>Courses>Building Full Stack Applications with GraphQL

Building Full Stack Applications with GraphQL

Gain insights into building full stack apps with GraphQL. Learn back-end setup, front-end integration with React, Apollo Client, and advanced GraphQL features, including caching and testing.

Beginner

47 Lessons

15h

Certificate of Completion

Gain insights into building full stack apps with GraphQL. Learn back-end setup, front-end integration with React, Apollo Client, and advanced GraphQL features, including caching and testing.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

38 Playgrounds

5 Quizzes

Course Overview

What You'll Learn

Course Content

Apply Your Skills

Course Overview

GraphQL is a rapidly growing data query and manipulation language for web APIs. A strong grasp of GraphQL is essential for any software engineer who is developing applications on the modern web. This course is a comprehensive introduction to building full-stack web applications using GraphQL. You’ll start by implementing a back end and exploring GraphQL’s unique approach to API implementation. After setting up your database, you’ll build a front-end application using React. The application will pass GraphQ...Show More

GraphQL is a rapidly growing data query and manipulation language for web APIs. A strong grasp of GraphQL is essential for any s...Show More

What You'll Learn

Understand the benefits of GraphQL and when to use it

Learn how to work with data in GraphQL and how to define GraphQL schema

Learn how to create a React application that uses GraphQL as a back end

Learn how to build authentication and authorization for a GraphQL application

Learn patterns such as caching, DataLoader, and more to implement efficient GraphQL applications

Understand the benefits of GraphQL and when to use it

Course Content

Getting Started with GraphQL

5 Lessons

Get familiar with GraphQL, sending basic and advanced queries, and the course project.

What is GraphQL?

Sending First GraphQL Queries

Advanced GraphQL Queries

Course Project Overview

Quiz: Getting Started with GraphQL

GraphQL Backend

14 Lessons

Walk through creating and organizing a GraphQL backend, from project setup to error handling.

Creating a Backend Project

Organizing the Backend Project

Implementing First Resolver

Nested Resolvers

How GraphQL Resolvers Work?

Passing Arguments to Queries

Exercise: Add Categories to the API

Setting-up a Database

Returning Data from a Database

Exercise: Read User Data from the Database

Implementing Mutations

Exercise: Implement a Mutation

Error Handling

Quiz: GraphQL Backend

Developing Frontend Application

9 Lessons

Go hands-on with React setup, Apollo Client integration, GraphQL queries, and mutations.

Setting Up a React Application

Sending GraphQL Queries with Apollo Client

Using Variables in GraphQL Queries

Using Fragments

Exercise: GraphQL Queries

Sending Mutations with Apollo Client

Client Cache and GraphQL Mutations

Exercise: GraphQL Mutations

Quiz: Developing the Frontend Application

Protecting GraphQL API

6 Lessons

Break down complex ideas on implementing secure user authentication for GraphQL APIs.

Getting Started with GraphQL Authentication

Authentication and Authorization

Implementing the login Mutation

Authorization and the logOut Resolver

Authentication on the Frontend

Quiz: Protecting GraphQL API

Advanced GraphQL

11 Lessons

Deepen your knowledge of optimizing GraphQL with DataLoader, Apollo Client caching, pagination, and testing strategies.

DataLoader Pattern

Implementing DataLoader with Apollo Server

Exercise: Implementing DataLoader

Apollo Client Cache

Updating Apollo Client Cache

Optimistic Mutation

Pagination With GraphQL

Pagination With Apollo Client

Pagination and Cache

Testing GraphQL Applications

Quiz: Advanced GraphQL

Appendix

2 Lessons

Start, troubleshoot the demo application for running and fixing common issues effectively.

Running Demo Application

Troubleshooting Demo Application

Course Author

Ivan Mushketyk

Project

Integrate GraphQL to the Ruby on Rails Application

intermediate

1 hour

Project

Integrate GraphQL to the Ruby on Rails Application

Learn to integrate GraphQL with Ruby on Rails to create a bill-splitting application that allows users to create groups and add their bills.

intermediate

1 hour

Trusted by 2.5 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Carlos Matias La Borde

Software Developer

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

"I've tried probably 5-7 different sites and Educative is easily the best. It perfectly blends explanation with interactivity"

Eric Downs

Musician/Entrepeneur

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Put your skills to the test in a simulated interview setting. Receive personalized feedback based on your performance. Available in Premium & Premium Plus plans.

Adaptive Learning

At various checkpoints throughout Educative courses, you will be prompted to take a quick assessment. Receive a condensed curriculum tailored to your strengths and skill gaps.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath