นักพัฒนาเว็บไม่ได้เขียนโค้ดเพียงอย่างเดียว แต่ต้องใช้เครื่องมือช่วยตรวจสอบ แก้ปัญหา ทดสอบ API จัดการไฟล์ ติดตั้ง package และควบคุมเวอร์ชันของงาน เครื่องมือพื้นฐานจึงเป็นทักษะสำคัญตั้งแต่ช่วงแรกของการเรียน
Browser DevTools เป็นเครื่องมือที่ติดมากับ browser สมัยใหม่ เช่น Chrome, Edge และ Firefox
แท็บสำคัญ ได้แก่
VS Code เป็น code editor ที่นิยมมากในการพัฒนาเว็บ เพราะเร็ว มี extension จำนวนมาก และทำงานร่วมกับ terminal/Git ได้ดี
Extension สำคัญ:
Terminal ช่วยให้ทำงานกับไฟล์ project และเครื่องมือ developer ได้รวดเร็ว
คำสั่งพื้นฐาน:
cd my-project
ls
mkdir web-course
touch index.html
git status
git add .
git commit -m "initial project"
บน Windows บางคำสั่งเช่น touch อาจไม่มีใน PowerShell โดยตรง สามารถใช้ New-Item index.html แทนได้
Node.js ทำให้ JavaScript ทำงานนอก browser ได้ ส่วน npm ใช้ติดตั้ง package สำหรับ project
ตรวจสอบเวอร์ชัน:
node -v
npm -v
ตัวอย่างติดตั้ง package:
npm install express
Postman เป็นเครื่องมือทดสอบ API โดยไม่ต้องเขียน frontend ก่อน สามารถส่ง GET, POST, PUT, DELETE และดู response ได้สะดวก
ใช้ Postman เพื่อ
ติดตั้งหรือเปิดใช้งานเครื่องมือหลัก ได้แก่ VS Code, Browser DevTools, Terminal, Node.js/npm และ Postman จากนั้นบันทึกภาพหรือผลลัพธ์เวอร์ชันของ node -v และ npm -v
git status ใช้ทำอะไร