강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Database

Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]

Bạn sẽ tìm hiểu cách sử dụng GraphQL cơ bản và nâng cao, công nghệ kiểm soát API thế hệ tiếp theo và trải nghiệm dự án thực tế thông qua dịch vụ kiosk ảo được tạo bằng GraphQL. Khóa học đã được cập nhật một phần lên phiên bản mới nhất, apollo-server v4, kể từ tháng 2 năm 2024.

(4.5) 6 đánh giá

217 học viên

  • Indie Coder
GraphQL
Svelte
MongoDB
Apollo

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • đồ thị

  • Apollo

  • MongoDB

  • mảnh dẻ

  • NodeJ

  • tải lên tập tin nodeJs

  • Phương thức xác thực dựa trên mã thông báo

  • Ngăn xếp đầy đủ (web back và web front end)

  • Phát triển dịch vụ kiosk ảo

Có thể triển khai cả front-end và back-end!
Trải nghiệm GraphQL trong thực tế 💪


Bí quyết tốt nhất cho sự tự tin là
Đó là việc tạo ra một cái gì đó từ đầu đến cuối.
Nếu bạn có một chút kiến thức về web,
Hãy tận dụng cơ hội này để tiến thêm một bước với nhiều công nghệ khác nhau!

Làm chủ GraphQL 👑

GraphQL, công nghệ kiểm soát API thế hệ tiếp theo bổ sung và nâng cao API REST, đã có mặt . Từ những kiến thức cơ bản về GraphQL đến các dịch vụ nâng cao, hoàn chỉnh, khóa học này sẽ hướng dẫn bạn mọi thứ, từ backend, frontend đến triển khai. Bạn có muốn cùng nhau tạo một menu thông minh không?

Nội dung khóa học được chuẩn bị để dễ hiểu

#1.
GraphQL của
Ngữ pháp cơ bản và nâng cao

Bạn sẽ được học từng bước tất cả ngữ pháp cần thiết cho GraphQL. Phần lý thuyết của bài giảng được thiết kế sao cho dễ hiểu nhất có thể, sử dụng hình ảnh và hoạt ảnh.

#2.
Dự án thực tế
(Menu thông minh) Triển khai

Bây giờ bạn đã nắm vững những kiến thức cơ bản, bước tiếp theo là triển khai một dự án thực tế. Chúng ta sẽ tạo một dịch vụ kiosk ảo, Smart Menu, bằng GraphQL. Từ máy chủ backend đến frontend, toàn bộ quá trình triển khai sẽ tập trung vào GraphQL.

#3.
Nhiều vấn đề khác nhau
Cách giải quyết

Không chỉ đơn giản là đọc, ghi và sửa đổi mã nguồn, bạn sẽ được tìm hiểu về nhiều vấn đề và giải pháp khác nhau có thể phát sinh khi xây dựng dịch vụ . Bạn sẽ được tìm hiểu về các vấn đề toàn vẹn dữ liệu phát sinh khi sử dụng Apollo Cache, các biện pháp phòng ngừa khi tải tệp lên NodeJS và các quy trình xác thực thiết yếu cho dịch vụ.

#4.
Hiệu quả hơn
Phương pháp phát triển front-end

Chúng tôi cũng sẽ hướng dẫn bạn cách sử dụng nền tảng Svelte đang nổi lên mạnh mẽ để phát triển front-end hiệu quả hơn. Khóa học này sẽ cung cấp cho bạn kiến thức cơ bản về GraphQL và kinh nghiệm thực tế với back-end, front-end và triển khai một dịch vụ duy nhất.


Tôi giới thiệu điều này cho những người này 🙋‍♀️

Bất kỳ ai quan tâm đến GraphQL và đang cân nhắc bắt đầu

Bất kỳ ai muốn trải nghiệm backend và frontend web đầy đủ

Bất kỳ ai tò mò về trang web được tạo bằng các công nghệ mới nhất như Apollo và Svelte

Những người muốn triển khai một cái gì đó sau khi học những kiến thức cơ bản về HTML và Javascript


Xem trước dự án triển khai 👀

Màn hình xem menu được triển khai với tính năng cuộn vô hạn

Màn hình đăng nhập

Màn hình đăng ký menu

Màn hình báo động sau khi đặt hàng

Tài liệu tham khảo bài giảng 📍

  • Để biết liên kết đến các gói hoặc mã nguồn được sử dụng trong bài giảng, vui lòng tham khảo 'Phần 2 Cơ bản về GraphQL - Giới thiệu về tài liệu bài giảng'.

Bài giảng tham khảo 📚


Câu hỏi dự kiến Hỏi & Đáp 💬

H. Đây có phải là bài giảng lý thuyết về GraphQL không?

Tìm hiểu mọi thứ, từ cách sử dụng cơ bản đến cách áp dụng vào các dự án thực tế. Đối với các dự án, chúng tôi sẽ hướng dẫn cách triển khai GraphQL ở cả backend và frontend.

H. Đối với phần front-end, tôi có cần phải học Svelte trước không?

Tôi đã chuẩn bị một phần giới thiệu ngắn gọn về những kiến thức cơ bản của Svelte trong suốt khóa học. Nếu bạn hiểu rõ nội dung được trình bày, tôi tin rằng bạn sẽ có thể hoàn thành khóa học.

H. Môi trường phát triển như thế nào?

Bạn có thể cài đặt và tiến hành các chương trình cần thiết cho môi trường phát triển trên bất kỳ PC nào có thể cài đặt NodeJs, bao gồm Mac, Windows và Linux.


Giới thiệu Người chia sẻ kiến thức ✒️

Tôi bắt đầu phát triển web toàn thời gian vào giữa những năm 2000 và làm việc tự do kể từ đó. Trong khoảng năm năm, tôi đã cung cấp đào tạo thực tế về các giải pháp BI của Amplix và hỗ trợ phát triển, tích lũy kinh nghiệm quý báu và hiểu biết sâu sắc về cách triển khai công nghệ mới một cách hiệu quả.

Hiện tại, tôi đang nghiên cứu phát triển các công nghệ mới trong lĩnh vực liên quan đến web có thể hữu ích cho các nhà phát triển và tôi chia sẻ chúng thông qua các khóa học và sách.

  • Người làm việc tự do hiện tại
  • Cựu Trưởng nhóm, Bộ phận Giải pháp Chiến lược, Bizplug Co., Ltd.
  • Cựu Trưởng nhóm, Nhóm phát triển dịch vụ Winnie Story, Công ty TNHH Funny Monkeys

email: freeseamew@gmail.com

blog: https://medium.com/freeseamew

Sách đã xuất bản


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất cứ ai đã học những điều cơ bản về JavaScript

  • Những người muốn tạo một dịch vụ web từ đầu đến cuối

  • kỹ sư phụ trợ web

  • Kỹ sư mặt trước của web

Cần biết trước khi bắt đầu?

  • html

  • javascript

Xin chào
Đây là

2,417

Học viên

56

Đánh giá

84

Trả lời

4.8

Xếp hạng

5

Các khóa học

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, 교보문고, 알라딘

 

 

 

Chương trình giảng dạy

Tất cả

72 bài giảng ∙ (10giờ 28phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

6 đánh giá

4.5

6 đánh giá

  • 반가우면반갑다고해님의 프로필 이미지
    반가우면반갑다고해

    Đánh giá 5

    Đánh giá trung bình 4.4

    3

    100% đã tham gia

    전체적으로 강의 시간이 짧아서 부담감이 없다는 장점과 질문에대한 답변이 빠르다는 장점이 있습니다. 단점으로는.. 이미 작성된 코드들을 ppt형식으로 보여주면서 설명해주시는데 ( 누르면 기존 코드가 날아가고 스르륵하면서 코드가 추가됨) 안그래도 낯선 코드구조들을 ppt형식으로 보면서 설명을 듣다보니 코드의 흐름이 잘 와닿지 않고 따라가기가 힘듭니다. 이부분은 깃허브에 강의 코드가있으니 그걸 보고 복붙하면 되지않느냐? 하실 수 있습니다. 근데 그렇게 하기를 의도했다면 깃허브도 강의 섹션 파트별로 브랜치를 따서 코드를 저장해주셔야 했었습니다.. 깃허브 강의코드는 이미 완성된 코드였고, 이 코드들을 지금 듣고있는 강의와 대조해서 코드들을 가려내며 복붙하는것 또한 피로감이 심했습니다.. 강의 초반 서버부분 강의를 들으면서 쉬지않고 열정적으로 네시간동안 달려왔습니다만 프론트파트 들어왔을때부터 점점 강의퀄리티에 비해서 수강비가 너무 비싸다는 생각이 들었습니다만, 이부분은 질문을 하면 정말 좋은 답변을 받는다는 점에서 그러려니하고 넘겼습니다. 마지막으로, 기술테크같은 세미나도 아닌데 이런 ppt형식의 강의는 호보단 불호가 많을거라 생각이듭니다. 더군다나 코드도 그렇게 막 복잡하지않고 길지도않은데 같이 코드를 타이핑하면서 설명을 덧붙여주셨으면 더 좋았을거라 생각이듭니다. ppt로 강의를 따라가다보니 정말 ㅠㅠ 강의를 듣는 사람입장에서 너무 피로감이 듭니다. 후반부 강의는 그냥 봤어요 버튼만 클릭하면서 넘겼네요..

    • viewee님의 프로필 이미지
      viewee

      Đánh giá 3

      Đánh giá trung bình 3.7

      4

      100% đã tham gia

      수강을 완료하였습니다. Javascript, html, css 기초 닦은 상태에서, 풀스택 서비스를 만들어보고 싶어서, 수강했습니다. react 나 vue 도 있는데 svelte가 쉽고 핫하다고 해서, 이 라이브러리로 선택했습니다. 이 수업은 제로부터 스마트메뉴 서비스를 만들기까지 모든 과정이 다 녹아져있었습니다. 설명도 차근차근 잘 해주셔서, 이해가 잘 되었습니다. /// 아쉬웠던 점은, 수업을 진행할때, 중간중간 계속 막혔었는데. 제가 코드를 작성시 오타를 낸 것도 있지만, 강의영상에 중요한 오타가 많이 있었어서, 강의영상만 보고 따라칠 경우 문제가 발생하기도 했습니다. 예제코드에서도 오타가 간간히 있어서, 서버를 실행해서 테스트할 때마다, 내가 잘못친건지, 강의내용에 오타가 있는건지 헷갈리는 경우가 많았습니다. (수강평을 작성하신 다른 분들은 게시판에 질문없이 어떻게 수업을 진행하셨는지.. 좀 이해가 안가기도.. 완강까진 하지 않으신건가?) 수업에서 진행되는 환경은 맥OS였고, 저는 windows 환경이었기 때문에, 수업과 다르게 서버실행 명령어가 meteor 가 아닌 meteor.bat 이라던지. 또는, 수업과 지금의 meteor 버젼이 달라서 다르게 진행되는 문제등이 있었습니다. 그래도, 이런 문제들을 커뮤니티 게시판에 질문을 올리면, 선생님께서 답변을 하루이틀 안에 잘 해주셔서, 계속해서 수업을 이어나갈 수 있었습니다. // SMART MENU 를 만드는 섹션4부터는, 처음에는 괜찮았는데, 점점 코드가 방대해지면서, 버그가 발생할 때, 이전 코드와 차이점을 비교하는게 매우 중요했어서, 버젼관리의 필요성을 느끼고, 따로 git 을 공부하고 적용해가며 들었습니다. 각 섹션의 코드가 버그 없이 끝날때마다 branch를 만들어주고, 섹션안의 작은 챕터가 끝날 때마다 commit 을 해주면서 수업을 들으니, 섹션 12, 13 이후로 가서 버그가 발생해도 빠르게 대처할 수 있었습니다. 저같은 초보분들은 git을 따로 공부하셔서 수업에 활용하시는 것을 추천드립니다. 또, 수업에서 디버깅관련하여, 백엔드는 terminal 창, 프론트엔드는 console 창을 확인하는 부분이 좀 더 있었으면, 저같은 초보들은 더 좋았지 않았을까 싶습니다. 이런건 기초적인 내용이라 수업흐름상 들어가진 않은 것 같습니다. 하지만 수업에서 git이나 디버깅 방법등에대해서 간단한 언급정도는 해주시면 좋을 것 같다는 생각이 들었습니다. // < 자막 가림문제 > 중간중간 강의에 자막이 들어가는 영상도 있었는데, 자막의 경우 리뉴얼작업하실 때는 꼭 재생바 위로 위치하도록 해주셨으면 좋겠습니다. 멈춰서 볼 때마다 자막이 가려져요. ㅠ // 제가 수업을 진행하면서, 막혔던 부분과 사소한 오탈자등을 제보를 열심히 했었는데, 이런 부분들을 반영하여, 선생님께서 강좌 리뉴얼 작업을 23년 3월 중 진행하신다고 하시니, 이후 수업을 들으시는 분들은 더 쾌적하게 수업을 들으실 거 같습니다. // 수업 정주행을 완료하니, - 전반적인 GraphQL 의 작동 방식과 그것을 Apollo 서버에서 어떻게 운용하는지. - Svelte 를 활용해서 쉽고 빠르게 백엔드와 연결되는 프론트엔드를 구축하는지 등을 알 수 있었습니다. 열심히 들으면서, 이해는 했는데, 두세번은 정주행을 해봐야, 더 그 구조와 작동방식이 익숙해질 것 같습니다. 개인적으로 svelte 를 이용해서, 프론트엔드를 만드는 부분은 좀 더 공부가 필요할 거 같아서, 추가적인 학습을 좀 더 해야할 것 같습니다. react 나 vue 를 영상을 통해 구경만 해본, 초보 입장에서 잘은 모르겠지만, svelte 를 활용해 서비스를 따라 만들어보니 svelte가 쉽고 직관적으로 느껴졌습니다. svelteKit 이라는 svelte 전용 통합 프레임워크가 나왔던데, 선생님께서 이부분 강좌도 만들어주셨으면 하는 바램도 있습니다.ㅎㅎ.. 강의 내용이 정말 알차니 들어보고 싶으신 분들은 들어보시길 바랍니다.

      • Indie Coder
        Giảng viên

        강의 무사히 마치셔서 다행입니다. 오타나 문제있는 부분들은 일단 영상에 코멘트하는 방식으로 해서 우선 개선했습니다. 이부분 지적 감사합니다. 그리고 sveltekit관련해서도 최대한 빨리 한번 만들어 보도록 하겠습니다. 다시한번 완강 축하드립니다. 감사합니다.

    • 천세영님의 프로필 이미지
      천세영

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      80% đã tham gia

      구성이 너무 좋습니다

      • Indie Coder
        Giảng viên

        수강이 맘에 드셔서 다행입니다. 앞으로도 계속 좋은 강의 준비하기 위해 노력하겠습니다. :)

    • lsmin01님의 프로필 이미지
      lsmin01

      Đánh giá 1

      Đánh giá trung bình 5.0

      5

      100% đã tham gia

      좋은 강의 감사합니다. graphql 기반으로 frontend/backed 개발하는 방법이 손에 익었고 cache, link, file upload, 인증 파트도 도움이 많이 되었습니다. meteor는 처음이지만 마지막배포까지 따라하면서 사용해보니 유용한거 같습니다. 앞으로 좋은 컨텐츠 기대하겠습니다.

      • Indie Coder
        Giảng viên

        수강평 달아주셔서 감사합니다. 내용이 도움이 되셨다니 다행입니다. 그럼 즐거운 코딩 하세요 :)

    • 이종수님의 프로필 이미지
      이종수

      Đánh giá 5

      Đánh giá trung bình 4.6

      5

      31% đã tham gia

      1.165.874 ₫

      Khóa học khác của Indie Coder

      Hãy khám phá các khóa học khác của giảng viên!

      Khóa học tương tự

      Khám phá các khóa học khác trong cùng lĩnh vực!