GraphQL with Angular: Build Frontend Apps with GraphQL from Scratch (without REST)
If your goal is to build Angular applications that communicate with a GraphQL-based server, you’re in the right place.
This course does not require prior knowledge of Angular to get started, although some familiarity will certainly make the learning process smoother.
What you’ll learn
- introduction to GraphQL.
- using HttpClient for communicating with a GraphQL API.
- using Apollo Client for communicating with a GraphQL API.
- GraphQL schema.
- queries and mutations to retrieve and modify data from the backend.
- managing application state and data flow using Apollo’s caching.
- changing manually cache state.
- error handling with graphql.
- build frontend CRUD app with GraphQL from scratch.
- making subscriptions.
Course Content
- Introduction of GraphQL –> 2 lectures • 7min.
- Setup –> 10 lectures • 24min.
- GraphQL basics –> 2 lectures • 3min.
- Integrating GraphQL with Angular –> 3 lectures • 16min.
- Queries, pagination and fragments with apollo-angular –> 23 lectures • 1hr 22min.
- Error handling, cache –> 5 lectures • 19min.
- Mutations –> 7 lectures • 53min.
- Subscriptions –> 4 lectures • 14min.
Requirements
If your goal is to build Angular applications that communicate with a GraphQL-based server, you’re in the right place.
This course does not require prior knowledge of Angular to get started, although some familiarity will certainly make the learning process smoother.
Throughout the course, you’ll learn everything you need to effectively use GraphQL in your frontend projects – from understanding the basics of GraphQL queries, mutations, and schemas, to integrating with APIs using both HttpClient and Apollo Client.
We’ll also cover how to manage application state with Apollo’s cache system, handle errors, and implement real-time updates using subscriptions!
In that course, you’ll create a complete CRUD application in Angular that communicates with a GraphQL backend — step by step, from scratch. Course focuses on practical, real-world examples.
All lessons were designed with a beginner-friendly approach in mind, but it’s completely natural to have questions if you haven’t worked with the Angular framework before.
We will be working with Angular version 19, but the examples used in the course have been written in a way that ensures compatibility with older versions of Angular as well.
Don’t worry about that, if you have any questions during the course, don’t hesitate to ask in the Q&A section or send me a direct message.
I’m here to help and will gladly assist you with any problems you encounter ; )