Contents

該課程已經完全更新並重新錄製了最新的 React.js、Hooks、Apollo 3 和 Keystone Headless CMS。與往常一樣 – 對於已經購買課程的任何人來說，它都是免費更新。好好享受！

用 React 和 GraphQL 開發一個線上商店

就像 React 改變了我們建構 Web 應用程式的方式一樣，GraphQL 正在改變我們建構 API 查詢和變異資料的方式。

本課程著重於現代 JavaScript 和現實世界的應用程式，是從頭到尾學習全端進階 React、GraphQL、Node.js 等完整的方法。

加入我的課程，我將向你展示如何使用當今一流的 JavaScript 技術建構完整的全端線上商店。

課程網址

[附有英文字幕]

♥ 使用優惠代碼 TAIWANLOVE 20% off ♥

我們將一起開發 “Sick Fits”，一個完整的線上服飾店，配備真正的信用結帳。用戶可以搜尋、銷售、添加到購物車和結帳他們喜歡的項目。

該應用程式有五個主要模型 – 用戶、項目、訂單、購物車項目和訂購項目 – 所有這些模型都有關聯，並展示了關聯式 GraphQL 查詢的強大功能。

該應用程式還包括許多伺服器端的位元，包括 JWT 身份驗證、權限、發送電子郵件、上傳圖像和信用卡收費。

除了建構應用程式的前端和後端之外，我們還花費了測試 React 應用程式的最後一個課程。

有關所涵蓋主題的完整列表，請參閱下文

應用程式中的程式碼已經過我們業界最優秀的 JavaScript 開發人員的審核與影響。

GraphQL 是用於 API 的一種 type-safe 查詢語言，也是能在你現有資料完成查詢的運行時(runtime)。

什麼？！它是 REST API 和 Ajax Calls 的替代（或補充）。

GraphQL 需要你的客戶端和伺服器端兩邊的支持 – 然後它將只會把你想要的請求送到客戶端，並把查找和過濾該資料的業務邏輯放入後端解析器。

特別是在本課程中，它啟動程式庫，讓快取、載入、錯誤處理和分頁變得輕而易舉。

複雜關聯資料查詢和伺服器端變異（如註冊或簽出）對 GraphQL 來說是小菜一碟。

GraphQL 只是一個標準，可以用任何語言或框架實現。

你的老師 Wes Bos

Wes Bos 是來自加拿大的全端工程師也做演講與教學。他是獨立的web開發者, 也是 HackerYou 和 Ladies Learning Code的首席講師。 Wes已經教過200堂以上的課程教過500位以上的學，且曾在全世界的多場討論會做過許許多多的演說。
Wes 是 React For Beginners 、Advanced React and GraphQL 、ES6 for Everyone 與 Learn Node 的作者，這些課程合計已售出超過 55,000 份。他同時也是JavaScript30、CSSGrid.io、 Flexbox.io 和 Command Line Power User, 一系列免費視訊教學的作者。300,000人已經看過。

這門課為誰設計?

想要在學習 GraphQL ，同時擴展 JavaScript、React 和 Node 技能的 Web 開發人員。

你應該已經熟悉 React 的基礎知識 – 組合元件( components ) 、狀態( state ) 、屬性參數( props )、模組( modules ) 和事件處理( event handlers )。如果你已完成我的 React For Beginners 課程或曾用 React 開發出一些東西，那麼你已經有不錯的基礎。

你應該熟悉編寫和呼叫現代 JavaScript，包括箭頭函數( arrow functions )、類( classes )、promises、async + await 和 ES6 的其他常用部分。你當然可以利用我的 ES6 for Everyone掌握這部分。

課程的後端是用 Node 編寫的。先具備 Node 知識很好，但不是本課程必修要求，因為你應該能瞭解本課程。如果你多瞭解這部分，可以參加我的 Learn Node 。

本課程不需要先具備 GraphQL、Prisma、資料庫或測試 React 組合元件方面的知識。