ข้ามไปยังเนื้อหา

GraphQL Design — From Zero to Hero

คอร์สออกแบบ GraphQL API แบบ standalone ตั้งแต่ผู้เริ่มต้นจนถึงขั้นสูง สอนด้วย TypeScript ตั้งแต่ type system ไปจนถึงการออกแบบ schema, resolver, Relay pagination, ปัญหา N+1, security และ federation พร้อม query ที่รันจริงใน browser

GraphQL Foundations

GraphQL คืออะไร, type system & SDL และ request lifecycle เริ่ม →

Mutations & Subscriptions

การออกแบบ mutation, รูปแบบ input/payload, subscription แบบเรียลไทม์ เขียน →

Pagination & Relationships

Relay cursor connection, ความสัมพันธ์, ปัญหา N+1 และ DataLoader แบ่งหน้า →

Errors & Validation

errors array, partial result, error extension, การ validate input จัดการ →

Security & Performance

auth ผ่าน context, authorization, การจำกัด depth/complexity, caching ป้องกัน →

GraphQL รันใน browser ของคุณ

query และ mutation รันสดกับ schema ในหน่วยความจำ (reference implementation) และเปิด GraphQL Yoga server เต็มรูปแบบใน StackBlitz

ไดอะแกรมที่อธิบายชัด

request lifecycle, resolver chain, โมเดล Relay connection และ federation เป็นไดอะแกรม Mermaid ที่รองรับธีม

เน้นการออกแบบ ไม่ใช่แค่ syntax

ทุกหัวข้อพูดถึงเหตุผลและ trade-off — เลือก schema อย่างไร, ปัญหา N+1, รูปแบบ error และวิธีปิดช่องโหว่ของ endpoint ที่ยืดหยุ่นแบบนี้

สองภาษา + read mode

ภาษาอังกฤษและไทย, แบบทดสอบที่บันทึกความคืบหน้า และโหมดอ่านแบบไร้สิ่งรบกวน

ข้อเท็จจริง API และโค้ดในคอร์สนี้ตรวจกับเวอร์ชันเหล่านี้ ณ เดือนกันยายน 2026: GraphQL spec ฉบับ September 2025 (@oneOf input union กลายเป็น stable แล้ว ส่วน @defer/@stream ยังเป็น Stage 1 RFC ไม่อยู่ใน spec) graphql-js 16.x (เวอร์ชัน stable) (v17 ที่มี incremental delivery แบบ experimental ยังไม่ GA) Apollo Server 5.x GraphQL Yoga 5.x และ GraphQL over HTTP spec (application/graphql-response+json) โค้ดตัวอย่างที่รันได้ถูกรันจริงกับเวอร์ชันเหล่านี้ ส่วน “ตัวอย่างจากของจริง” ทุกอันมีลิงก์ไปแหล่งอ้างอิงปฐมภูมิ