สัปดาห์ที่ 15: โปรเจกต์สุดท้าย Full-Stack Angular Application

สัปดาห์นี้เป็นช่วงสรุปและต่อยอดรายวิชา ผ่านการ นำเสนอโปรเจกต์, Peer Review, Code Review, Performance Audit, การมอง แนวโน้มเทคโนโลยีเว็บ, การสร้าง Portfolio และการอภิปรายเส้นทางพัฒนาตนเองหลังจบรายวิชา

ผลลัพธ์การเรียนรู้

  1. นำเสนอโปรเจกต์ Full-stack Web Application พร้อม demo จริงได้
  2. ให้และรับ Constructive Feedback ผ่าน Peer Review ได้
  3. วิเคราะห์คุณภาพโค้ดด้วยหลัก Clean Code และ Best Practice ได้
  4. ตรวจ Performance ด้วย Lighthouse และวิเคราะห์ Bundle Size ได้
  5. เชื่อมโยงผลงานกับ Portfolio และเส้นทางอาชีพ Web Developer ได้
  6. สรุปทักษะที่ได้เรียนรู้ตลอด 15 สัปดาห์และวางแผนพัฒนาต่อได้

บทเรียนย่อย

ลำดับ หัวข้อ ไฟล์บทเรียน สไลด์
1 นำเสนอและวิจารณ์โปรเจกต์ Peer Review webprogram-15-final-project-01-peer-review-presentation.md webprogram-15-final-project-01-peer-review-presentation-slides.mdx
2 Code Review: คุณภาพโค้ด Clean Code Best Practice webprogram-15-final-project-02-code-review-clean-code.md webprogram-15-final-project-02-code-review-clean-code-slides.mdx
3 Performance Audit: Lighthouse Score และ Angular Bundle Size webprogram-15-final-project-03-performance-audit.md webprogram-15-final-project-03-performance-audit-slides.mdx
4 แนวโน้มเทคโนโลยีเว็บในอนาคต webprogram-15-final-project-04-future-web-technology.md webprogram-15-final-project-04-future-web-technology-slides.mdx
5 การสร้าง Portfolio และเส้นทางอาชีพ Web Developer webprogram-15-final-project-05-portfolio-career-path.md webprogram-15-final-project-05-portfolio-career-path-slides.mdx
6 สรุปและอภิปรายรายวิชา webprogram-15-final-project-06-course-summary-discussion.md webprogram-15-final-project-06-course-summary-discussion-slides.mdx

ลำดับกิจกรรม

  1. เตรียม Demo URL และ Slide สรุป
  2. นำเสนอ Problem, Architecture, Features และผลลัพธ์
  3. รับ Peer Review จากเพื่อนและผู้สอน
  4. ตรวจ Code Quality และ Performance
  5. สรุปสิ่งที่ปรับปรุงและแนวทางต่อยอด
  6. วางแผนนำผลงานไปใส่ Portfolio

แบบทดสอบหลังเรียนภาพรวม

  1. Peer Review ที่ดีควรให้ feedback แบบใด
  2. Clean Code ช่วยให้โปรเจกต์ระยะยาวดีขึ้นอย่างไร
  3. Core Web Vitals มีตัวชี้วัดหลักอะไรบ้าง
  4. WebAssembly เหมาะกับงานลักษณะใด
  5. Portfolio สำหรับ Web Developer ควรมีข้อมูลใด
  6. ทักษะใดจากรายวิชานี้ที่นำไปใช้กับงานจริงได้ทันที

กลับรายวิชา