Website Design and Development

เรียนรู้การพัฒนาเว็บแอปพลิเคชันด้วย Angular + NestJS + PostgreSQL + Prisma

เลือก Section ที่ต้องการ

เปิด http://localhost:3000/api/books แล้วเห็นข้อมูลหนังสือ

http://localhost:3000/api/books คืนข้อมูลจากฐานข้อมูลจริง ไม่ใช่ array ในโค้ด และค้นหาได้

หน้าเว็บที่แสดงการ์ดหนังสือเป็นรายการสวยงาม (ยังใช้ข้อมูลจำลอง ยังไม่ต่อ API)

หน้าเว็บดึงข้อมูลจากฐานข้อมูลจริงผ่าน API พร้อมช่องค้นหา และจัดการสถานะกำลังโหลด / ผิดพลาด / ไม่พบข้อมูล ครบ

ระบบที่จัดการข้อมูลได้ครบวงจร — ดู เพิ่ม แก้ ลบ

เข้าใจช่องโหว่พื้นฐานที่ระบบนี้ป้องกันให้อัตโนมัติ และทบทวนภาพรวมทั้งหลักสูตรผ่านแบบฝึกหัดเพิ่มเติม

แต่ละหน้าคือใบงานหนึ่ง Section อ่านเรียงจากบนลงล่างตามลำดับ ✅ คือสิ่งที่ต้องเห็นหลังทำเสร็จแต่ละขั้น
กดปุ่ม Copy มุมขวาบนของกล่องโค้ดเพื่อคัดลอกไปวางได้ทันที
กล่อง 💡 คือคำอธิบายเพิ่มเติม กล่อง ⚠️ คือจุดที่พลาดกันบ่อย อย่าข้าม