Day 3 / Hour 2

Tailwind Components and Responsive UI

Document1 / 20

Recap จากชั่วโมงแรก

ชั่วโมงที่แล้วเราเรียนอะไร

  • Tailwind CSS คืออะไร
  • ติดตั้ง Tailwind ใน Next.js project
  • ใช้ utility class พื้นฐาน
  • แปลง header, main, section และ button บางส่วน
  • เข้าใจว่า Tailwind ไม่ได้ลบความรู้ CSS เดิม แต่ใช้ CSS concept ผ่าน class

Key Message

ชั่วโมงนี้เราจะเอา Tailwind ไปใช้กับ component จริงของระบบ ได้แก่ StatusBadge, IssueList และ IssueForm