Learn Graphql

screenshot of Learn Graphql
angular
react
vue

Real world GraphQL tutorials for frontend developers with deadlines!

Overview

Hasura's learning platform offers an exceptional resource for frontend developers looking to master GraphQL through structured, community-maintained tutorials. Designed to take you from the fundamentals to building a real-time application in just two hours, it caters to various frameworks and languages, ensuring a comprehensive learning experience. The platform emphasizes open-source contributions and collaboration, making it an excellent choice for developers who enjoy learning in a community-driven environment.

Features

  • Diverse Tutorial Series: Choose from a wide range of topics including Frontend, Backend, and GraphQL basics, catering to both new and experienced developers.
  • Framework Support: Offers tutorials for popular frameworks such as React, Angular, Vue, and even languages like TypeScript and Elm, enhancing your versatility as a developer.
  • Real-Time Application Building: Learn through practical examples that enable you to build a complete real-time application within a short timeframe.
  • Open Source Community: Emphasizes collaboration, allowing you to contribute to tutorials and learn alongside other developers.
  • Step-by-Step Guidance: Each tutorial is crafted to provide clear instructions, making complex concepts easier to grasp and apply.
  • MIT License: Utilizes a permissive open-source license, granting you the freedom to use and modify the tutorials as needed.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

Flutter

Flutter is an open-source UI framework developed by Google that allows developers to create high-performance, cross-platform mobile applications with a single codebase.

apollo
Apollo

Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.

graphql
Graphql

A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.

hasura
Hasura

Hasura is a GraphQL engine that provides instant, realtime GraphQL APIs over your databases. It offers built-in authorization, event triggers, and remote schemas to help developers build scalable GraphQL backends without writing any backend code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.