สัปดาห์ที่ 9 Front-end Framework (React, Vue, Angular)

วัตถุประสงค์

อธิบายเหตุผลที่ต้องใช้ Front-end Framework ได้
เปรียบเทียบ React, Vue และ Angular ในมุมมองการใช้งานได้
เลือก Framework ให้เหมาะกับลักษณะงานและทีมได้

หัวข้อย่อย

ปัญหาของการเขียน JavaScript แบบไม่ใช้ Framework
Component-based UI
React: Library และ Ecosystem
Vue: Progressive Framework
Angular: Full Framework
Criteria สำหรับเลือก Framework
การใช้ AI ช่วยอ่านเอกสารและเปรียบเทียบเครื่องมือ

เนื้อหา

Front-end Framework ช่วยจัดการความซับซ้อนของเว็บแอปพลิเคชันที่มีหลายหน้า หลาย component และข้อมูลเปลี่ยนแปลงตลอดเวลา แนวคิดสำคัญคือการแบ่ง UI เป็นชิ้นส่วนเล็ก ๆ ที่นำกลับมาใช้ซ้ำและทดสอบได้ง่ายขึ้น

React เด่นเรื่อง ecosystem และความยืดหยุ่น Vue เด่นเรื่องเรียนง่ายและค่อย ๆ นำไปใช้ได้ Angular เด่นเรื่องโครงสร้างครบสำหรับงานขนาดใหญ่ การเลือกใช้จึงไม่ควรดูความนิยมอย่างเดียว แต่ควรดูทีม ขนาดงาน และมาตรฐานขององค์กรด้วย

กิจกรรมในชั้นเรียน

แบ่งกลุ่มเปรียบเทียบ React, Vue และ Angular แล้วนำเสนอ Framework ที่เหมาะกับโจทย์ที่ได้รับ

ศึกษาค้นคว้านอกเวลา

อ่านเอกสารทางการของ Framework อย่างน้อย 1 ตัว และสรุปแนวคิด component

คำถามทบทวน

Component-based UI ช่วยลดความซับซ้อนได้อย่างไร
Angular แตกต่างจาก React ในเชิงแนวทางอย่างไร
การเลือก Framework ควรพิจารณาปัจจัยใดบ้าง

กลับรายวิชา