⏱️ ~11 นาที

Git & GitHub เบื้องต้น

เครื่องมือเซฟผลงานและทำงานร่วมกัน ที่นักพัฒนาใช้กันทุกคน

ทำไมต้อง Git?

ลองนึกถึงสถานการณ์นี้:

  • report.docx
  • report-final.docx
  • report-final-v2.docx
  • report-REALLY-FINAL.docx
  • report-final-use-this-one.docx 😵

นี่คือปัญหาที่ Git มาช่วยแก้

Git คือระบบ Version Control (ควบคุมเวอร์ชัน) มันบันทึก ประวัติการเปลี่ยนแปลง ของโค้ดทุกครั้งที่เรา "เซฟ" ทำให้เรา:

  • ย้อนกลับไปเวอร์ชันเก่าได้
  • รู้ว่าใครแก้อะไร เมื่อไหร่ ทำไม
  • ทำงานหลายคนพร้อมกันโดยไม่เดียวกันทับกัน

Git vs GitHub (อย่าสับสน!)

GitGitHub
คืออะไรโปรแกรมเว็บไซต์/บริการ
อยู่ที่ไหนในเครื่องเราบนอินเทอร์เน็ต
ทำอะไรบันทึกเวอร์ชันเก็บโค้ดออนไลน์ แชร์กัน

เปรียบเหมือน: Git = กล้องถ่ายรูปบันทึกช่วงเวลา GitHub = อัลบั้มรูปบนคลาวด์ที่ทุกคนด้วยกันได้

ติดตั้ง Git

  • Windows: ดาวน์โหลดที่ https://git-scm.com แล้วติดตั้ง
  • macOS: พิมพ์ git --version ใน terminal ระบบจะถามให้ติดตั้งเอง
  • Linux: sudo apt install git (Ubuntu/Debian)

ตรวจสอบ: git --version ควรแสดงเลขเวอร์ชัน

สมัคร GitHub

  • ไปที่ https://github.com สมัครบัญชีฟรี
  • นี่จะเป็น "อัลบั้มออนไลน์" ของโค้ดคุณ

คำสั่ง Git พื้นฐาน (5 คำสั่งจำให้ได้!)

1. เริ่มโปรเจกต์ใหม่: git init

mkdir my-project
cd my-project
git init

สั่งให้ Git เริ่มติดตามโฟลเดอร์นี้

2. เช็คสถานะ: git status

git status

บอกว่าตอนนี้มีไฟล์อะไรเปลี่ยนแปลงบ้าง (ใช้บ่อยที่สุด!)

3. เตรียมเซฟ: git add

git add index.html          # เซฟไฟล์เดียว
git add .                   # เซฟทุกไฟล์ที่เปลี่ยน

เหมือนการ "หยิบของใส่ตะกร้า" ก่อนเซฟจริง

4. เซฟจริง: git commit

git commit -m "เพิ่มหน้าแรก"

บันทึกเวอร์ชันพร้อมข้อความอธิบาย สำคัญมาก: ข้อความต้องบอกว่าทำอะไร

5. ส่งขึ้นเว็บ: git push

git push

อัปโหลดเวอร์ชันจากเครื่องเราขึ้น GitHub

วงจรการทำงานประจำวัน

แก้โค้ด → git add . → git commit -m "..." → git push

นี่คือวงจรที่คุณจะทำซ้ำ ๆ ทุกวันในชีวิตนักพัฒนา

คำสั่งเสริมที่ใช้บ่อย

คำสั่งใช้เมื่อไหร่
git pullดึงโค้ดล่าสุดจากเว็บลงเครื่อง
git clone <url>คัดลอกโปรเจกต์จากเว็บลงเครื่อง
git logดูประวัติการเซฟทั้งหมด

ตัวอย่างครั้งแรกของคุณ

# สร้างโฟลเดอร์ + เริ่ม git
mkdir hello-git
cd hello-git
git init

# สร้างไฟล์ (ใช้ VS Code สร้างก็ได้)
echo "# โปรเจกต์แรกของฉัน" > README.md

# เช็คสถานะ
git status

# เตรียม + เซฟ
git add README.md
git commit -m "ไฟล์แรกของโปรเจกต์"

# ดูประวัติ
git log

ถ้าเห็น commit ขึ้นมาใน git log แสดงว่าใช้ Git ได้แล้ว! 🎉

ทำไมมือใหม่ควรใช้ตั้งแต่ตอนนี้?

  • เซฟผลงาน: ไม่กลัวทำหาย
  • ทำพอร์ตโฟลิโอ: GitHub ของคุณ = ผลงานให้ผู้จ้างเห็น
  • เป็นมาตรฐานวงการ: ทุกบริษัทใช้ Git แน่นอน

ถ้างง ไม่เป็นไร! ตอนนี้แค่จำวงจร add → commit → push ได้ก็พอ ใช้ไปเรื่อย ๆ มันจะเป็นเอง

สรุป

  • Git = บันทึกประวัติโค้ดในเครื่อง
  • GitHub = เก็บโค้ดออนไลน์และแชร์กัน
  • วงจรประจำ: แก้ → git add .git commit -m "..."git push
  • คำสั่งที่ใช้บ่อยที่สุดคือ git status

บทสุดท้ายของโมดูลพื้นฐาน เราจะมา เลือกสายเรียน ที่เหมาะกับคุณ 🧭

อ่านจบแล้ว? ทำเครื่องหมายว่าเสร็จเพื่อบันทึกความคืบหน้า

🧠

แบบทดสอบ

ตอบให้ครบแล้วกด “ตรวจคำตอบ” เพื่อเช็คความเข้าใจ

  1. 1. Git ใช้ทำอะไรเป็นหลัก?

  2. 2. ความต่างระหว่าง Git กับ GitHub คือ?

  3. 3. คำสั่งใดใช้ส่งการเปลี่ยนแปลงจากเครื่องเราขึ้นเว็บ GitHub?

กำลังโหลด…