ขณะนี้มีผู้ใช้จำนวนมาก ขออภัยหากล่าช้า
ระบบกำลังโหลดหน้าเว็บ กรุณารอสักครู่
Course curriculum
สร้างเว็บแอปจริงตั้งแต่ศูนย์ ด้วย HTML, CSS, JavaScript, TypeScript, React, Next.js, Database และ Deploy ขึ้นออนไลน์ เรียนแบบ step-by-step พร้อมพื้นที่ภาพอธิบาย โค้ด Checklist และแบบฝึกหัดทุกบท
10 บทเรียน
รวมอยู่ในคอร์ส Web App Begins
0 บทที่ผ่าน
ติดตามผลได้ใน Dashboard
299 บาท
คอร์สแยก ไม่รวมใน Premium
คอร์สนี้ราคา 299 บาท ไม่รวมใน Premium 219 บาท เมื่อแอดมินอนุมัติสลิป ระบบจะปลดล็อกเฉพาะคอร์สนี้
Web App Begins
ติดตั้ง VS Code และ Node.js พร้อมฝึกใช้ Terminal เพื่อเตรียมเครื่องให้พร้อมสำหรับโปรเจกต์แรก
ใช้ create-next-app สร้างโปรเจกต์ TypeScript รัน development server และเปิดหน้าเว็บแรกบน localhost
อ่านแผนที่โปรเจกต์ Next.js ให้เป็น รู้หน้าที่ของ app, page.tsx, layout.tsx, components, public และ package.json
ประกอบ Header, Hero, Feature, CTA และ Footer ให้เป็นหน้าเว็บที่มีลำดับข้อมูลชัดเจน
สร้างระบบสี ฟอนต์ spacing การ์ด ปุ่ม และ responsive เบื้องต้นให้หน้าเว็บอ่านง่ายบนทุกหน้าจอ
แยก Navbar, Button, CourseCard และ Footer ออกจากหน้า เพื่อให้โค้ดอ่านง่าย ใช้ซ้ำได้ และแก้ครั้งเดียว
ออกแบบ dashboard layout พร้อมข้อมูลผู้ใช้ รายการคอร์ส progress และ empty state ที่ใช้งานได้ทั้งมือถือและคอมพิวเตอร์
สร้างฟอร์มอีเมลและรหัสผ่าน พร้อม validation เบื้องต้นและ mock login เพื่อเข้าใจ flow ก่อนเชื่อมระบบ Auth จริง
เข้าใจ database, Prisma, model และ relation ผ่าน schema ตัวอย่าง โดยยังไม่รัน migration จนกว่าจะตรวจการออกแบบเสร็จ
ตรวจโปรเจกต์ เลือก stage เฉพาะไฟล์ที่แก้ commit และ push อย่างมีสติ ก่อน deploy และตรวจเว็บจริงบน Vercel
