1⚡ 0 XP

เข้าสู่ระบบ

กำลังโหลด...

Chapter 2: HTML กับ JSX

ปูพื้น JSX ผ่าน HTML element พื้นฐานทีละตัว ประกอบร่างเป็นหน้าโปรไฟล์ส่วนตัวทีละชิ้น จบด้วย Boss Battle รวมทุกส่วน

📦 ไฟล์เริ่มต้นสำหรับ Chapter นี้

ดาวน์โหลดโฟลเดอร์ที่มี index.html กับรูปโปรไฟล์ (200×200) ไปทำต่อในเครื่องตัวเอง ด้วย VS Code แล้วเปิด index.html ดูผลใน browser ได้เลย — ใช้ไฟล์เดียวกันนี้ไล่ทำไปทีละ Mission จนถึง Boss Battle

mission 01เรียนรู้

Mission 1: JSX คืออะไร

⏱ 10 นาที✦ 5 xp

mission 02เรียนรู้

Mission 2: Heading

⏱ 15 นาที✦ 10 xp

mission 03เรียนรู้

Mission 3: Paragraph

⏱ 15 นาที✦ 10 xp

mission 04เรียนรู้

Mission 4: Image

⏱ 15 นาที✦ 10 xp

mission 05เรียนรู้

Mission 5: Link

⏱ 15 นาที✦ 10 xp

mission 06เรียนรู้

Mission 6: Button

⏱ 15 นาที✦ 10 xp

mission 07เรียนรู้

Mission 7: List

⏱ 15 นาที✦ 10 xp

mission 08เรียนรู้

Mission 8: Table

⏱ 20 นาที✦ 15 xp

mission 09เรียนรู้

Mission 9: Form

⏱ 15 นาที✦ 10 xp

mission 10เรียนรู้

Mission 10: Input

⏱ 15 นาที✦ 10 xp

mission 11เรียนรู้

Mission 11: Textarea

⏱ 15 นาที✦ 10 xp

mission 12เรียนรู้

Mission 12: Checkbox

⏱ 15 นาที✦ 10 xp

mission 13เรียนรู้

Mission 13: Radio

⏱ 15 นาที✦ 10 xp

mission 14เรียนรู้

Mission 14: Select

⏱ 15 นาที✦ 10 xp

mission 15เรียนรู้

Mission 15: Div

⏱ 15 นาที✦ 10 xp

mission 16เรียนรู้

Mission 16: Section

⏱ 15 นาที✦ 10 xp

⚔️ boss battleโปรเจกต์ปิดท้าย

Boss Battle: Personal Profile Page

⏱ 40 นาที✦ 40 xp