📖 อภิธานศัพท์
รวมคำศัพท์เทคนิคที่เจอทั่วเว็บ อธิบายภาษาง่าย ๆ — งงตรงไหนมากดอ่านที่นี่ได้เลย
🧱 พื้นฐานการเขียนโปรแกรม
โค้ด
codeคำสั่งที่เราเขียนเป็นข้อความ เพื่อให้คอมพิวเตอร์ทำงานตาม
โปรแกรม
programชุดคำสั่งที่คอมพิวเตอร์ทำงานได้ เช่น เว็บ แอพ
บัก
bugข้อผิดพลาดในโค้ด ทำให้ผลลัพธ์ผิดหรือโปรแกรมพัง
ดีบัก
debugกระบวนการหาและแก้บัก
ซินแทกซ์
syntaxกฎไวยากรณ์ของภาษาโปรแกรม เหมือนหลักภาษา
คอมเมนต์
commentข้อความในโค้ดที่เครื่องไม่สนใจ เขียนไว้ให้คนอ่าน
ตัวแปร
variableกล่องที่ตั้งชื่อไว้เก็บค่า เช่น age = 25
สตริง
stringข้อมูลชนิดข้อความ อยู่ในเครื่องหมายคำพูด เช่น "hello"
ตัวเลข
number/int/floatข้อมูลชนิดตัวเลข (จำนวนเต็มหรือทศนิยม)
บูลีน
booleanข้อมูลที่มีแค่ จริง (true) หรือ เท็จ (false)
ฟังก์ชัน
functionกล่องที่แพ็กโค้ดไว้ใช้ซ้ำ รับค่าเข้า คืนค่าออก
พารามิเตอร์/อาร์กิวเมนต์
parameter/argumentพารามิเตอร์ = ช่องรับค่าตอนประกาศฟังก์ชัน, อาร์กิวเมนต์ = ค่าจริงที่ส่งไปตอนเรียก
รีเทิร์น
returnส่งค่ากลับจากฟังก์ชัน แล้วหยุดทำงาน
เงื่อนไข
if/elseการตัดสินใจเลือกทางในโค้ด
ลูป
loopการทำซ้ำ ๆ อัตโนมัติ (for, while)
อาร์เรย์/ลิสต์
array/listข้อมูลหลายค่าเรียงเป็นลำดับ
ออบเจกต์/ดิกต์
object/dictข้อมูลแบบมีชื่อบอกหน้าที่ (key-value)
ไทป์
typeชนิดของข้อมูล เช่น ข้อความ ตัวเลข บูลีน
🌐 เว็บ & อินเทอร์เน็ต
ไคลเอนต์
clientฝั่งผู้ใช้ (เบราว์เซอร์) ที่ขอข้อมูล
เซิร์ฟเวอร์
serverเครื่องที่ให้บริการ/ส่งข้อมูลตอบ
รีเควสต์/รีสปอนส์
request/responseการขอ/การตอบ ระหว่างเบราว์เซอร์กับเซิร์ฟเวอร์
เอชทีทีพี
HTTPกฎเกณฑ์การสื่อสารบนเว็บ (มี GET POST PUT DELETE)
เอพีไอ
APIประตูที่ให้โปรแกรมสองตัวคุยกัน ตามกติกาที่กำหนด
เอนด์พอยต์
endpointURL ที่รอรับ request เช่น /products
ยูอาร์แอล
URLที่อยู่ของหน้าเว็บ/ทรัพยากร
โลคอลโฮสต์
localhostที่อยู่เครื่องตัวเอง (127.0.0.1) ตอนพัฒนา
พอร์ต
portช่องเชื่อมบนเครื่อง เช่น :3000 :8000
โดเมน
domainชื่อเว็บที่จำง่าย เช่น google.com
เบราว์เซอร์
browserโปรแกรมดูเว็บ เช่น Chrome
ฟรอนต์เอนด์
frontendฝั่งหน้าบ้าน ที่ผู้ใช้เห็นและโต้ตอบด้วย
แบ็กเอนด์
backendฝั่งหลังบ้าน บนเซิร์ฟเวอร์ ผู้ใช้ไม่เห็นโค้ด
ฟูลสแตก
fullstackทำได้ทั้งหน้าบ้านและหลังบ้าน
🎨 Frontend
เอชทีเอ็มแอล
HTMLภาษาสร้างโครงสร้าง/เนื้อหาของหน้าเว็บ
ซีเอสเอส
CSSภาษาตกแต่งหน้าเว็บ สี ขนาด การจัดวาง
จาวาสคริปต์
JavaScriptภาษาที่ทำให้หน้าเว็บโต้ตอบ/มีชีวิต
ดอม
DOMตัวแทนหน้าเว็บในรูป object ให้ JS จัดการได้
รีแอกต์
Reactไลบรารี JS สำหรับสร้าง UI เป็น component
คอมโพเนนต์
componentชิ้นส่วน UI ที่นำมาใช้ซ้ำได้
พรอปส์
propsข้อมูลที่ส่งเข้า component
สเตต
stateข้อมูลใน component ที่เปลี่ยนแล้ว UI อัปเดตตาม
เรสปอนซิฟ
responsiveปรับหน้าจอได้ทั้งคอมและมือถือ
ไวต์
Viteเครื่องมือช่วยเริ่มโปรเจกต์ React เร็ว
⚙️ Backend
โหนดจีเอส
Node.jsตัวรัน JavaScript ฝั่งเซิร์ฟเวอร์
เอ็กซ์เพรส
Expressเฟรมเวิร์ก JS สำหรับทำ Backend/API
เอ็นพีเอ็ม
npmตัวติดตั้งแพ็กเกจของ JavaScript
ไพทอน
Pythonภาษาโปรแกรมที่อ่านง่าย เหมาะมือใหม่
พิป
pipตัวติดตั้งแพ็กเกจของ Python
ฟาสต์เอพีไอ
FastAPIเฟรมเวิร์ก Python สำหรับทำ API ทันสมัย
เราต์
routeการกำหนดว่า URL แต่ละที่จะทำงานยังไง
ซีอาร์ยูดี
CRUDCreate Read Update Delete — 4 การกระทำหลักกับข้อมูล
เจซอน
JSONรูปแบบข้อมูลข้อความที่โปรแกรมทุกภาษาอ่านได้
มิดเดิลแวร์
middlewareฟังก์ชันกลางที่ทำงานระหว่างรับ request ถึงส่ง response
คอร์ส
CORSกลไกความปลอดภัยที่ควบคุมว่าโดเมนไหนเรียก API ได้
🗄️ ฐานข้อมูล
ดาต้าเบส
databaseที่เก็บข้อมูลถาวร ปิดเครื่องไม่หาย
เอสคิวแอล
SQLภาษาสำหรับจัดการฐานข้อมูล
ตาราง/แถว/คอลัมน์
table/row/columnตาราง = กลุ่มข้อมูล, แถว = 1 รายการ, คอลัมน์ = 1 คุณสมบัติ
คิวรี
queryคำสั่งเพื่อค้น/จัดการข้อมูลในฐานข้อมูล
ซีลิกต์/อินเซิร์ต/อัปเดต/ดีลีต
SELECT/INSERT/UPDATE/DELETESQL สำหรับ อ่าน/เพิ่ม/แก้/ลบ
สควาไลต์
SQLiteฐานข้อมูลที่เก็บในไฟล์เดียว เหมาะฝึก
โพสต์เกรสคิวแอล
PostgreSQLฐานข้อมูลระดับโปรดักชั่น แนะนำตอนเติบโต
พรีมารีคีย์
primary keyตัวระบุแถวที่ไม่ซ้ำกัน เช่น id
โออาร์เอ็ม
ORMเครื่องมือที่ให้เขียนภาษาโปรแกรมแทน SQL ตรง ๆ
🛠️ เครื่องมือ & อื่น ๆ
กิต
Gitเครื่องมือบันทึกประวัติโค้ดในเครื่อง
กิตฮับ
GitHubเว็บเก็บโค้ดออนไลน์ แชร์กันได้
วีเอสโค้ด
VS Codeโปรแกรมเขียน/แก้โค้ด ยอดนิยม ฟรี
เทอร์มินัล
terminalหน้าต่างพิมพ์คำสั่งควบคุมเครื่อง
คอนโซล
consoleที่แสดงผล/error ของโค้ด (กด F12 ในเบราว์เซอร์)
โพสต์แมน/ธันเดอร์ไคลเอนต์
Postman/Thunder Clientเครื่องมือส่ง request ทดสอบ API
แพ็กเกจ/ดีเพนเดนซี
package/dependencyโค้ดที่คนอื่นทำไว้ให้เราติดตั้งแล้วใช้
เฟรมเวิร์ก/ไลบรารี
framework/libraryโค้ดสำเร็จรูปที่ช่วยให้สร้างไม่ต้องเริ่มจากศูนย์
ดีพลอย
deployเอาแอปขึ้นเซิร์ฟเวอร์สาธารณะให้คนเข้าได้
เอนไวรอนเมนต์วาร์
environment variableค่าตั้งค่าที่เก็บนอกโค้ด (เช่น รหัส) เพื่อความปลอดภัย
เวอร์ชันคอนโทรล
version controlการควบคุม/บันทึกเวอร์ชันของโค้ด (เช่น Git)
เวอร์ชวลเอนไวรอนเมนต์
venvสภาพแวดล้อมแยกของ Python เก็บแพ็กเกจเฉพาะโปรเจกต์
กำลังโหลด…