ABYS Academy

เป้าหมายของ Mission นี้: เห็นภาพรวมทั้ง 7 Chapter ของคอร์สนี้ ก่อนเริ่ม เดินทางจริง

เส้นทางทั้งคอร์ส

#	Chapter	จะได้อะไร
1	ก่อนเริ่มต้น	ภาพรวมว่าเว็บทำงานยังไง + ภาพรวมคอร์ส (คุณอยู่ตรงนี้)
2	HTML with JSX	เขียนโครงสร้างหน้าเว็บด้วย element พื้นฐาน
3	Tailwind CSS	จัด style ให้สวยงามแบบ Utility-First
4	Layout	จัดวางหลาย element ให้เป็นหน้าเว็บด้วย Flexbox/Grid
5	รู้จัก Framework	เปิดโปรเจค Next.js จริง รู้จักเครื่องมือที่จะใช้สร้าง React
6	React Basics	เขียน React จริง — Component, Props, State, ทำให้เว็บโต้ตอบได้
7	Build Real Website	ประกอบทุกอย่างเป็นเว็บไซต์บริษัทจริงทั้งหน้า

จุดสังเกต

Chapter 1-4 เขียนหน้าเว็บแบบ "นิ่ง" (static) — ใส่ข้อความ จัด style จัด layout ยังไม่มีการโต้ตอบ ส่วน Chapter 5 คือจุดพักที่ทำความรู้จักเครื่องมือ (Next.js/React) ก่อนที่ Chapter 6 จะเป็นจุดเปลี่ยนสำคัญ — เริ่มเขียน React จริงๆ ทำให้หน้าเว็บ โต้ตอบกับผู้ใช้ได้เป็นครั้งแรก แล้ว Chapter 7 ค่อยเอาทุกอย่างมาประกอบรวมกันเป็น เว็บไซต์เต็มรูปแบบ

ทุก Chapter จบด้วย Boss Battle ที่รวมทักษะที่เรียนมาในบทนั้นเข้าด้วยกัน — ต้อง ผ่าน Boss Battle ก่อนถึงจะไป Chapter ถัดไปได้

Mission 2: ภาพรวมคอร์สนี้

เส้นทางทั้งคอร์ส

จุดสังเกต