강의

멘토링

커뮤니티

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

  • Indie Coder
GraphQL
Svelte
MongoDB
Apollo

Reviews from Early Learners

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,479

Learners

63

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

    Overall, the lecture time is short, so there is no burden, and the answer to questions is fast. The disadvantage is... They explain by showing the already written code in PPT format (If you click, the existing code flies away and the code is added smoothly) Even without that, since I listen to the explanation while looking at the unfamiliar code structure in PPT format, it is hard to understand the flow of the code and follow along. You may think, "Since there is a lecture code on GitHub for this part, why don't you just copy and paste it?" But if you intended to do that, you should have saved the code by branching GitHub by lecture section part.. The GitHub lecture code was already completed code, and it was very tiring to compare these codes with the lecture I am currently listening to and copy and paste them.. I listened to the server part lecture at the beginning of the lecture and ran passionately for four hours without stopping, but when I entered the front part, I thought that the tuition fee was too expensive compared to the lecture quality, but I thought it was because I got really good answers when I asked questions, so I let it go. Lastly, since it is not a seminar like a technology tech, I think there will be more people who dislike this kind of PPT-style lecture than who like it. Furthermore, the code is not that complicated or long, so I think it would have been better if you had added explanations while typing the code together. Following the lecture with PPT, it really ㅠㅠ is so tiring for the listener. I just clicked the “I watched” button for the latter half of the lecture and skipped over it..

    • 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

      Limited time deal

      $30.80

      28%

      $42.90

      Indie Coder's other courses

      Check out other courses by the instructor!

      Similar courses

      Explore other courses in the same field!