แนะนำ JavaScript

JavaScript คือภาษาแห่งเว็บ

JavaScript (เรียกสั้น ๆ ว่า JS) คือภาษาที่ทำให้เว็บไซต์ "มีชีวิต" ปุ่มกดแล้วมีอะไรตอบ ภาพเลื่อน ๆ แบบสไลด์ คำนวณราคา — สิ่งเหล่านี้เกิดจาก JS ทั้งนั้น

ที่พิเศษคือ JS ทำงานได้ทุกที่:

🖥️ ในเบราว์เซอร์ — ทำหน้าเว็บโต้ตอบได้ (Frontend)
⚙️ บนเซิร์ฟเวอร์ — ผ่าน Node.js ทำ Backend ได้
📱 มือถือ — ผ่าน React Native

นี่คือเหตุผลว่าทำไม JS เหมาะกับ Fullstack มาก — ภาษาเดียวจบครบวงจร

เตรียมตัว: เปิด Console ทดลอง

ไม่ต้องติดตั้งอะไรเลยถ้าจะทดลอง JS พื้นฐาน:

เปิดเบราว์เซอร์ (Chrome)
กด F12 หรือคลิกขวา → Inspect
เปิดแท็บ Console
พิมพ์โค้ดแล้วกด Enter — เห็นผลทันที!

หรือสร้างไฟล์ index.js แล้วรันด้วย node index.js ใน terminal ก็ได้

โปรแกรมแรกของคุณ

พิมพ์ใน console:

console.log("สวัสดี JavaScript!");

กด Enter → จะเห็นข้อความ สวัสดี JavaScript! ปรากฏขึ้นมา 🎉

console.log() คือคำสั่งที่ใช้ แสดงข้อความออกทางคอนโซล เราจะใช้มันบ่อยมากเพื่อตรวจดูค่าต่าง ๆ ตอนเขียนโค้ด

ลองคำนวณดู

JS เป็นเครื่องคิดเลขได้ด้วย:

console.log(2 + 3);      // 5
console.log(10 * 4);     // 40
console.log(100 / 4);    // 25

ลองพิมพ์ตามใน console ดูได้เลย

ความคิดเห็น (Comment)

Comment คือข้อความที่เราเขียนเพื่อ อธิบายโค้ด แต่เครื่องจะ ไม่สนใจ เริ่มต้นด้วย // (หนึ่งบรรทัด) หรือ /* */ (หลายบรรทัด):

// นี่คือคอมเมนต์บรรทัดเดียว
console.log("hello");

/*
  นี่คือคอมเมนต์
  หลายบรรทัด
*/

💡 คอมเมนต์มีประโยชน์มาก — เขียนไว้อธิบาย "ทำไม" เขียนแบบนี้ เพื่อตัวคุณเองในอนาคต หรือเพื่อนร่วมทีม

โครงสร้างพื้นฐานที่จะเรียนต่อ

ในโมดูลนี้คุณจะเรียนรู้ "วัตถุดิบ" ที่ใช้ทุกโปรแกรม JS:

บท	เรียนเรื่อง
ตัวแปร	เก็บค่าต่าง ๆ ไว้ใช้
ตัวดำเนินการ	คำนวณ เปรียบเทียบ
เงื่อนไข	ตัดสินใจด้วย if/else
ลูป	ทำซ้ำ ๆ

สรุป

JavaScript = ภาษาที่ทำเว็บมีชีวิต และรันได้ทุกที่ผ่าน Node.js
console.log() = แสดงข้อความในคอนโซล
Comment (//) = อธิบายโค้ด เครื่องไม่สนใจ
ทดลองได้ทันทีในแท็บ Console ของเบราว์เซอร์

บทหน้า: เราจะเรียนรู้ ตัวแปร — วิธีเก็บค่าไว้ใช้ 📦