สรุปและแบบฝึกหัด

ประเด็นสำคัญ

• เว็บคือการเต้นรำแบบง่าย ๆ เดียวที่เกิดซ้ำไม่รู้จบ: client (โดยปกติคือเบราว์เซอร์) ส่ง request และ server ส่ง response กลับมา ที่เหลือทั้งหมดคือรายละเอียดเพิ่มเติมบนพื้นฐานนี้
• URL คือชิ้นส่วนที่มีป้ายกำกับเย็บติดกัน — scheme, host, path, query method คือคำกริยา: GET อ่าน, POST สร้าง, PUT อัปเดต, DELETE ลบ
• status codes คือคำตัดสินแบบมองปราดเดียวของ server การแยก 4xx/5xx บอกคุณว่าต้องดูตรงไหน: 4xx หมายความว่า request ผิด (URL ผิด) 5xx หมายความว่าโค้ดของ server เองพัง
• HTTPS (แม่กุญแจ) ผนึกบทสนทนาไว้เพื่อไม่ให้ใครตรงกลางอ่านมันได้ — แอปจริงใช้มันเสมอ cookies คือวิธีที่เว็บไซต์จำได้ว่าคุณล็อกอินอยู่ข้ามหลาย request
• frontend ของคุณคือ client (ทำงานในเบราว์เซอร์) backend ของคุณคือ server (รันตรรกะของคุณและคุยกับฐานข้อมูล) ทุกฟีเจอร์ที่คุณสร้างอยู่ฝั่งใดฝั่งหนึ่งของการเต้นรำนี้

ลองทำดู

เปิดเว็บไซต์ใดก็ได้ แล้วเปิด developer tools ของเบราว์เซอร์ (คลิกขวา → "Inspect" จากนั้นแท็บ "Network") แล้วโหลดหน้าใหม่ ดูรายการ request ที่ค่อย ๆ เต็มขึ้นมา — คุณจะเห็น request ของหน้าเว็บหนึ่งครั้ง ตามด้วยอีกหลายสิบครั้งสำหรับรูปภาพ ฟอนต์ และสไตล์ ตรงตามที่อธิบายไว้ทุกประการ คลิกที่หนึ่งรายการแล้วดู method ของมัน (GET) status code ของมัน (หวังว่าจะเป็น 200) และ headers ของมัน ตอนนี้คุณกำลังเห็นการเต้นรำของ request/response เกิดขึ้นแบบเรียลไทม์ พร้อมคำศัพท์ที่ใช้อ่านมันได้แล้ว

คำสั่งประจำบท

I'm learning how the web works as a beginner. Using my own app as the example:
<describe your app, or paste a URL or an error you're seeing>

- Walk me through the request/response cycle for one specific action
  (like loading a page or submitting a form), step by step.
- Tell me which part is the client (frontend) and which is the server (backend).
- If I'm seeing a status code or error, explain whether it's a 4xx (my
  request was wrong) or a 5xx (the server broke), and where to look.
- Keep it concrete and beginner-friendly — no assumed knowledge.