最短・最速で学ぶ GraphQL Fullstack 実践入門 - Node & Vue編

フロントエンドだけじゃない！！サーバー構築からフロント実装まで！GraphQL + Vue + Apollo + express JS + mongoDB 全て学んじゃおう！

3.40 (50 reviews)

Udemy

platform

日本語

language

Web Development

What you will learn

expressJSを使ったアプリケーション作成方法

mongoDBの設定・基本

GraphQLの言語使用

GraphQLでのデータ操作(CRUD)

GraphQLサーバーの建て方

Apollo middleware の使い方

Vue AppからGraphQLを使ってデータを取得・追加する方法

GraphQLを使ってデータを追加後にシームレスにリストを更新する方法

Vueを使ったform実装

Why take this course?

本講義は、今最も注目度の高いクエリー言語であるGraphQL + フロントエンドフレームワークとして人気の高い Vue + バックエンドフレームワークのexpressJS + NoSQLのmongoDBを使って
フルスタックアプリケーションを実装していきます。

第一章では、
実際にgraphqlサーバーをexpressJSを使ってハンズオン形式で一から構築し、GraphQLの仕様について学んでいきます。

そして、第二章では、
Vueを使ってクライアントアプリを作りながらVue + Apollo + GraphQLの開発手法について学習していきます。

本講義を受講後には
・expressJSを使ったアプリケーション作成方法
・mongoDBの設定・基本
・GraphQLの言語使用
・GraphQLでのデータ操作(CRUD)
・GraphQLサーバーの建て方
・Apollo middlewareの使い方
・VueからGraphQLを使ってデータを取得・追加する方法
・GraphQLでデータを追加後にシームレスにリストを更新する方法
・Vueによるformの実装方法
をマスターすることができます。

一緒にGraphQLを使ってフルスタックアプリケーションを実装してみましょう！

Content

はじめに

第2回 GraphQLとは

セットアップ

第3回アプリケーションのセットアップ

バックエンドアプリケーション実装

第4回 Schema定義

第5回 mongoDBへの接続

第6回 Query - GraphQLでデータを取ってこよう

第7回 Mutation - GraphQLでデータを挿入しよう

第8回 Directorデータの追加・取得

第9回リレーションの追加

第10回一覧データの取得

第11回 mutationによるデータの更新

第12回 mutationによるデータの削除

フロントエンドアプリケーション実装

第13回 Vue App 作成

第14回レイアウトの追加

第15回 Movieリスト実装

第16回 Sidenav実装

第17回 Form実装

第18回追加処理実装

第19回削除処理実装

Reviews

Manabu

January 16, 2022

・話すスピードが速すぎ・VSCodeの画面の予測変換枠が大きすぎて既存のコードがよく隠れてしまって見えない・QA回答が2021年になってから全くされていない・外部サイト（MongoDB）の変更に対して全くフォローされていない他の評価が高いコースでは上記の不満を感じたことはありませんでした。 GraphQLの講義はまだまだ少ないと思うので今後に期待しています。

前田侑紀

August 1, 2020

説明を省いているのでいまいち内容が入ってこない。ある程度実務経験がないと難しいと思いました。インストールコマンドのドキュメントがタイポしていたり、thenの処理を2回書いている部分があるなどが気になった。あとダイレクターwww

Charts

Price

Rating

Enrollment distribution

最短・最速で学ぶ GraphQL Fullstack 実践入門 - Node & Vue編 - Distribution chart