vibecodingthailand
ภาษาลับๆ เบื้องหลังทุกแอป
ทุก app ในมือถือคุณพูด HTTP อยู่ตลอดเวลา 10 บทนี้จะเปิดฝาให้เห็นการคุยลับๆ นั้น ตั้งแต่ URL ไปจนถึง DevTools ของจริง
กดเลือกแอปแล้วดู phone ส่ง request ไปจน server ตอบกลับ
/restaurants?near=me200 OKหลังเรียนจบ คุณจะ...
เปิด DevTools อ่าน request ของ YouTube/Facebook ออก
อ่าน status code ทุกตัวเข้าใจ ไม่ต้อง Google ว่า 404 ต่างจาก 500 ยังไง
ยิง public API ด้วยตัวเองได้ ไม่ต้องรอพี่ backend สอน
เริ่มที่นี่
ทำความรู้จัก HTTP ภาษากลางที่ browser กับ server ใช้คุยกัน เข้าใจบทบาท client กับ server และวงจร request-response
ทำความรู้จัก
— HTTP, URL, structure ของ message
ทำความรู้จัก HTTP ภาษากลางที่ browser กับ server ใช้คุยกัน เข้าใจบทบาท client กับ server และวงจร request-response
แกะ URL ทีละชิ้น: scheme, host, port, path, query, fragment รู้ว่าแต่ละส่วนทำหน้าที่อะไร
HTTP message = text 3 ส่วน: start line, headers, body ดูตัวอย่างจริงทั้ง request และ response ของแอพกาแฟ
ลงลึก
— methods, status, headers, body + JSON
5 method หลัก GET/POST/PUT/PATCH/DELETE + CRUD + safe + idempotent ลองกดแต่ละ method ดู effect
5 family ของ status code (1xx-5xx) + code ที่เจอบ่อย (200/201/301/400/401/403/404/500/503) รู้ว่าเห็นเลขไหนแล้วควรทำยังไงต่อ
รู้จัก header ที่ใช้บ่อย 4 หมวด (Content, Auth, Cache, ทั่วไป) ทำไมต้องแยก metadata จาก body
Body คือเนื้อหาจริงของ message JSON เป็น format ยอดฮิต 6 ชนิดข้อมูล + syntax ที่ต้องระวัง + Content-Type ต้อง match
ใช้งานจริง
— API design, auth/HTTPS, DevTools + playground
API = หน้าประตูให้ program คุย program รู้จัก REST สไตล์การออกแบบยอดนิยม + endpoint pattern + เปรียบเทียบกับ GraphQL/gRPC
วิธีให้ server รู้ว่าเราเป็นใคร (cookie/token/JWT/OAuth) + AuthN vs AuthZ + HTTPS ทำงานยังไง เข้ารหัสปกป้องจาก MITM
เปิด DevTools ดู request จริงของ Facebook/YouTube/Google + ยิง public API ด้วย playground ในหน้านี้โดยไม่ต้องเขียน code