HomeCoursesBuilding Full Stack Applications with GraphQL

4.7

Beginner

15h

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.

Join 2.7 million developers at

Overview

Content

Reviews

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 GraphQL queries using an Apollo client to pull information from the back end. You’ll wrap up with an exploration of more advanced GraphQL features, including DataLoader, Apollo client caching, and testing GraphQL applications. By the end of this course, you’ll be ready to build full stack web applications using GraphQL, React, and Apollo.

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

Content

47 Lessons5 Quizzes

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

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Ivan Mushketyk

Developed by MAANG Engineers

Every Educative lesson is designed by a team of ex-MAANG software engineers and PhD computer science educators, and developed in consultation with developers and data scientists working at Meta, Google, and more. Our mission is to get you hands-on with the necessary skills to stay ahead in a constantly changing industry. No video, no fluff. Just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 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."

Software Developer

Carlos Matias La Borde

"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

Hands-on Learning Powered by AI

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

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

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.

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