Udemy

Platform

日本語

Language

Network & Security

Category

GraphQL フルスタックWeb開発入門 (Django + React/Apollo Client)

Netflix, Facebook, GitHubが採用するGraphQLのAPI技術を学びます。Graphene Django, React Hooks + Apollo Client 3.0

4.47 (52 reviews)

Students

5.5 hours

Content

Aug 2021

Last Update
Regular Price


What you will learn

GraphQLのメリット

GitHub API Ver4 (Relay準拠)の理解

GraphQLサーバー実装(graphene-django)

GraphQLクライアント実装(React Hooks + Apollo Client 3.0)

JWT認証


Description

本コースでは、GraphQLの技術についてDjango(graphene-django)によるサーバー実装と、React Hooks/Apollo Clientによるフロントエンド実装について学んでいきます。セクション2でGraphQLの基礎を学び、セクション3、4で実践編としてオリジナル従業員管理システムを作成しながらGraphQLのサーバーサイドとクライアントの連携も含めて学習していきます。


⭐️学習ポイント

Section 2 :  基礎

  • GraphQL理論

  • GitHub GraphQL API の ドキュメント理解とハンズオン

     query, mutation, フィルター、フラグメント、変数、Node, Edge, Connection, Relay Server Specification, Cursor based pagination


Section 3:  Djangoを使ったGraphQLサーバーサイド実装

  • DjangoでGraphQLサーバー実装(Schema)

  • 従業員管理システムのハンズオン (CRUD, フィルター、Pagination)

  • JWT認証の実装


Section 4: React Hooks/Apollo Client を使ったフロントエンド実装

  • React Hooks + Apollo Client 3.0

  • サーバーサイドとの連携

  • useQuery, useLazyQuery, useMutationの使い方

  • useContext + useStateによるグローバル状態管理



Screenshots

GraphQL フルスタックWeb開発入門 (Django + React/Apollo Client)
GraphQL フルスタックWeb開発入門 (Django + React/Apollo Client)
GraphQL フルスタックWeb開発入門 (Django + React/Apollo Client)
GraphQL フルスタックWeb開発入門 (Django + React/Apollo Client)

Content

はじめに

はじめに

コースで必要なツールインストール

Graph QL入門 (GitHub API)

GraphQLとRelay Server Specification

Query : GitHub API

Node, Edges, Connection : GitHub API

Mutation : GitHub API

[実践前半] Graphene-djangoサーバー実装

GitHub Link

Django Project 作成

Models

Query Schema

Mutation Schema

GraphQL Views

GraphiQLで動作確認(Department)

GraphiQLで動作確認(Employee)

[実践後半] React + Apollo Client フロントエンド

GitHub Link

React Project 作成

useMutation + JWT

SignOut

useQuery (Employees)

useMutation (Create + Update employee)

useMutation (Delete employee)

useLazyQuery (Single Query)

useQuery (Departments)

Filtering

Pagination


3614492

Udemy ID

11/4/2020

Course created date

11/15/2020

Course Indexed date
Bot
Course Submitted by