Thuật ngữ web không khó hiểu

Thuật ngữ web dễ hiểu hơn khi nhóm theo hành trình: client resolve domain qua DNS, mở network connection, gửi HTTP request, nhận response và render resource được xác định bằng URL.

Nhìn nhanh

Câu hỏi	Câu trả lời thực tế
Dùng khi nào?	Khi mở https://example.com/guide, browser hỏi DNS lấy address, negotiate TLS, request /guide từ host rồi parse HTML, CSS và JavaScript trả về.
Cần làm gì?	Mở browser developer tools cho một trang rồi ghi phần của URL, document request, status code, content type và một asset request.
Biết là đúng bằng cách nào?	Bạn giải thích được page load theo thời gian và phân biệt browser, domain, DNS, server, route, request, response và resource.
Lỗi hay gặp?	Các từ có thể bị dùng lẫn trong hội thoại, nhưng debugging hiệu quả hơn khi gọi đúng layer và bằng chứng quan sát được.

flowchart LR
  A[Câu hỏi] --> B[Thuật ngữ web không khó hiểu]
  B --> C[Ví dụ nhỏ]
  C --> D[Bằng chứng]

Điểm quan trọng của sơ đồ là không dừng ở định nghĩa: hãy nối khái niệm với một ví dụ nhỏ và bằng chứng có thể quan sát.

Ví dụ đã phân tích

Khi mở https://example.com/guide, browser hỏi DNS lấy address, negotiate TLS, request /guide từ host rồi parse HTML, CSS và JavaScript trả về.

Trước khi làm, hãy viết dấu hiệu thành công. Sau đó chỉ thay đổi một yếu tố, quan sát kết quả và ghi lại assumption. Với Thuật ngữ web không khó hiểu, cách này giúp tách điều bạn biết khỏi điều bạn chỉ đang đoán.

Thực hành trong 20–30 phút

Mục tiêu: Mở browser developer tools cho một trang rồi ghi phần của URL, document request, status code, content type và một asset request.

1. Ghi lại trạng thái ban đầu và điều bạn dự đoán.
2. Thực hiện phiên bản nhỏ nhất, không thêm công cụ chưa cần thiết.
3. Thay đổi đúng một input hoặc constraint rồi chạy lại.
4. Lưu command, screenshot, output hoặc checklist làm bằng chứng.

Kết quả mong đợi: Bạn giải thích được page load theo thời gian và phân biệt browser, domain, DNS, server, route, request, response và resource.

Sai ở đâu và sửa thế nào

Các từ có thể bị dùng lẫn trong hội thoại, nhưng debugging hiệu quả hơn khi gọi đúng layer và bằng chứng quan sát được.

Khi kết quả khác dự đoán, đừng đổi nhiều thứ cùng lúc. Kiểm tra input, version, environment, quyền truy cập và log trước; sau đó lặp lại từ ví dụ nhỏ nhất.

Định nghĩa hoàn thành

• Tôi giải thích được khái niệm bằng ngôn ngữ của mình.
• Tôi đã hoàn thành ví dụ nhỏ và giữ bằng chứng.
• Tôi biết một failure mode và cách kiểm tra nó.
• Người khác có thể làm lại mà không phải đoán bước còn thiếu.

Đi sâu hơn

Mở resource hoặc repository đi kèm ở cuối trang khi bạn cần implementation đầy đủ. Hãy kiểm tra version hiện hành trước khi dùng command trong dự án thật.