Hiểu cách ứng dụng web hoạt động không cần biết code

Playbook này dành cho ai?

Bạn làm marketing, kinh doanh, hoặc quản lý — và thường xuyên làm việc với team dev. Mỗi lần họp, bạn nghe "frontend", "backend", "API", "deploy" nhưng không nắm rõ họ đang nói về phần nào của sản phẩm.

Hoặc bạn đang dùng công cụ AI như Claude Code, Cursor để tự tạo ứng dụng. AI viết code cho bạn, nhưng khi có lỗi, bạn không biết lỗi nằm ở đâu — phần giao diện? phần xử lý? hay phần dữ liệu? — nên cũng không biết phải mô tả thế nào cho AI sửa.

Playbook này giúp bạn hiểu "bếp núc" bên trong một ứng dụng web, đủ để giao tiếp đúng và ra quyết định đúng.

Bạn sẽ đạt được gì?

• Hiểu ứng dụng web gồm 5 tầng: frontend, backend, database, API, deployment — mỗi tầng làm gì
• Phân biệt lỗi frontend (hiển thị sai) và lỗi backend (xử lý sai) khi sản phẩm có lỗi
• Biết SQL và NoSQL khác nhau ở đâu, khi nào dùng loại nào
• Hiểu API là gì và tại sao "tích hợp qua API" không có nghĩa là xây lại từ đầu
• Đủ từ vựng để nói chuyện với team dev hoặc mô tả lỗi cho AI khi tự tạo ứng dụng

Bạn cần chuẩn bị gì?

• Không cần biết code hay cài đặt phần mềm

Bức tranh toàn cảnh

Một ứng dụng web giống như một nhà hàng. Bạn sẽ dùng hình ảnh này xuyên suốt:

• Frontend = phòng ăn — nơi khách nhìn thấy và tương tác
• Backend = nhà bếp — nơi xử lý yêu cầu phía sau
• Database = kho nguyên liệu + sổ sách — nơi lưu trữ thông tin
• API = cửa sổ giao đồ giữa phòng ăn và bếp — cách các phần "nói chuyện" với nhau
• Deployment = mở cửa nhà hàng — đưa ứng dụng lên internet cho khách truy cập

Năm phần này có mặt trong hầu hết mọi ứng dụng — từ Shopee đến blog cá nhân. Hiểu chúng giống như hiểu sơ đồ tổ chức của một công ty: bạn không cần làm mọi vị trí, nhưng cần biết ai phụ trách gì.

---

1. Frontend — phòng ăn mà khách nhìn thấy

Frontend là phần bạn thấy trên màn hình khi mở một website: nút bấm, hình ảnh, thanh tìm kiếm, form đăng ký. Mở Shopee lên — banner, danh sách sản phẩm, nút "Thêm vào giỏ" — đều là frontend.

Giống phòng ăn trong nhà hàng: cách bàn ghế sắp xếp, menu được thiết kế, ánh sáng và không gian — gộp lại thành trải nghiệm cho khách.

Frontend được xây từ 3 thành phần:

• HTML = bộ khung — quyết định trang có gì: tiêu đề, đoạn văn, hình ảnh, nút bấm. Giống tường, sàn, trần của phòng ăn
• CSS = trang trí — quyết định trông ra sao: màu sắc, kích thước, khoảng cách. Giống việc chọn bàn ghế, sơn tường, treo đèn
• JavaScript = sự sống — tạo tương tác: bấm nút thì có chuyện xảy ra, kéo trang thì ảnh hiện lên, gõ chữ thì gợi ý xuất hiện