강의

멘토링

커뮤니티

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á

219 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,463

Học viên

61

Đá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á

  • wndtlr10248980님의 프로필 이미지
    wndtlr10248980

    Đánh giá 5

    Đánh giá trung bình 4.4

    3

    100% đã tham gia

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

    • viewee님의 프로필 이미지
      viewee

      Đánh giá 3

      Đánh giá trung bình 3.7

      4

      100% đã tham gia

      受講を完了しました。 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
        Giảng viên

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

    • sycheon3883님의 프로필 이미지
      sycheon3883

      Đánh giá 2

      Đánh giá trung bình 5.0

      5

      80% đã tham gia

      設定がとても良い

      • holocoding
        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は初めてですが最後の配布まで従いながら使ってみると便利なようです。 これからも良いコンテンツを楽しみにしています。

      • holocoding
        Giảng viên

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

    • leaguematter7718님의 프로필 이미지
      leaguematter7718

      Đánh giá 5

      Đánh giá trung bình 4.6

      5

      31% đã tham gia

      1.163.444 ₫

      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!