เว็บสมัยใหม่ประกอบด้วยหลายชั้น ตั้งแต่ frontend framework, backend framework, database, cloud hosting, security, testing และ deployment การเข้าใจภาพรวมช่วยให้ผู้เรียนเห็นว่าบทเรียนแต่ละส่วนเชื่อมต่อกันอย่างไร
Frontend Frameworks ช่วยสร้าง UI ที่ซับซ้อนและจัดการ state ของเว็บแอปได้เป็นระบบ
| Framework | จุดเด่น | เหมาะกับ |
|---|---|---|
| Angular | โครงสร้างครบ ชัดเจน ใช้ TypeScript เป็นหลัก | ระบบองค์กร แอปขนาดกลาง-ใหญ่ |
| React | ยืดหยุ่น ecosystem ใหญ่ | เว็บแอปทั่วไป dashboard product app |
| Vue.js | เรียนรู้ง่าย เบา และค่อย ๆ นำเข้า project ได้ | ทีมเล็ก-กลาง หรือ project ที่ต้องเริ่มเร็ว |
ในรายวิชานี้จะเน้น Angular เพราะช่วยให้เห็นแนวคิด component, service, routing, forms และโครงสร้าง project แบบครบถ้วน
Backend Frameworks ใช้สร้าง API, authentication, business logic และเชื่อมต่อฐานข้อมูล
ตัวอย่างที่พบบ่อย:
ฐานข้อมูลแบ่งกว้าง ๆ ได้เป็น SQL และ NoSQL
| ประเภท | ตัวอย่าง | จุดเด่น |
|---|---|---|
| SQL | PostgreSQL, MySQL | โครงสร้างชัด ความสัมพันธ์แน่น เหมาะกับข้อมูลที่ต้องการความถูกต้อง |
| NoSQL | MongoDB, Firebase | ยืดหยุ่น เหมาะกับข้อมูลเปลี่ยนรูปแบบบ่อยหรือ real-time app |
การเลือกฐานข้อมูลขึ้นกับลักษณะข้อมูล ความสัมพันธ์ ปริมาณการอ่านเขียน และทีมที่ดูแลระบบ
บริการ hosting ช่วยนำเว็บขึ้นออนไลน์
รายวิชาจะเดินจากพื้นฐานไปสู่การทำเว็บแอปแบบครบวงจร
การประเมินควรผสมทั้งความเข้าใจและการลงมือทำ เช่น
เลือกเทคโนโลยี 1 ชุดสำหรับสร้างระบบ “Learning Tracker” เช่น Angular + Express.js + PostgreSQL แล้วอธิบายว่าแต่ละเทคโนโลยีทำหน้าที่อะไรในระบบ