คอร์ส: พัฒนาเว็บแอปพลิเคชันตามความต้องการทางธุรกิจด้วย HTML5, JavaScript และ Spring Boot

เป้าหมายของคอร์ส

เข้าใจกระบวนการวิเคราะห์ความต้องการทางธุรกิจและแปลงเป็น Web Application
ออกแบบสถาปัตยกรรมระบบแบบ Full Stack (Frontend + Backend)
เขียนเว็บแอปพลิเคชันที่มี API เชื่อมโยงและฐานข้อมูลจริง
Deploy เว็บแอปให้ใช้งานได้จริงในองค์กรหรือ Cloud

Part 1: พื้นฐานและแนวคิดเชิงระบบ

1. เข้าใจภาพรวมของ Web Application
Web App vs Website vs Mobile App
สถาปัตยกรรม Client-Server และ REST API
โครงสร้างโปรเจกต์ Full Stack

2. วิเคราะห์ความต้องการทางธุรกิจ (Business Requirements)
วิธีเก็บ Requirement จากลูกค้าหรือผู้บริหาร
การเขียน Business Flow / Use Case
การแปลง Requirement → Feature → API

Part 2: Frontend ด้วย HTML5 + JavaScript

3. พื้นฐาน HTML5
โครงสร้างหน้าเว็บและ Semantic Elements
Form, Input Validation, Layout และ Responsive Design

4. การใช้ JavaScript เพื่อสร้าง Dynamic UI
DOM Manipulation, Event Handling
Fetch API สำหรับเรียก REST API จาก Backend
การจัดการ State ภายในหน้าเว็บ
การใช้ LocalStorage / SessionStorage

5. การออกแบบ UX/UI ตามความต้องการทางธุรกิจ
Prototype wireframe ด้วย Figma (optional)
การทำ Table / Dashboard / Chart แสดงข้อมูลธุรกิจ
การแสดงผล Error และสถานะระบบ (Loading, Success, Fail)

Part 3: Backend ด้วย Spring Boot

6. พื้นฐาน Spring Boot
สร้างโปรเจกต์ด้วย Spring Initializr
โครงสร้างโปรเจกต์ MVC
Dependency Injection และ @Component, @Service, @Repository

7. การสร้าง REST API
@RestController และการแม็ป URL
RequestBody, PathVariable, QueryParam
การส่ง Response ด้วย DTO

8. การเชื่อมต่อฐานข้อมูล
Spring Data JPA และ Entity Mapping
Repository Interface
การใช้ H2 / MySQL
การ Query และ Pagination

9. การทำงานร่วมกับ Frontend
CORS และการรับส่ง JSON
ทดสอบ API ด้วย Postman
การเชื่อมต่อ Frontend (JS Fetch API → Spring Boot Endpoint)

Part 4: Business Logic & Security

10. การออกแบบ Business Logic
การแยก Layer ของ Service ให้สะอาด
ตัวอย่าง: ระบบจัดการคำสั่งซื้อ, ระบบจองคิว, ระบบรายงานยอดขาย

11. ระบบ Authentication & Authorization
Login / Logout ด้วย JWT
การจัดการ Session และ Role-Based Access Control

Part 5: Deploy & Scaling

12. การจัดการ Configuration
application.properties / YAML
การตั้งค่า Environment: dev, test, prod

13. การ Deploy
Run บน Tomcat / Embedded Server
การใช้ Docker + Spring Boot
Deploy บน Cloud (เช่น Render, Railway, AWS, หรือ VPS)

Part 6: Workshop – สร้างเว็บแอปธุรกิจจริง

14. Workshop Project ตัวอย่าง (เลือก 1)
ระบบจองคิวร้านค้า / ร้านอาหาร
ระบบจัดการคำสั่งซื้อออนไลน์
ระบบจัดการลูกค้า (CRM)
ระบบรายงานผลประกอบการ

15. การทดสอบระบบและสรุปบทเรียน
Unit Test, Integration Test, Mock API
การตรวจสอบความปลอดภัยพื้นฐาน
การปรับปรุงประสิทธิภาพ