Frontend và Backend khác nhau thế nào?
Trả lời ngắnFrontend chạy trong máy người dùng nên ai cũng sửa được bằng F12. Backend chạy trên server nên là nơi duy nhất kiểm tra được thật.
Bảng so sánh
| Frontend | Backend | |
|---|---|---|
| Chạy ở đâu | Trình duyệt của người dùng | Máy chủ |
| Người dùng sửa được không | Được — mở F12 là sửa | Không |
| Việc chính | Hiển thị, nhận thao tác, phản hồi tức thì | Logic nghiệp vụ, dữ liệu, quyền hạn |
| Kiểm tra dữ liệu để làm gì | Cho người dùng đỡ bực | Để bảo vệ hệ thống — mới là thật |
| Test bằng gì | E2E, visual testing | API testing, unit test |
💡 Cách nhớ
Câu duy nhất cần nhớ: mọi thứ frontend gửi lên đều có thể đã bị sửa. Vì thế backend luôn phải kiểm lại, kể cả khi frontend đã kiểm rồi.Chọn cái nào?
- Nếu Nút bị lệch, chữ hiển thị sai→ Frontend
- Nếu Đặt được đơn hàng với số lượng 0→ Backend — frontend chặn không tính
- Nếu Trang tải chậm→ Có thể cả hai — xem tab Network để biết chờ ở đâu
⚠ Bẫy thường gặp
Bẫy kinh điển khi test: thấy nút Thanh toán bị mờ đi nên kết luận “không đặt được đơn sai”. Mở F12 gõ một dòng là nút sáng lại và bấm được. Chỉ khi backend từ chối thì mới thật sự là chặn.
Câu hỏi hay gặp
- Fullstack là gì?
- Là người làm được cả hai phía. Không phải một phần thứ ba, chỉ là một người kiêm hai việc.
- Tester cần biết code frontend hay backend?
- Biết đủ để mở F12, đọc tab Network và hiểu request/response là đã đi được rất xa. Không cần viết được ứng dụng.