강의

멘토링

커뮤니티

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

221 learners

Level Basic

Course period Unlimited

  • Indie Coder
GraphQL
GraphQL
Svelte
Svelte
MongoDB
MongoDB
Apollo
Apollo
GraphQL
GraphQL
Svelte
Svelte
MongoDB
MongoDB
Apollo
Apollo

Reviews from Early Learners

Reviews from Early Learners

4.5

5.0

천세영

80% enrolled

The composition is so good

5.0

lsmin01

100% enrolled

Thank you for the great lecture. I got used to developing frontend/backed based on graphql, and the cache, link, file upload, and authentication parts were also very helpful. It's my first time with meteor, but I found it useful after following along until the final deployment. I look forward to good content in the future.

5.0

JaeWon Kim

100% enrolled

There were some parts that didn't work in the middle, but thank you for kindly explaining everything! I needed a kiosk, so thank you for letting me use it! Actually, I don't use graphql and meteor very often, so I think it will take some time to get used to it..! I will have to study more later by changing the server to Java. Thank you for explaining it in detail. I enjoyed the class.

What you will gain after the course

  • 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,502

Learners

66

Reviews

87

Answers

4.8

Rating

5

Courses

I began my career in web development in earnest in the mid-2000s and have been working as a freelance developer ever since. For about five years, I conducted practitioner training for the Amplix BI solution and provided development support, gaining extensive experience and deeply considering how to effectively convey new technologies.

Currently, alongside my development work, I research new web-related technologies that can benefit developers and share them through lectures and books.

Current) Freelancer Former) Team Leader, Strategic Solutions Division, Bizplug Co., Ltd. Former) Service Development Team Leader, Winistory, Funnymonkeys Co., Ltd. youtube: https://www.youtube.com/channel/UC3cJspjF4TRTy

Current) Freelancer

Former) Team Leader, Strategic Solutions Division, Bizplug Co., Ltd.

Former Team Leader of the WeenyStory Service Development Team at FunnyMonkeys Co., Ltd.

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

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

Course List

Published Books

yes24, Kyobo Book Centre, Aladin

Mastering GraphQL for End-Server Development (with Fastify, Prisma & TypeScript): A Full-Stack Course Implementing a Virtual Kiosk. Available at yes24, Kyobo Book Centre, and Aladin.

Mastering GraphQL for End-Server Development (with Fastify, Prisma & TypeScript): A Full-Stack Course Implementing a Virtual Kiosk. Available at yes24, Kyobo Book Centre, and Aladin.

Mastering GraphQL for End-Server Development (with Fastify, Prisma & TypeScript): A Full-Stack Course Implementing a Virtual Kiosk. Available at yes24, Kyobo Book Centre, and Aladin.

Curriculum

All

72 lectures ∙ (10hr 28min)

Published: 
Last updated: 

Reviews

All

6 reviews

4.5

6 reviews

  • viewee님의 프로필 이미지
    viewee

    Reviews 3

    Average Rating 3.7

    4

    100% enrolled

    I completed the course. I took the course because I wanted to create a full-stack service after learning the basics of Javascript, HTML, and CSS. There are also React and Vue, but Svelte is easy and hot, so I chose this library. This course covered the entire process of creating a smart menu service from scratch. The explanation was also very detailed, so I understood it well. /// What was disappointing was that I kept getting stuck during the course. I made typos when I wrote the code, but there were many important typos in the lecture videos, so I had problems when I just watched the lecture videos and followed along. There were also occasional typos in the example code, so whenever I ran the server and tested it, I was often confused as to whether I made a mistake or there was a typo in the lecture content. (I don't understand how other people who wrote course reviews could proceed with the course without asking questions on the bulletin board.. Didn't they complete the course?) The environment in which the course was conducted was MacOS, and I was in a Windows environment, so the server execution command was not meteor but meteor.bat, which was different from the course. Or, there were problems such as the course proceeding differently because the course and the current meteor version were different. Still, when I asked questions about these problems on the community bulletin board, the teacher answered them well within a day or two, so I was able to continue the course. // From Section 4, which creates a SMART MENU, it was okay at first, but as the code got bigger and bigger, it was very important to compare the differences with the previous code when a bug occurred, so I felt the need for version control, studied git separately, and applied it while listening. As I listened to the class while creating a branch every time the code of each section ended without a bug, and committing every time a small chapter in the section ended, I was able to quickly deal with bugs that occurred after Sections 12 and 13. I recommend that beginners like me study git separately and use it in class. Also, in class, regarding debugging, if there were more parts where you check the terminal window for the backend and the console window for the frontend, wouldn't it have been better for beginners like me? Since this is basic content, it doesn't seem to be included in the flow of the class. However, I thought it would be good if you made a brief mention of git or debugging methods in class. // < Subtitle Coverage Issue > There were videos with subtitles in the middle of the lecture, but when you renew the subtitles, please make sure they are positioned above the play bar. The subtitles are covered every time you stop and watch. ㅠ // While I was teaching, I diligently reported the parts that I was stuck on and minor typos, etc., and since the teacher said that he will be renewing the course in March 2023 to reflect these parts, I think those who take the class after that will be able to take the class more comfortably. // After completing the class, - I was able to learn about the overall operation of GraphQL and how to operate it on the Apollo server. - How to build a front-end that connects to the back-end easily and quickly using Svelte. I listened hard and understood, but I think I need to do the class two or three times to become more familiar with the structure and operation. Personally, I think I need to study more about creating a front-end using Svelte, so I think I need to do some additional learning. I'm a beginner who only watched videos of react and vue, so I don't know much, but when I made a service using svelte, I felt that svelte was easy and intuitive. There's a svelte-only integrated framework called svelteKit, so I wish the teacher would make a lecture on this part too. ㅎㅎ.. The lecture content is really informative, so if you want to listen, please listen.

    • holocoding
      Instructor

      I'm glad you finished the lecture safely. I've improved the typos and problematic parts by commenting them on the video. Thank you for pointing this out. And I'll try to make sveltekit as soon as possible. Congratulations again on completing the course. Thank you.

  • sycheon3883님의 프로필 이미지
    sycheon3883

    Reviews 2

    Average Rating 5.0

    5

    80% enrolled

    The composition is so good

    • holocoding
      Instructor

      I'm glad you like the class. I will continue to work hard to prepare good lectures in the future. :)

  • lsmin01님의 프로필 이미지
    lsmin01

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Thank you for the great lecture. I got used to developing frontend/backed based on graphql, and the cache, link, file upload, and authentication parts were also very helpful. It's my first time with meteor, but I found it useful after following along until the final deployment. I look forward to good content in the future.

    • holocoding
      Instructor

      Thank you for your review. I'm glad you found the content helpful. Have fun coding :)

  • leaguematter7718님의 프로필 이미지
    leaguematter7718

    Reviews 5

    Average Rating 4.6

    5

    31% enrolled

    • rladnjs7055010님의 프로필 이미지
      rladnjs7055010

      Reviews 10

      Average Rating 4.9

      5

      100% enrolled

      There were some parts that didn't work in the middle, but thank you for kindly explaining everything! I needed a kiosk, so thank you for letting me use it! Actually, I don't use graphql and meteor very often, so I think it will take some time to get used to it..! I will have to study more later by changing the server to Java. Thank you for explaining it in detail. I enjoyed the class.

      • holocoding
        Instructor

        Thank you. I'm glad that it was helpful. I will continue to work hard to create helpful lectures in the future. Thank you.

    $42.90

    Indie Coder's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!