강의

멘토링

커뮤니티

BEST
Programming

/

Full-stack

フルスタックリアクトトイプロジェクト - REST, GraphQL (for FE開発者)

ReactベースのシンプルなSNSサービスを作成しながら、REST APIとGraphQLを練習します。 フロントエンド開発のためのバックエンド環境を簡単かつ簡単にする方法を紹介します。

難易度 初級

受講期間 無制限

  • jaenam
REST API
REST API
GraphQL
GraphQL
React
React
REST API
REST API
GraphQL
GraphQL
React
React

学習した受講者のレビュー

受講後に得られること

  • React

  • ローカルデータベースとサーバーの作成

  • REST API

  • GraphQL

  • CRUD

フロントエンド開発者、レベルアップ!
データ通信に対する自信を育ててください。

この講義では

REST API, GraphQL, ReactJS for Front-end

REST APIおよびGraphQLの使用方法を理解し、
単純なデータベースを構築することによって
ポートフォリオにご活用ください!

フロントエンド開発者の就職を目指してポートフォリオを準備していますか? このレッスンでは、React(リアクト)ベースの簡単なSNSサービスを作成するトイプロジェクトクローンコーディングを通じて、クライアントコードだけでなく、サーバーとDBまでの両方を直接作成します。


サーバーに対する漠然とした恐怖
解決したいですか?

最近フロントエンド就職準備中の方々を対象にメンタリングをしてみると、多くの方々がサーバーサイド学習に負担を感じていましたね。

サーバーサイド学習を取り巻く
初心者FE開発者の悩み。

「バックエンド環境の構築に大きな負担を感じます。」

「GraphQLを書いてみたいのですが、バックエンドの助けなしでどのように始めるのかわかりません。」

「就職を控えてMongoDB、MySQL、Firebaseなどを学習するのは果たして正しいのでしょうか?」

私も同じ苦情を経験してきた専攻者として、これまで私が積み重ねたノウハウを皆さんに共有していきたいと思います。

  • JSONをDBに書き込む方法を適用すると、サーバーとデータベースの知識がほとんどなくても、データ通信の練習に問題はありません。
  • REST APIをGraphQLに変換する練習により、GraphQLを導入するのに十分な知識を身につけることができます。
  • 就学生なら、MongoDB、MySQL、Firebaseなどは後で必要なときに学習しても遅くはありません。

データ通信について
自信を育ててみてください。


こんな方へ
おすすめです。

就職準備生

フロントエンド就職
準備している
非専攻者

フロントジュニア

ノウハウを手に入れたい
現職フロントエンド
開発者もOK!

一度に練習

REST API、GraphQL
両方を
練習したい方

このような方には特に役に立ちます。

✅ サーバーサイド学習に負担を感じる方
✅単独でポートフォリオまたはトイプロジェクトを進めたいフロントエンド開発者
✅開発段階でapiが用意される前にフロントエンド開発を急いでほしい現職フロントエンド開発者


この講義の特徴

ローカルDBを構築するため
最小限のCRUD
機能だけを扱うことによって
学習負担が少ない。

文法中心の説明の代わりに、
実際に使われる例を中心に
実戦開発能力
することができます。

実際の開発プロセス
そのままによると
自然に全体的な流れ
把握できます。

受講前にご確認ください!

  • プレーヤーの知識として、React、YARN、npm関連の知識が必要です。
  • 完全なコードは羽毛で確認することができます。

学習内容

1. Client - 基本機能の実装

React と Next.js ベースのフロントエンド開発を開始します。

2. Server - REST APIの実装

Node.jsでExpress(Express)フレームワークに基づいてサーバーを駆動します。JSONでDBを構築し、ルートを作成します。

3. Client - REST API 通信

クライアントはREST API通信を介して実際のデータに基づいてCRUDを完成させます。

4. Server - GraphQLの実装

Apollo Serverに基づいてサーバーをGraphQL文法に変更します。

5. Client - GraphQL通信

クライアントにGraphQL通信を適用します。無限スクロール専用のreact-query APIも学習します。


予想される質問 Q&A

Q. 非専攻者も聞ける講義ですか?

はい、非専攻者を対象にフロントエンド開発に必要な最小限のバックエンド環境を構成できることを目指します。

Q. 講義を聞く前に準備すべきことはありますか?

Node.js(ノード)、Yarnがインストールされている必要があります。

Q. 講義を必ず聞かなければなりませんか?

そうでありませんでした。

ただ、講義全般にわたって言葉を通じて伝えてくれる私の意識の流れは、フェッヘットコードだけでは得られないでしょう。


知識共有者の
他の講義が気になったら?

コアJavaScript (クリック)

Javascript ES6+を正しく学ぶ - 初心者 (クリック)

Javascript ES6+を正しく学ぶ - 中級(クリック)

Javascript ES6+を正しく学ぶ - ボーナス(クリック)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド就任生

  • 現職のフロントエンド開発者

前提知識、
必要でしょうか?

  • React

  • yarn/npm

こんにちは
です。

32,894

受講生

689

受講レビュー

395

回答

4.8

講座評価

11

講座

안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.

저서: 코어 자바스크립트

유튜브 채널: FE재남

아티클 및 인터뷰 영상:

カリキュラム

全体

25件 ∙ (3時間 37分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

41件

4.7

41件の受講レビュー

  • sshusshu님의 프로필 이미지
    sshusshu

    受講レビュー 7

    平均評価 5.0

    5

    48% 受講後に作成

    いつも他の講義では簡単に触れませんでしたが、 フロントエンド開発者に必ず必要な講義のようです! プエンの開発もサーバー側の知識が必要だからといってフルスタックを勉強しなければならないのか、まさにいましたが、比較的簡単に基本的な通信概念を理解して経験してみることができてとても良かったです。

    • xiuxiu님의 프로필 이미지
      xiuxiu

      受講レビュー 2

      平均評価 4.0

      5

      48% 受講後に作成

      先生こんにちは!虎の本も一生懸命読んでいました(大きな声)!フルスタックプロジェクトを探していますが、川の新しく開いたのを見て、光の速度で決済(アーリーバード🐶ゲイン!)して争っておいて、今学び始めました。まだセクション1しか見ていないが簡潔だがコアだけを説明してくれる点とても良くなってしまうし、少しだけずっと追加対応アップしてくださるのも完全サービットしてください。 知らない場合は、もう一度質問でお会いしましょう。 私も下の文のようにts追加バージョンも待ってみます!

      • mark42님의 프로필 이미지
        mark42

        受講レビュー 2

        平均評価 5.0

        5

        28% 受講後に作成

        短期間に完了する必要があるプロジェクトの進行中に通信機能をテストする必要があるにもかかわらず、apiを渡すサーバーがないため、ローカルApiを直接作成する必要がありました。 当時、あまりにも時期的に該当講義に触れることができ、幸い期間内に問題なく通信機能をテストして実演できました:) 講義自体が簡潔で必要な部分をこだわってくださるので、講義を一度頑強した後は、一人で自分で作ってみても気軽に講義でした。 おかげでとても役に立ちました!ありがとうございます!

        • sbbt님의 프로필 이미지
          sbbt

          受講レビュー 13

          平均評価 5.0

          5

          32% 受講後に作成

          JS코어 호랑이책の著者

          • hj0830님의 프로필 이미지
            hj0830

            受講レビュー 4

            平均評価 5.0

            5

            100% 受講後に作成

            値段も安いので、ぜひ聴いてみてください。 react、next.js、graphqlなどを表わすほど知っている状態で実際にこう書くことができるんだね!と学ぶのに最適です。短いコースですが時間増やして講師のノウハウなしでリファレンス通りに騒がせる事とは違う、現業の内空が感じられるアクギスある講義です。

            期間限定セール、あと4日日で終了

            ¥15,400

            30%

            ¥2,828

            jaenamの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!