Mission 1: เว็บไซต์ทำงานอย่างไร

เป้าหมายของ Mission นี้: เข้าใจภาพรวมว่าเว็บไซต์ทำงานอย่างไรเบื้องหลัง แบบ เบาๆ พอให้เห็นภาพ ยังไม่ต้องลึก

Internet และ Website ทำงานอย่างไร

Internet คือเครือข่ายคอมพิวเตอร์นับล้านเครื่องทั่วโลกที่เชื่อมต่อกัน เวลาคุณเปิด เว็บไซต์ เบราว์เซอร์ (Browser) ของคุณจะส่งคำขอ (HTTP Request) ไปหาเครื่อง คอมพิวเตอร์อีกเครื่องที่เก็บเว็บไซต์นั้นไว้ เครื่องนั้นตอบกลับมาเป็นไฟล์ HTML/CSS/JS แล้วเบราว์เซอร์ก็นำมาแสดงผลเป็นหน้าเว็บที่คุณเห็น

Client vs Server, Frontend vs Backend

• Client คือฝั่งผู้ใช้ — ก็คือเบราว์เซอร์บนเครื่องคุณนั่นเอง
• Server คือเครื่องที่เก็บเว็บไซต์และข้อมูลไว้ รอตอบคำขอจาก Client
• Frontend คือส่วนที่ผู้ใช้เห็นและโต้ตอบด้วยโดยตรง (สิ่งที่คอร์สนี้เน้น)
• Backend คือส่วนที่ทำงานอยู่บน Server เช่น จัดการฐานข้อมูล ประมวลผลข้อมูล

HTML, CSS, JavaScript คืออะไร

สามภาษานี้คือวัตถุดิบพื้นฐานของทุกหน้าเว็บ: HTML กำหนดโครงสร้าง, CSS จัดหน้าตาให้สวยงาม, และ JavaScript ทำให้หน้าเว็บโต้ตอบกับผู้ใช้ได้ — คอร์สนี้ จะพาคุณเขียนทั้งสามอย่างนี้ (ผ่าน JSX ซึ่งเป็นอีกรูปแบบของ HTML) ทีละขั้น

คำศัพท์สำคัญ