| 1 |
แนะนำรายวิชาและสถาปัตยกรรมเว็บแอปพลิเคชันสมัยใหม่ |
การมีส่วนร่วม, Quiz |
แบบทดสอบสั้นและสรุปเปรียบเทียบ Traditional Web กับ SPA |
เข้าใจ Web Architecture, Client-Server, HTTP/HTTPS, อธิบายความแตกต่างของ Traditional Web และ SPA ได้ |
| 2 |
HTML5 และ CSS3 สำหรับ Responsive Web Design |
Lab 1 |
Responsive Web Page |
ใช้ Semantic HTML ได้เหมาะสม จัด layout ด้วย CSS ได้ หน้าเว็บปรับตามขนาดหน้าจอ และโครงสร้างไฟล์เป็นระเบียบ |
| 3 |
JavaScript ES6+ และ Front-end Framework |
Lab 2 |
แบบฝึกหัด JavaScript และ Angular Components |
ใช้ JavaScript ES6+, DOM, Module ได้ถูกต้อง สร้าง Component เบื้องต้นได้ และอธิบายบทบาทของ Front-end Framework ได้ |
| 4 |
Angular Components และ Routing |
Assignment 1 |
เว็บไซต์หลายหน้าด้วย Angular |
ใช้ Components, Services, Routing, Bootstrap และ Forms ได้ หน้าเว็บนำทางได้ถูกต้อง และแยกโค้ดตามหน้าที่เหมาะสม |
| 5 |
REST API และการเชื่อมต่อ Front-end |
Lab 3 |
งานทดลองเชื่อม API สาธารณะ |
เรียกใช้ REST API ด้วย HTTP Client ได้ แสดงข้อมูล JSON ได้ จัดการ loading/error เบื้องต้น และอธิบาย flow การรับส่งข้อมูลได้ |
| 6 |
Back-end Development และฐานข้อมูล |
Lab 4 |
REST API พร้อมการเชื่อม PostgreSQL |
สร้าง CRUD API ได้ เชื่อมต่อฐานข้อมูลได้ ออกแบบ endpoint สื่อความหมาย และทดสอบ request/response ได้ |
| 7 |
Authentication และ Security |
Assignment 2 |
ระบบ Login |
ใช้ JWT Authentication ได้ แยก Authentication/Authorization ได้ จัดการ Password Hashing และ CORS ได้เหมาะสม |
| 8 |
พัฒนา Full Stack Web Application |
สอบปฏิบัติกลางภาค |
ระบบ Full Stack ตามโจทย์ปฏิบัติ |
เชื่อม Angular, Back-end และ Database ได้ครบ ทำ CRUD ได้จริง ตรวจสอบข้อมูลและแก้ปัญหาระหว่างพัฒนาได้ |
| 9 |
WebSocket และ Real-time Application |
Lab 5 |
Chat, Notification หรือ Real-time Dashboard |
ใช้ WebSocket หรือกลไก Real-time ได้ แสดงข้อมูลแบบทันเวลาได้ และอธิบาย use case ที่เหมาะสมได้ |
| 10 |
AI API และ Machine Learning Integration |
Assignment 3 |
AI Feature ในเว็บ |
เชื่อมต่อ OpenAI API, Gemini API หรือ AI Service ได้ ออกแบบ prompt/input-output ได้ และคำนึงถึง privacy/ethics |
| 11 |
Linux และ Git สำหรับนักพัฒนา |
Lab 6 |
Git Repository พร้อม workflow |
ใช้คำสั่ง Linux พื้นฐานได้ ใช้ Git branch/commit/merge ได้ มีประวัติการทำงานชัดเจน และจัดการ repository เป็นระบบ |
| 12 |
Docker และ Deployment |
Lab 7 |
ระบบที่ deploy ด้วย Docker |
เขียน Dockerfile หรือ Docker Compose ได้ ตั้งค่า container/network/env ได้ และสาธิตการ run ระบบได้ |
| 13 |
Software Testing และ Performance Optimization |
Assignment 4 |
รายงานผลทดสอบและการปรับปรุงระบบ |
มี Unit/API Test หรือหลักฐานการทดสอบที่เหมาะสม ระบุ bug/performance issue และปรับปรุงคุณภาพระบบได้ |
| 14 |
พัฒนาโครงงานเว็บแอปพลิเคชัน |
ความก้าวหน้าโครงงาน |
Prototype, repository, progress report |
แสดงความก้าวหน้าเทียบแผนได้ มี code review หรือ feedback มีระบบหลักเริ่มใช้งานได้ และระบุงานที่เหลือชัดเจน |
| 15 |
นำเสนอและสาธิตโครงงาน |
Project, Presentation, Demonstration |
ระบบสมบูรณ์ รายงาน และสไลด์นำเสนอ |
ระบบทำงานครบตาม requirement สาธิตได้จริง อธิบายสถาปัตยกรรมและบทบาทสมาชิกได้ รายงานและการนำเสนอครบถ้วน |