การตั้งค่า: Node + npm การเรียกใช้ .js และคอนโซล DevTools
ติดตั้ง Node ตรวจสอบเวอร์ชัน เรียกใช้ไฟล์ .js เรียนรู้พื้นฐาน npm และฝึกใช้คอนโซล DevTools ของเบราว์เซอร์
การตั้งค่า: Node + npm การเรียกใช้ .js และคอนโซล DevTools เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
บทนำ
เป้าหมาย: ตั้งค่าโหนดและ npm เรียกใช้ไฟล์ .js และใช้คอนโซล DevTools ของเบราว์เซอร์
- ติดตั้งและตรวจสอบโหนด
- พื้นฐาน npm
- เรียกใช้ไฟล์ .js
- ใช้เครื่องมือคอนโซล
ตรวจสอบโหนดและ npm
ตรวจสอบ: ในเทอร์มินัล ให้เรียกใช้ node -v และ npm -v หากมีเวอร์ชันแสดงขึ้นมา แสดงว่าการตั้งค่าของคุณพร้อมแล้ว
สร้างและเรียกใช้ไฟล์
สร้างไฟล์ hello.js และเรียกใช้ด้วย node hello.js
// hello.js — minimal program to run with Node
function greet(name) {
return "Hello, " + name + "!";
}
const message = greet("CoddyKit");
console.log(message);
// Run from terminal in this folder: node hello.js
เริ่มต้นใช้งาน npm อย่างรวดเร็ว
ภายในโฟลเดอร์โครงการ ให้เรียกใช้ npm init -y เพื่อสร้าง package.json เพิ่มสคริปต์: "start": "node hello.js" จากนั้นเรียกใช้ npm run start
เครื่องมือคอนโซล
ใช้ console.log, console.table และ console.time เพื่อตรวจสอบและวัดงานขนาดเล็ก
// Basic console utilities that work in Node and browsers
const user = { name: "Ayla", level: 1 };
console.log("User:", user);
console.table([{ key: "name", value: user.name }, { key: "level", value: user.level }]);
console.time("work");
for (let i = 0; i < 100000; i++) {}
console.timeEnd("work");
console.warn("Heads up: demo complete.");
พื้นฐาน DevTools
เปิด DevTools (F12 หรือคลิกขวา → ตรวจสอบ) แล้วเปลี่ยนไปที่ คอนโซล วางส่วนย่อยของโค้ดขนาดเล็ก กด Enter และอ่านผลลัพธ์ เคล็ดลับ: ล้างข้อมูลด้วย clear()
แบบทดสอบเวอร์ชันโหนด
ตรวจสอบสั้น ๆ: คำสั่งตรวจสอบเวอร์ชันโหนด
สรุปทบทวน
สรุปทบทวน: ตรวจสอบโหนดและ npm แล้ว เรียกใช้ไฟล์ .js เรียนรู้สคริปต์ npm อย่างง่าย และใช้เครื่องมือคอนโซลทั้งในโหนดและเบราว์เซอร์
คำถามที่พบบ่อย
บทเรียน “การตั้งค่า: Node + npm การเรียกใช้ .js และคอนโซล DevTools” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การตั้งค่า: Node + npm การเรียกใช้ .js และคอนโซล DevTools” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การตั้งค่า: Node + npm การเรียกใช้ .js และคอนโซล DevTools”
ติดตั้ง Node ตรวจสอบเวอร์ชัน เรียกใช้ไฟล์ .js เรียนรู้พื้นฐาน npm และฝึกใช้คอนโซล DevTools ของเบราว์เซอร์ คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน
บทเรียน “การตั้งค่า: Node + npm การเรียกใช้ .js และคอนโซล DevTools” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม
ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- JavaScript คืออะไร เครื่องมือประมวลผล (V8/SpiderMonkey) และรันไทม์ (เบราว์เซอร์กับ Node)
- การตั้งค่า: Node + npm การเรียกใช้ .js และคอนโซล DevTools
- โปรแกรมแรกและอินพุต/เอาต์พุต (คอนโซล การแจ้งเตือนในเบราว์เซอร์)