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

This course includes

38 Playgrounds

5 Quizzes

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

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

What You'll Learn

Understand the benefits of GraphQL and when to use it

Course Content

Getting Started with GraphQL

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

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

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

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

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.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

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!