🔴 LIVE 12 กค 69 · 19:30

Live Ep01 · สอนสดครั้งแรก

13 slides · countdown จริง · W1 ทำพร้อมกัน 2 ชั่วโมง · ลิงก์ครบทุก slide

เข้าห้อง Live →

🎬 Presentation
VibeCode 101

สไลด์เต็ม 14 หน้า — กด space / ลูกศร ซ้ายขวา เพื่อเลื่อน · ดูได้ทั้งจอ พร้อม deep-link กลับมาบทเรียนได้ทุกหน้า

14
slides
~5
นาทีอ่าน
100%
ไทย
0฿
ฟรี

2เนื้อหาใน Presentation

14 slides · คลิกที่การ์ดเพื่อข้ามไปยัง slide นั้นใน presentation · ทุก slide เชื่อมกลับบทเรียนในเว็บได้

🌸
COVER

VibeCode 101

การนำเสนอครั้งแรก · First Walkthrough

🗺️
HOW

Workflow · 5 ขั้นตอน

ไอเดีย → Prompt → AI เขียน → ทดสอบ → Deploy

🤔
INTRO

ทำไมต้อง VibeCoding?

AI ฉลาดพอจะเขียนโค้ดแทนเรา — แค่บอกให้ชัด

🌱
01

VibeCoding คืออะไร

โปรเจกต์จริงจากไอเดีย → deploy · คนทั่วไปก็ทำได้

🤖
02

ทำไมต้อง MiniMax

AI ตัวไหนใช้ง่ายสุด · ตั้งค่าใน 3 นาที

✍️
03

Prompt เบื้องต้น

โครงสร้าง 3 ส่วน · ใช้ได้ทุกอย่าง

🎮
04

ทำเกมงู

200 บรรทัด · single file · deploy live ได้ทันที

🌐
05

Landing page

Hero + Features + Form + CTA — ใช้ขายของจริงได้

📊
06

Todo / Dashboard

chart + ตัวเลข + กราฟ — Dashboard SME ใช้เอง

🐛
07

ให้ AI ทดสอบ

ส่ง error ไปให้ AI · ส่ง flow ไปให้ AI

🎨
08

ให้ AI ออกแบบ UI/UX

บอก user + vibe → ได้ 4 สไตล์

🎬
09

ให้ AI ทำ Content

รูป + เสียง + เพลง + วิดีโอ — AI ทำให้ครบ

🚀
10

Deploy ขึ้นเน็ต

Cloudflare · GitHub · Vercel · 1 คำสั่งได้ URL

📋
11

Cheatsheet รวม

prompt ทั้งหมดรวมหน้าเดียว

🧠
M3

M3 · ตัวตนใหม่จาก MiniMax

เก่ง 3 อย่าง: เขียนโค้ด · จำ 1M tokens · เข้าใจรูป+วิดีโอ

⌨️ ปุ่มควบคุมใน Presentation

ใช้คีย์บอร์ดเลื่อนสไลด์ได้เลย — ไม่ต้องคลิกเมาส์

ก่อนหน้า ถัดไป Space เลื่อน F เต็มจอ Esc ออก

🎬 Presentation ถัดไป — เร็วๆ นี้

ตอนนี้มี 1 presentation หลัก (EP.01) — กำลังเตรียม EP อื่นๆ สำหรับ use case เฉพาะทาง

💼 สำหรับแม่ค้า 👨‍🏫 สำหรับครู 📊 สำหรับ SME 🎮 Workshop เกม 🤖 AI Tools Deep-dive