Workshop Hub
Vibe Coding Workshop · 1 วัน · 10:00–17:00 น.
AI Agent for Web Application
สร้างเว็บ Sales Page ขายสินค้าที่แก้เองได้ ด้วย Claude Code
หน้ารวมทุกอย่างที่ใช้ในคลาส — เปิดหน้านี้ทิ้งไว้ระหว่างเรียนได้เลย หลักสูตรลงมือทำสำหรับผู้เริ่มต้นที่ไม่ต้องเขียนโค้ดเป็น โดยสถาบัน ZenityX
Handbook ประกอบการเรียน
Prompt ทุกตัวที่ใช้ในคลาส พร้อมปุ่มคัดลอก — เปิดคู่กับ Claude Code ระหว่างเรียน หลุดขั้นไหนตามต่อได้ทันที
เปิด Handbookรายละเอียดหลักสูตร
วัตถุประสงค์ กลุ่มผู้เรียน ผลลัพธ์ กำหนดการรายวัน และตัวอย่างผลงาน — อ่านฉบับเต็มแบบเว็บเพจ
ดูรายละเอียดหลักสูตรสไลด์ประกอบการสอน
สไลด์บรรยายทั้งหมดของคอร์ส — แนวคิด Vibe Coding เข้าใจระบบ ติดตั้ง สั่งงาน จนขึ้นจริง เปิดดูทบทวนได้ทุกเมื่อ
เปิดสไลด์เช็คความพร้อมก่อนวันเรียน (3 นาที)
- ติดตั้ง Claude Codeทำตาม prompt ติดตั้งใน Handbook §ก่อนเริ่ม — ทำก่อนวันเรียนถ้าทำได้ ดาวน์โหลดโปรแกรมอาจใช้เวลา
- เตรียมอีเมลใช้อีเมลเดียวกันสมัคร Claude Code, Supabase และ Cloudflare ได้เพื่อให้จำง่าย
- เตรียมไอเดียสินค้าคิดไว้คร่าว ๆ ว่าจะขายสินค้าอะไร หรือทำเว็บ Sales Page ให้ร้านอะไร จะได้ลงมือทำเว็บขายจริงของตัวเองในวันเรียน
กำหนดการ
10:00–10:45
เปิดโลก Vibe Coding และเข้าใจเว็บแอปภาพรวม + คำศัพท์หลัก Frontend, Backend, Database, CRUD, Responsive
10:45–11:30
ติดตั้งเครื่องมือและหลักการสั่งงาน Agentติดตั้ง Claude Code + เตรียม 3 บัญชี (Claude · Supabase · Cloudflare) · Golden Workflow
11:30–12:15
Workshop 1 — Frontend: สร้างหน้า Sales Page ขายสินค้าใช้ Handbook Workshop 1
12:15–13:15
พักกลางวัน
13:15–14:15
Workshop 2 — Connect & Keys: เชื่อม Supabase เข้ากับเว็บใช้ Handbook Workshop 2
14:15–15:15
Workshop 3 — Admin CRUD: หลังบ้านจัดการสินค้าใช้ Handbook Workshop 3
15:15–15:30
พักเบรก
15:30–16:30
Workshop 4 — Deploy: ขึ้นจริงด้วย Cloudflare Pagesใช้ Handbook Workshop 4
16:30–17:00
ดูแลต่อ แก้ปัญหา เส้นทางต่อยอด และ Q&A
ติดปัญหาระหว่างเรียน แจ้งอาจารย์ หรือ TA ในห้องได้ทันที หรือเปิด Handbook ไปที่หัวข้อ “แก้ปัญหา” เพื่อดู prompt แก้ปัญหาที่พบบ่อย