JavaScript คืออะไร

ตอนเปิด Facebook แล้วเลื่อน feed ลงมาเรื่อยๆ มี post ใหม่โหลดเข้ามาเอง ตอนกดปุ่ม like แล้วหัวใจเด้ง ตอน Google Maps ลากแผนที่ได้ลื่นๆ ทั้งหมดนี้คือ JavaScript ทำงานอยู่เบื้องหลัง

JavaScript (เรียกสั้นๆ ว่า JS) คือภาษาเขียนโปรแกรมที่ทำให้เว็บโต้ตอบกับผู้ใช้ได้ ก่อนมี JS เว็บก็เหมือนกระดาษนิ่งๆ คลิกอะไรก็ไม่ขยับ

เกิดมายังไง

ปี 1995 บริษัท Netscape ที่ตอนนั้นเป็นเจ้าของ browser ที่คนใช้กันเยอะที่สุด อยากให้หน้าเว็บ ขยับได้ เลยจ้างคนชื่อ Brendan Eich มาออกแบบภาษาใหม่ ความท้าทายคือ เขาต้องเขียนเสร็จภายใน 10 วัน เพราะใกล้เวลาปล่อย browser รุ่นใหม่แล้ว

10 วันออกแบบภาษาทั้งภาษา ฟังดูเป็นไปไม่ได้ แต่ก็เกิดขึ้นจริง และวันนี้ภาษาที่เกิดใน 10 วัน นั้นกลายเป็นภาษาที่คนเขียนเยอะที่สุดในโลก ใช้ทำตั้งแต่เว็บเล็กๆ จนถึงระบบของ Netflix

JS รันได้ที่ไหนบ้าง

จุดเด่นที่สุดของ JS ในยุคนี้คือ หนึ่งภาษา รันได้ทุกที่ เริ่มจากเว็บ แล้วขยายไปยัง server, มือถือ, และ desktop คือเรียนภาษาเดียวแต่ทำงานได้หลายแบบ

document.querySelector('button').onclick = () => alert('สวัสดี')

30 ปีของ JavaScript

JS ไม่ใช่ภาษานิ่ง 30 ปีที่ผ่านมาเปลี่ยนไปเยอะมาก ลองลาก slider ดู milestone สำคัญๆ ที่ทำให้ JS กลายเป็นทุกวันนี้

เรื่องที่ต้องจำคือ JS ที่เขียนกันวันนี้ไม่ใช่ JS แบบเดียวกับเมื่อ 10 ปีที่แล้ว ปี 2015 มีอัปเดตใหญ่ที่ชื่อ ES6 ที่เปลี่ยน JS ไปเลย ถ้าเจอ tutorial เก่ากว่าปี 2015 ให้ระวังไว้ เพราะวิธีเขียนอาจจะล้าสมัย

JavaScript ไม่ใช่ Java

ขอเคลียร์เรื่องที่ทำให้คนใหม่งงที่สุดก่อน JavaScript กับ Java เป็นคนละภาษา ไม่เกี่ยวข้องกันเลย มีคนเรียกผิดหรือคิดว่าเหมือนกันบ่อยมาก

ทำไมต้องเรียน JS

1. เรียนครั้งเดียว ใช้ได้ทุกที่ เว็บ, server, มือถือ, desktop ครอบคลุมทั้งหน้าบ้าน หลังบ้าน และแอป
2. งานเยอะที่สุด ผลสำรวจของนักพัฒนาทั่วโลก 11 ปีติดกันบอกว่า JS คือภาษาที่บริษัทใช้ในงานจริงเยอะที่สุดในโลก
3. เริ่มได้ง่าย เปิด browser ก็เขียนได้เลย ไม่ต้องลงโปรแกรม ไม่ต้องตั้งค่าระบบอะไรซับซ้อน
4. ต่อยอดไปไหนก็ได้ รู้ JS แล้วต่อ TypeScript, React, Node ได้ทันที ความรู้ที่สะสมมาไม่หายไป

สรุป

• JS คือภาษาที่ทำให้เว็บโต้ตอบกับผู้ใช้ได้ ทั้งคลิก กดปุ่ม animation ทุกอย่างเป็น JS
• เกิดปี 1995 โดย Brendan Eich เขียนเสร็จใน 10 วันที่ Netscape
• หนึ่งภาษา รันได้ 4 ที่ คือ browser, server (Node), มือถือ (React Native), desktop (Electron)
• JS ไม่ใช่ Java ชื่อคล้ายแต่คนละภาษากันเลย ห้ามสับสน
• 30 ปียังพัฒนาไม่หยุด เป็นภาษาที่ยังโตอยู่ตลอดเวลา

ใน lesson ถัดไปจะเริ่มเขียน JS จริงๆ โดยเริ่มจากของพื้นฐานที่สุด คือ variable และ type ซึ่งเป็นที่เก็บข้อมูลและ ประเภทของข้อมูลในโลก JS