ข้ามไปยังเนื้อหา
THE INTERNET MACHINE

THE INTERNET MACHINE · หนังสือ Interactive ภาษาไทย

เว็บไซต์ทำงานอย่างไรกันแน่?

เข้าไปสำรวจสิ่งที่เกิดขึ้นเบื้องหลังทุกคลิกของคุณ

เข้าสู่โลกอินเทอร์เน็ตกำลังตรวจสิทธิ์

4 เล่ม Interactive · 26 บท

4 ระบบในเครื่อง · แตะเพื่อดู

Trace console

กด “ส่งคำขอผ่านเครื่อง” แล้วดูว่าคลิกหนึ่งครั้งเดินทางผ่านอะไรบ้าง หรือชี้ที่แผ่นใดแผ่นหนึ่งเพื่อดูว่ามันทำอะไร

ENTER THE MACHINE · เลื่อนลงเพื่อเดินทาง

จากผิวหน้าจอ ลงไปถึงก้นบึ้งของเครื่องจักร

ห้าฉากต่อไปนี้คือเส้นทางเดียวกับที่ข้อมูลของคุณเดินทางทุกวัน เลื่อนช้า ๆ แล้วดูว่าแต่ละชั้นทำงานอย่างไร

https://coffee.exampleสั่งเลยCSS · หน้าตาเป็นอย่างไร<h1><p><button><img>HTML · มีอะไรบ้างonclick → fetch("/api/orders")JavaScript · ทำอะไรได้POST /api/orders →← 201 CreatedRequest · คำขอResponse · คำตอบSERVERINSERT INTO orders …✓ 1 row savedDATABASEORIGIN SERVERCDN EDGEภาพเชิงแนวคิด ไม่ใช่แผนที่จริง
  1. SCENE 01 — THE SURFACE

    นี่คือเว็บไซต์ที่คุณเห็นทุกวัน

    ปุ่ม ตัวหนังสือ รูปภาพ เหมือนภาพหนึ่งภาพที่ถูกส่งมาให้ดู แต่สิ่งที่คุณเห็นเป็นเพียงผิวหน้าของเครื่องจักรขนาดใหญ่

    เล่ม 01 · ทำไมเราถึงมองเห็นเว็บไซต์? →
  2. SCENE 02 — BREAK THE SURFACE

    ผิวหน้าแยกออกเป็นสามชั้น

    หน้าเว็บไม่ใช่ภาพ แต่ถูกวาดสด ๆ จากคำสั่งสามภาษา: HTML บอกว่ามีอะไร CSS บอกว่าหน้าตาเป็นอย่างไร และ JavaScript บอกว่าเมื่อถูกกดต้องทำอะไร

    ลองแกะเองในห้องทดลอง 01 →
  3. SCENE 03 — FOLLOW THE REQUEST

    ตามคำขอไปจนถึงเซิร์ฟเวอร์

    เมื่อคุณกดสั่งซื้อ เบราว์เซอร์ส่ง Request ข้ามอินเทอร์เน็ตไปหาเซิร์ฟเวอร์ เซิร์ฟเวอร์ตรวจ ตัดสินใจ แล้วส่ง Response กลับพร้อมรหัสอย่าง 201 Created

    เล่ม 02 · เมื่อเรากดปุ่ม ใครเป็นคนทำงาน? →
  4. SCENE 04 — THE MEMORY LAYER

    ลงไปถึงชั้นความจำ

    เซิร์ฟเวอร์ไม่ได้จำอะไรเอง มันส่งคำสั่งไปหาฐานข้อมูลเพื่อบันทึกและค้นหา ฐานข้อมูลจึงเป็นเหตุผลที่เว็บไซต์จำคุณได้ในวันพรุ่งนี้

    เล่ม 03 · เว็บไซต์จำเราได้อย่างไร? →
  5. SCENE 05 — CONNECTED WORLD

    แล้วทั้งหมดนี้ก็เชื่อมถึงคนทั้งโลก

    DNS ช่วยหาที่อยู่ของเซิร์ฟเวอร์ CDN เก็บสำเนาไว้ใกล้ผู้ใช้ และเส้นทางนับพันพาข้อมูลข้ามทวีป ทุกครั้งที่ใครสักคนเปิดเว็บไซต์ของคุณ

    เล่ม 04 · เว็บไซต์เดินทางไปหาคนทั้งโลกได้อย่างไร? →

BOOK UNIVERSE · 4 เล่ม 4 โลก

หนึ่งชุด สี่โลก ของเครื่องจักรเดียวกัน

แต่ละเล่มคือหนึ่งโมดูลของเครื่องจักร เรียงจากสิ่งที่ตาเห็นไปจนถึงสิ่งที่มองไม่เห็น รวมทั้งหมด 26 บท

01 — THE VISIBLE WORLD

ทำไมเราถึงมองเห็นเว็บไซต์?

ทุกปุ่ม ทุกตัวอักษร และทุกสีที่คุณเห็นบนจอ ถูกประกอบขึ้นจากภาษาสามภาษาที่ทำงานคนละหน้าที่ เล่มนี้พาคุณแกะหน้าเว็บออกเป็นชิ้น แล้วประกอบกลับด้วยมือตัวเอง

  • HTML, CSS และ JavaScript ทำหน้าที่ต่างกันอย่างไร
  • เบราว์เซอร์เปลี่ยนไฟล์ข้อความให้เป็นภาพบนจอได้อย่างไร
  • ทำไมหน้าเว็บเดียวกันจึงพอดีทั้งมือถือและจอใหญ่

7 บท

เข้าสู่โลกนี้ →กำลังตรวจสิทธิ์

EXPERIMENT STATIONS · ทดลองฟรี ไม่ต้องสมัคร

ลงมือก่อน แล้วค่อยตัดสินใจ

ห้องทดลองทุกห้องทำงานจริงในเบราว์เซอร์ของคุณ เป็นแบบจำลองเพื่อการเรียนรู้ ไม่มีข้อมูลใดถูกส่งออกไปไหน

กำลังเปิดสถานีทดลอง…

คำถามที่น่าจะสงสัย

ตอบตรง ๆ ก่อนตัดสินใจ

399 บาท ได้กี่เล่ม?

ได้ครบทั้ง 4 เล่มในราคาเดียว ไม่ใช่ราคาต่อเล่ม และไม่มีค่าสมาชิกรายเดือน

ต้องเขียนโค้ดเป็นก่อนไหม?

ไม่ต้อง หนังสือเริ่มจากสิ่งที่คุณเห็นบนหน้าจอทุกวัน ทุกศัพท์เทคนิคจะถูกอธิบายด้วยภาษาธรรมดาก่อนใช้เสมอ

อ่านบนอะไรได้บ้าง?

อ่านผ่านเว็บเบราว์เซอร์ ทั้งบนโทรศัพท์ แท็บเล็ต และคอมพิวเตอร์ ห้องทดลองใช้นิ้วแตะได้

ตอนนี้ซื้อได้หรือยัง?

บทที่ล็อกไว้มีเนื้อหาแล้วหรือยัง?

มีครบแล้ว ทั้ง 26 บทเขียนเสร็จ บทแรกของทุกเล่มอ่านได้ฟรีโดยไม่ต้องเข้าสู่ระบบ ส่วนบทฉบับเต็มเก็บไว้บนเซิร์ฟเวอร์ และส่งให้อ่านเฉพาะเมื่อเข้าสู่ระบบด้วย Google และบัญชีมีสิทธิ์

เข้าสู่ระบบได้หรือยัง?

กำลังตรวจสถานะระบบเข้าสู่ระบบ…