Tech 101 — Ứng dụng web hoạt động như thế nào?
Giải thích frontend, backend, database, API, deployment — giúp bạn nói chuyện được với team dev và hiểu cách ứng dụng web hoạt động
Playbook này dành cho ai?
Bạn làm marketing, kinh doanh, hoặc quản lý dự án. Bạn thường xuyên làm việc với team dev — nhưng mỗi lần họp, bạn nghe "frontend", "backend", "API", "deploy" mà không hiểu họ đang nói gì.
Bạn không cần biết code. Nhưng bạn cần hiểu cách một ứng dụng hoạt động — để ra quyết định đúng, đặt câu hỏi đúng, và không bị lạc trong cuộc họp.
Đặc biệt trong thời đại AI, các công cụ như Claude Code hay Cursor cho phép bạn tạo ứng dụng bằng cách mô tả bằng tiếng Việt — không cần viết code. Nhưng để dùng chúng hiệu quả, bạn vẫn cần hiểu "bếp núc" bên trong hoạt động ra sao.
Bạn sẽ hiểu được gì sau playbook này?
- Một ứng dụng web gồm những phần nào — frontend, backend, database, API, deployment
- Mỗi phần làm gì, và chúng kết nối với nhau ra sao
- Đủ kiến thức để nói chuyện có nghĩa với team dev — không cần biết code
- Tại sao hiểu những điều này giúp bạn dùng AI tools tốt hơn
Bức tranh toàn cảnh
Hãy tưởng tượng 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 playbook:
- Frontend (giao diện người dùng) = phòng ăn — nơi khách hàng nhìn thấy và tương tác
- Backend (phần xử lý phía sau) = nhà bếp — nơi xử lý mọi yêu cầu
- Database (cơ sở dữ liệu) = sổ sách — nơi ghi chép mọi thứ: công thức, sở thích khách hàng, lịch sử đặt hàng, danh sách nhà cung cấp
- API (giao diện lập trình ứng dụng) = bồi bàn — người kết nối phòng ăn với nhà bếp
- Deployment (triển khai) = việc mở cửa nhà hàng cho khách vào — đưa mọi thứ lên internet
1. Frontend — phòng ăn mà khách hàng nhìn thấy
Frontend là tất cả những gì bạn nhìn thấy và chạm vào khi dùng một website hoặc ứng dụng. Nút bấm, hình ảnh, thanh menu, form đăng ký — tất cả đều là frontend.
Quay lại nhà hàng: frontend chính là phòng ăn. Cách bàn ghế được sắp xếp, menu được thiết kế, ánh sáng và âm nhạc — tất cả tạo nên trải nghiệm của khách hàng.
Frontend được xây dựng từ 3 thành phần cơ bản:
- HTML = bộ khung của trang web — giống như tường, sàn, trần nhà. HTML quyết định "có gì" trên trang: tiêu đề, đoạn văn, hình ảnh, nút bấm
- CSS = trang trí — giống như sơn tường, chọn bàn ghế, treo đèn. CSS quyết định mọi thứ trông như thế nào: màu sắc, kích thước, khoảng cách
- JavaScript = nhân viên phục vụ trong phòng ăn — giống như người mở cửa, bật nhạc, thay menu theo giờ. JavaScript tạo ra tương tác: khi bạn bấm nút thì có chuyện xảy ra, khi kéo trang thì ảnh hiện lên
Khi bạn mở Shopee trên điện thoại, tất cả những gì bạn thấy — banner khuyến mãi, ô tìm kiếm, danh sách sản phẩm, nút "Thêm vào giỏ hàng" — đều là frontend.
Tại sao bạn cần biết điều này? Khi team dev nói "frontend chưa xong", nghĩa là giao diện chưa sẵn sàng — phần mà người dùng nhìn thấy. Khi họ nói "lỗi frontend", nghĩa là giao diện hiển thị sai — không phải dữ liệu sai.
Ví dụ thực tế: Bạn yêu cầu team làm trang đăng ký newsletter. Dev hỏi: "Anh/chị muốn form đăng ký trông như nào?" — đó là câu hỏi về frontend. Còn "dữ liệu email lưu ở đâu?" — đó là câu hỏi về backend và database. Hiểu phân biệt này giúp bạn trả lời đúng người đúng việc.