강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Database

Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

You will learn the basics and advanced usage of GraphQL, the next-generation API control technology, and gain real-world project experience through a virtual kiosk service created with GraphQL. The course has been partially updated to the latest version, apollo-server v4, as of February 2024.

(4.5) 6 reviews

217 learners

  • Indie Coder
GraphQL
Svelte
MongoDB
Apollo

Reviews from Early Learners

What you will learn!

  • Graphql

  • Apollo

  • MongoDB

  • Svelte

  • NodeJs

  • nodejs file upload

  • Token-based authentication method

  • Full stack (web backend + web frontend)

  • Development of a virtual kiosk service

Both front-end and back-end implementation possible!
Experience GraphQL in action 💪


The best secret to confidence is
It's about creating something from start to finish.
If you have even a little bit of knowledge about the web,
Take this opportunity to take a step forward with various technologies!

Mastering GraphQL 👑

GraphQL, a next-generation API control technology that complements and enhances REST APIs, is here . From the basics of GraphQL to advanced, complete services, this course will teach you everything from backend and frontend to deployment. Want to create a smart menu together?

Course content prepared for easy understanding

#1.
GraphQL's
Basic and Advanced Grammar

You'll learn all the grammar necessary for GraphQL, step by step. The theoretical portion of the lecture is designed to be as easy to understand as possible, using images and animations.

#2.
Actual project
(Smart Menu) Implementation

Now that you've mastered the basics, the next step is to implement a real project. We'll create a virtual kiosk service, Smart Menu, using GraphQL. From the backend server to the frontend, the entire implementation will be centered around GraphQL.

#3.
Various problems
How to solve

Beyond simply following code to read, write, and modify data, you'll learn about various problems and solutions that can arise when building services . You'll learn about data integrity issues that arise when using Apollo Cache, precautions to take when uploading files in NodeJS, and essential authentication for services.

#4.
More efficient
Front-end development methods

We'll also teach you how to use the hotly-emerging Svelte framework to achieve more efficient front-end development. This will give you a fundamental understanding of GraphQL and hands-on experience with the backend, frontend, and deployment of a single service.


I recommend this to these people 🙋‍♀️

Anyone interested in GraphQL and considering getting started

Anyone who wants to experience full-stack web backend and frontend

Anyone curious about the web created with the latest technologies such as Apollo and Svelte

Those who want to implement something after learning the basics of HTML and Javascript


Preview the implementation project 👀

Menu view screen implemented with infinite scroll

Login screen

Menu registration screen

Alarm screen after ordering

Lecture Reference Materials 📍

  • For links to packages or source code used in the lecture, please refer to 'Section 2 GraphQL Basics - Introduction to Lecture Materials'.

Reference lecture 📚


Expected Questions Q&A 💬

Q. Is this a theoretical lecture on GraphQL?

Learn everything from basic usage to how to apply it to real-world projects. For projects, we'll cover how to implement GraphQL on both the backend and frontend.

Q. For the front-end, do I need to learn Svelte in advance?

I've prepared a brief introduction to the basics of Svelte throughout the course. If you understand the material presented, I believe you'll be able to complete the course.

Q. What is the development environment like?

You can install and proceed with the necessary programs for the development environment on any PC that can install NodeJs, including Mac, Windows, and Linux.


Introducing the Knowledge Sharer ✒️

I began full-time web development in the mid-2000s and have been working as a freelance developer ever since. For about five years, I've been providing practical training for Amplix BI solutions and supporting development, gaining valuable experience and insight into how to effectively deliver new technologies.

Currently, I am working on developing new technologies in web-related fields that can be helpful to developers, and I share them through courses and books.

  • Current freelancer
  • Former Team Leader, Strategic Solutions Division, Bizplug Co., Ltd.
  • Former Team Leader, Winnie Story Service Development Team, Funny Monkeys Co., Ltd.

email: freeseamew@gmail.com

blog: https://medium.com/freeseamew

Published books


Recommended for
these people

Who is this course right for?

  • Those who have learned the basics of javascript

  • For those who want to create a web service from start to finish

  • Web Backend Engineer

  • Web Frontend Engineer

Need to know before starting?

  • html

  • javascript

Hello
This is

2,417

Learners

56

Reviews

84

Answers

4.8

Rating

5

Courses

2000년도 중반부터 본격적으로 웹개발을 시작하여 현재까지 프리랜서 개발자로 활동하고 있습니다. 약5년간 Amplix BI 솔루션 실무자 교육을 진행하고 개발을 지원하며 새로운 기술을 효율적으로 전달하는 것에 대한 많은 경험과 고민을 했습니다. 

현재는 개발 업무와 함께 개발자들에게 도움이 될만한 웹관련 분야의 새로운 기술을 찾고 강좌와 책을 통해 공유하고 있습니다. 

 

현) 프리랜서

전) (주) 비즈플러그 전략솔루션 사업부 팀장

전) (주) 퍼니몽키스 위니스토리 서비스 개발 팀장

youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw 

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

 

강좌 목록

출간도서

yes24, 교보문고, 알라딘

 

 

 

Curriculum

All

72 lectures ∙ (10hr 28min)

Published: 
Last updated: 

Reviews

All

6 reviews

4.5

6 reviews

  • wndtlr10248980님의 프로필 이미지
    wndtlr10248980

    Reviews 5

    Average Rating 4.4

    3

    100% enrolled

    全体的に講義時間が短くて負担感がないというメリットと、質問に対する回答が早いというメリットがあります。 欠点として.. すでに書かれたコードをppt形式で示しながら説明します。 (押すと既存のコードが飛んでスリップしながらコードが追加されます) それでも見知らぬコード構造をppt形式で見ながら説明を聞くと、コードの流れがよく触れずに追いつくことができません。 この部分はフラッグハブに講義コードがあるので、それを見て腹付すればいいのか?することができます。 しかし、そうすることを意図したなら、FitHubも講義セクションのパートごとにブランチにちなんでコードを保存する必要がありました。 フェイトハブ講義コードはすでに完成したコードであり、これらのコードを今聞いている講義と対照的にコードを選別して覆うことも疲れ感がありました。 講義序盤 サーバー部分 講義を聞きながら休まないで情熱的に4時間走ってきましたがフロントパーツ入ってきた時からますます講義クオリティに比べて受講費が高すぎるという気がしましたが、この部分は質問をすると本当に良い答えを受けるという点でそうではないして渡しました。 最後に、技術テクのようなセミナーでもないのですが、このようなppt形式の講義は好意的に不好意が多いと思います。さらに、コードもそれほど複雑ではなく長くもないのですが、一緒にコードをタイプしながら説明を付け加えていただいたらもっと良かったと思います。 pptで講義をたどってみると本当にㅠㅠ講義を聞く人の立場でとても疲れ感があります。後半の講義はただ見ましたボタンだけクリックしながら渡しましたね。

    • viewee님의 프로필 이미지
      viewee

      Reviews 3

      Average Rating 3.7

      4

      100% enrolled

      受講を完了しました。 Javascript、html、cssの基礎を磨いた状態で、 フルスタックサービスを作ってみたくて、受講しました。 reactやvueもありますが、svelteが簡単でホットなので、 このライブラリで選択しました。 このレッスンは私からスマートメニューサービスを作るまですべてのプロセスが溶け込んでいました。 説明もじっくりよくしていただき、理解が上手になりました。 //// 残念だった点は、授業を進行する際、途中中断されていましたが、私がコードを書く際に誤字を出したこともありますが、講義映像に重要な誤字がたくさんあったので、講義映像だけを見て追いつくと問題が発生しました。 例コードでも誤字が簡潔にあり、サーバーを実行してテストするたびに、私が間違っているのか、講義内容に誤字があるのか​​混乱することが多かったです。 (受講評を書かれた他の方々は掲示板に質問なしにどのように授業を進められたのか。 授業で進行される環境はMacOSであり、私はwindows環境だったので、授業と違ってサーバ実行命令がmeteorではなくmeteor.batとか。 あるいは、授業と今の meteor バージョンが違って違うように進行する問題などがありました。 それでも、このような問題をコミュニティ掲示板に質問をしたら、先生が答えを1日2日以内によくしてくれて、ずっと授業を続けることができました。 // SMART MENUを作成するセクション4からは、最初は大丈夫でしたが、ますますコードが膨大になり、バグが発生したとき、以前のコードとの違いを比較することが非常に重要でした。 バージョン管理の必要性を感じて、別にgitを勉強して適用していきました。 各セクションのコードがバグなしで終わるたびにブランチを作ってくれ、セクションの中の小さなチャプターが終わるたびにコミットをしてくれて授業を聞くので、セクション12、13以降に行ってバグが発生しても素早く対処できました。 私のような初心者はgitを別々に勉強して授業に活用することをお勧めします。 また、授業でデバッグ関連して、バックエンドは terminal ウィンドウ、フロントエンドは console ウィンドウを確認する部分がもう少しあったら、私のような初心者はもっと良かったのではないかと思います。 。 しかし、授業でgitやデバッグ方法などについて簡単な言及程度はしていただければいいと思います。 // <字幕隠し問題> 途中講義に字幕が入る映像もありましたが、字幕の場合はリニューアル作業の際はぜひ再生バーの上に位置していただきたいと思います。 // 私が授業を進めながら、詰まっていた部分や些細な誤タル者などを情報提供を熱心にしていましたが、こういう部分を反映して、 先生が講座リニューアル作業を23年3月中に進行されると言われるので、以後授業を聞かれる方はより快適に授業を聞くようです。 // クラス定走行を完了すると、 - 全体的なGraphQLの仕組みとそれをApolloサーバーでどのように運用するか。 - Svelteを活用して簡単かつ迅速にバックエンドと接続するフロントエンドを構築するか などがわかりました。 一生懸命聞きながら、理解はしましたが、二、三回は定走行をしてみなければ、さらにその構造と作動方式が慣れるようです。 個人的にsvelteを使って、フロントエンドを作る部分はもう少し勉強が必要だと思うので、追加の学習をもっとしなければならないようです。 reactやvueを映像を通じて見物だけしてみた、初心者の立場からはよく分からないが、svelteを活用してサービスに従って作ってみるとsvelteが簡単で直感的に感じられました。 svelteKitというsvelte専用の統合フレームワークが出てきましたが、先生がこの部分講座も作っていただきたいという願いもあります。 講義の内容が本当に分かるので聞いてみたい方は聞いてみてください。

      • holocoding
        Instructor

        講義無事に終わって嬉しいです。 オタナ問題ある部分は、一度映像にコメントする方法で優先改善しました。 この部分の指摘ありがとうございます。 そしてsveltekit関連しても、できるだけ早く一度作ってみましょう。 もう一度おめでとうございます。 ありがとうございます。

    • sycheon3883님의 프로필 이미지
      sycheon3883

      Reviews 2

      Average Rating 5.0

      5

      80% enrolled

      設定がとても良い

      • holocoding
        Instructor

        受講が気に入って嬉しいです。 これからもずっと良い講義の準備に努めます。

    • lsmin01님의 프로필 이미지
      lsmin01

      Reviews 1

      Average Rating 5.0

      5

      100% enrolled

      良い講義ありがとうございます。 graphqlに基づいてfrontend / backedを開発する方法が手に入りました。 cache、link、file upload、認証パーツも役に立ちました。 meteorは初めてですが最後の配布まで従いながら使ってみると便利なようです。 これからも良いコンテンツを楽しみにしています。

      • holocoding
        Instructor

        受講評いただきありがとうございます。

    • leaguematter7718님의 프로필 이미지
      leaguematter7718

      Reviews 5

      Average Rating 4.6

      5

      31% enrolled

      $42.90

      Indie Coder's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!