Git và GitHub cho dự án web nhỏ

Git ghi snapshot và branch ở local; GitHub host repository và bổ sung collaboration, review, automation cùng access control. Dự án nhỏ cần history rõ hơn là branching model phức tạp.

Nhìn nhanh

Câu hỏi	Câu trả lời thực tế
Dùng khi nào?	Tạo feature branch ngắn, commit một thay đổi mạch lạc, mở pull request, review diff và check rồi merge vào main.
Cần làm gì?	Khởi tạo repository cho webpage nhỏ với README và gitignore, tạo hai focused commit rồi xem diff trước khi push.
Biết là đúng bằng cách nào?	Fresh clone có thể làm theo README để chạy project, không có secret hay generated file và mỗi commit giải thích một thay đổi.
Lỗi hay gặp?	Không commit credential, dependency folder, build output hoặc thay đổi format không liên quan cùng functional fix.

flowchart LR
  A[Câu hỏi] --> B[Git và GitHub cho dự án web nhỏ]
  B --> C[Ví dụ nhỏ]
  C --> D[Bằng chứng]

Điểm quan trọng của sơ đồ là không dừng ở định nghĩa: hãy nối khái niệm với một ví dụ nhỏ và bằng chứng có thể quan sát.

Ví dụ đã phân tích

Tạo feature branch ngắn, commit một thay đổi mạch lạc, mở pull request, review diff và check rồi merge vào main.

Trước khi làm, hãy viết dấu hiệu thành công. Sau đó chỉ thay đổi một yếu tố, quan sát kết quả và ghi lại assumption. Với Git và GitHub cho dự án web nhỏ, cách này giúp tách điều bạn biết khỏi điều bạn chỉ đang đoán.

Thực hành trong 20–30 phút

Mục tiêu: Khởi tạo repository cho webpage nhỏ với README và gitignore, tạo hai focused commit rồi xem diff trước khi push.

1. Ghi lại trạng thái ban đầu và điều bạn dự đoán.
2. Thực hiện phiên bản nhỏ nhất, không thêm công cụ chưa cần thiết.
3. Thay đổi đúng một input hoặc constraint rồi chạy lại.
4. Lưu command, screenshot, output hoặc checklist làm bằng chứng.

Kết quả mong đợi: Fresh clone có thể làm theo README để chạy project, không có secret hay generated file và mỗi commit giải thích một thay đổi.

Sai ở đâu và sửa thế nào

Không commit credential, dependency folder, build output hoặc thay đổi format không liên quan cùng functional fix.

Khi kết quả khác dự đoán, đừng đổi nhiều thứ cùng lúc. Kiểm tra input, version, environment, quyền truy cập và log trước; sau đó lặp lại từ ví dụ nhỏ nhất.

Định nghĩa hoàn thành

• Tôi giải thích được khái niệm bằng ngôn ngữ của mình.
• Tôi đã hoàn thành ví dụ nhỏ và giữ bằng chứng.
• Tôi biết một failure mode và cách kiểm tra nó.
• Người khác có thể làm lại mà không phải đoán bước còn thiếu.

Đi sâu hơn

Mở resource hoặc repository đi kèm ở cuối trang khi bạn cần implementation đầy đủ. Hãy kiểm tra version hiện hành trước khi dùng command trong dự án thật.