คืออะไร ฟรอนต์เอนด์
ส่วนฝั่งไคลเอนต์ของแอปพลิเคชัน: อินเทอร์เฟซผู้ใช้
Frontend คือส่วนฝั่งไคลเอนต์ของเว็บแอปพลิเคชัน รับผิดชอบทุกอย่างที่ผู้ใช้เห็นและโต้ตอบในเบราว์เซอร์
เทคโนโลยีหลัก
- HTML — โครงสร้างและเนื้อหาหน้าเว็บ
- CSS — การจัดรูปแบบและการออกแบบ
- JavaScript — การโต้ตอบและตรรกะ
- TypeScript — JavaScript พร้อม Type
เฟรมเวิร์กยอดนิยม
- React — ไลบรารี UI จาก Meta
- Vue.js — เฟรมเวิร์กแบบก้าวหน้า
- Angular — เฟรมเวิร์กเต็มรูปแบบจาก Google
- Svelte — เฟรมเวิร์กแบบคอมไพล์
เครื่องมือพัฒนา
- Vite, Webpack — ตัวรวมโมดูล
- Tailwind CSS — เฟรมเวิร์ก CSS แบบ Utility-first
- Figma — การออกแบบและสร้างต้นแบบ
- Chrome DevTools — การดีบักในเบราว์เซอร์
งานของนักพัฒนา Frontend
- การสร้าง Layout ตามแบบ
- การออกแบบแบบ Responsive สำหรับอุปกรณ์ต่างๆ
- การปรับปรุงประสิทธิภาพ
- การเชื่อมต่อกับ Backend API