กลับไปคอร์สทั้งหมด

COMPLETE PROJECT-BASED COURSE

ฟรี

เว็บไซต์บันทึกรายรับรายจ่าย | AI อ่านสลิป

เรียนรู้การสร้างเว็บแอปบันทึกรายรับ–รายจ่ายที่ใช้งานได้จริง ตั้งแต่การออกแบบหน้าจอ การเขียน Front-end ด้วย Next.js การเชื่อมต่อฐานข้อมูล Supabase ไปจนถึงการใช้ AI อ่านข้อมูลจากสลิปและบันทึกรายการ

  • โปรเจกต์จริง 1 ระบบ
  • เรียนซ้ำได้ตลอดเวลา
  • ทำตามทีละขั้น
  • มี Prompt และไฟล์ประกอบ
ระดับ เริ่มต้น2 บทเรียนประมาณ 8.2 ชม.
2บทเรียนทั้งหมด
8.2 ชม.ระยะเวลารวม
1โมดูลหลัก
1 Productนำไปใช้งานจริง

LEARNING OUTCOMES

เรียนจบแล้ว
คุณจะสร้างอะไรได้

ไม่ได้จบแค่หน้า UI แต่ได้เข้าใจกระบวนการเปลี่ยนโจทย์ให้เป็น Product ที่ทดลองใช้กับผู้ใช้จริง

  1. 01ออกแบบ Product และหน้าจอด้วย ChatGPT
  2. 02สร้างระบบและเชื่อมฐานข้อมูลด้วย Supabase
  3. 03ใช้ AI อ่านข้อมูลจากสลิปอัตโนมัติ
  4. 04สร้างหน้า Admin และ Deploy ให้คนอื่นใช้งาน

WHO IS THIS FOR?

คอร์สนี้เหมาะกับใคร

ไม่จำเป็นต้องมีพื้นฐานมาก่อน ขอแค่มีไอเดียที่อยากลงมือสร้าง

01

ผู้เริ่มต้น

อยากสร้างผลงานแรกของตัวเอง แต่ยังไม่แน่ใจว่าควรเริ่มจากตรงไหน

02

เจ้าของธุรกิจ

มีไอเดีย Product และอยากทำต้นแบบเพื่อทดลองกับผู้ใช้จริง

03

Developer

อยากใช้ AI และ Vibe Coding ช่วยพัฒนาโปรเจกต์ได้เร็วและเป็นระบบขึ้น

CURRICULUM

เนื้อหาทั้งหมดในคอร์ส

จากไอเดีย → Product → ระบบจริง พร้อมต่อยอดเป็น Micro SaaS

01ออกแบบหน้า UI และ Front-end2 บทเรียน · 47 นาที

เนื้อหานี้จะใช้ ChatGPT การออกแบบ UI เป็นภาพ จากนั้นให้ Codex สร้าง Front-end

COURSE KIT

สิ่งที่คุณจะได้รับ

Starter Source Code

โครงสร้างโปรเจกต์สำหรับเริ่มต้น พร้อมส่วนพื้นฐานที่ใช้เรียนในคอร์ส

Prompt & Product Checklist

ชุดคำสั่ง AI และรายการตรวจสอบก่อนนำ Product ไปทดลองกับผู้ใช้

RELATED READING

บทความอ่านประกอบคอร์ส

อยากทำ SaaS ตัวแรก ควรเริ่มจากตรงไหนดี?
ไอเดียและการต่อยอด

อยากทำ SaaS ตัวแรก ควรเริ่มจากตรงไหนดี?

สิ่งที่สำคัญที่สุด แนะนำให้ควรเริ่มจากเรื่องที่ตนเองสนใจ หรือเริ่มต้นจากปัญหาที่ตัวเองประสบพบเจอมาก่อน “ที่ไหนมีปัญหาที่นั้นย่อมมีเงิน”

25 มิ.ย. 256910 นาที

พร้อมสร้าง Product แรกของคุณหรือยัง?

เริ่มจากบทแรกฟรี แล้วค่อยตัดสินใจเรียนต่อ

เริ่มเรียน EP.1 ฟรี