reveal.js

# ประวัติและวิวัฒนาการของเว็บ

หัวข้อ 1 · Web Programming

---

## แนวคิดหลัก

เว็บพัฒนาจากหน้าเอกสารอ่านอย่างเดียว ไปสู่แพลตฟอร์มที่ผู้ใช้มีส่วนร่วม และกำลังขยับไปสู่เว็บที่ข้อมูลฉลาดขึ้น กระจายศูนย์มากขึ้น และให้ผู้ใช้ควบคุมข้อมูลมากขึ้น

---

## Web 1.0

เว็บแบบอ่านอย่างเดียว

- พบมากในช่วง 1990s
- เจ้าของเว็บสร้างเนื้อหาไว้ล่วงหน้า
- ผู้ใช้เข้ามาอ่านข้อมูลเป็นหลัก
- มักเป็น HTML static

ตัวอย่าง: เว็บไซต์องค์กร หน้าข่าว เอกสารออนไลน์

---

## Web 2.0

เว็บแบบมีส่วนร่วม

- ผู้ใช้สร้างเนื้อหาได้
- มีระบบสมาชิก ความคิดเห็น การแชร์ และการกดถูกใจ
- ใช้ JavaScript และ API มากขึ้น
- เกิดแพลตฟอร์มขนาดใหญ่

ตัวอย่าง: Social Media, YouTube, Wikipedia, Blog

---

## Web 3.0

เว็บกระจายศูนย์และฉลาดขึ้น

- Decentralized Web
- Blockchain และ Smart Contract ในบางบริบท
- AI-driven application
- Semantic Web
- Ownership และ privacy ของข้อมูล

---

## เปรียบเทียบภาพรวม

| ยุค | บทบาทผู้ใช้ | ลักษณะเด่น |
|---|---|---|
| Web 1.0 | อ่าน | Static content |
| Web 2.0 | สร้างและโต้ตอบ | Platform, social, API |
| Web 3.0 | ควบคุมและเชื่อมโยง | Decentralized, AI, semantic |

---

## แนวโน้มที่ควรติดตาม

- **WebAssembly**: รันภาษาอื่นบนเว็บได้ใกล้เคียง native performance
- **PWA**: เว็บที่ติดตั้งได้ ใช้งาน offline ได้ และส่ง notification ได้
- **Immersive Web**: 3D, VR, AR และประสบการณ์โต้ตอบใหม่
- **AI-Assisted Web**: AI ช่วยค้นหา สรุป แนะนำ และสร้างประสบการณ์เฉพาะบุคคล

---

## กิจกรรม

เลือกเว็บไซต์ 3 เว็บไซต์ แล้ววิเคราะห์ว่าแต่ละเว็บใกล้เคียง Web 1.0, Web 2.0 หรือ Web 3.0 เพราะเหตุใด

---

## คำถามทบทวน

- Web 1.0 มีลักษณะเด่นอย่างไร
- เหตุใด Social Media จึงอยู่ในแนวคิด Web 2.0
- Web 3.0 ให้ความสำคัญกับเรื่องใดบ้าง
- PWA และ WebAssembly ช่วยเว็บสมัยใหม่อย่างไร

---

## จบบทเรียน

<a href="/web-programming/01-introduction/index.md" style="display:inline-block;padding:0.6em 1em;border-radius:8px;background:#fabd2f;color:#282828;text-decoration:none;font-weight:700;">กลับหน้าบทเรียน</a>