สื่อการเรียนการสอนพิวเตอร์และเทคโนโลยีเบื้องต้น

บทเรียนที่ 5: การพัฒนาเว็บแอปพลิเคชัน

ภาพประกอบบทเรียนที่ 5: ภาพของหน้าจอคอมพิวเตอร์ที่แสดงโค้ด JavaScript และ Node.js

ในบทเรียนนี้ คุณจะได้เรียนรู้เกี่ยวกับการพัฒนาเว็บแอปพลิเคชันโดยใช้ JavaScript และ Node.js ซึ่งเป็นเทคโนโลยีที่ได้รับความนิยมอย่างมากในวงการ การพัฒนาเว็บสมัยใหม่

หัวข้อที่ครอบคลุมในบทเรียนนี้

ทำไมต้องเรียนรู้ Node.js?

Node.js ช่วยให้คุณสามารถใช้ JavaScript ในฝั่งเซิร์ฟเวอร์ได้ ทำให้การพัฒนาเว็บแอปพลิเคชันเป็นไปอย่างรวดเร็วและมีประสิทธิภาพ ด้วยระบบ event-driven และ non-blocking I/O ที่ช่วยให้รองรับการเชื่อมต่อจำนวนมากได้ดี เหมาะสำหรับการสร้างแอปพลิเคชันแบบเรียลไทม์ เช่น แชทออนไลน์ หรือเกมออนไลน์

เครื่องมือและไลบรารีที่ใช้บ่อย

Express.js

เฟรมเวิร์กสำหรับสร้างเว็บเซิร์ฟเวอร์และ API ที่ง่ายและรวดเร็ว

MongoDB

ฐานข้อมูลแบบ NoSQL ที่ยืดหยุ่นและเหมาะกับการจัดเก็บข้อมูลแบบ JSON

Mongoose

ไลบรารีสำหรับเชื่อมต่อและจัดการ MongoDB ใน Node.js อย่างง่ายดาย

Socket.IO

ไลบรารีสำหรับสร้างแอปพลิเคชันแบบเรียลไทม์ เช่น แชท หรือเกมออนไลน์

ตัวอย่างโค้ด

const express = require('express');
const app = express();
const port = 3000;

// สร้าง API สำหรับรับข้อมูลผู้ใช้
app.get('/api/users', (req, res) => {
  res.json([
    { id: 1, name: 'สมชาย' },
    { id: 2, name: 'สมหญิง' }
  ]);
});

app.listen(port, () => {
  console.log(`แอปกำลังทำงานที่ http://localhost:${port}`);
});

โค้ดตัวอย่างนี้แสดงการสร้าง API ง่ายๆ ที่ส่งข้อมูลผู้ใช้ในรูปแบบ JSON เมื่อมีการเรียกใช้งานที่เส้นทาง /api/users

คำแนะนำสำหรับผู้เริ่มต้น

แหล่งข้อมูลเพิ่มเติม