0Pricing
Frontend Academy · Pelajaran

git init, add, commit, dan status

Inisialisasi repositori, siapkan perubahan dengan git add, buat commit, lalu baca git status dan git log untuk memahami riwayatnya.

git init, add, commit, dan status adalah pelajaran Frontend Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Frontend Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Frontend Academy mencakup 4 pelajaran total.

Mengapa Pengendalian Versi?

Git melacak setiap perubahan pada kode Anda dari waktu ke waktu. Anda dapat melihat apa yang berubah, kapan, dan mengapa. Kesalahan dapat dipulihkan. Beberapa orang dapat mengerjakan basis kode yang sama. Setiap tim profesional menggunakan Git.

git init — Memulai Repositori

Jalankan git init di folder mana pun untuk menginisialisasi repositori Git. Git membuat direktori tersembunyi .git yang menyimpan seluruh riwayat proyek.

mkdir my-project && cd my-project
git init
# Initialized empty Git repository in ./my-project/.git/

Tiga Area

Git memiliki tiga area: Direktori Kerja (berkas yang Anda sunting), Area Penyiapan (berkas yang ditandai untuk komit berikutnya), dan Repositori (riwayat yang telah dikomit). Area penyiapan memungkinkan Anda menyusun komit secara tepat.

git status — Apa yang Berubah?

git status menunjukkan berkas mana yang belum dilacak, diubah, atau telah dipersiapkan. Gunakan perintah ini terus-menerus selama alur kerja untuk memahami keadaan saat ini.

git status
# Output:
# On branch main
# Changes not staged for commit:
#   modified: index.html
# Untracked files:
#   styles.css

git add — Menyiapkan Perubahan

git add filename menyiapkan berkas tertentu. git add . menyiapkan semua perubahan dalam direktori saat ini. git add -p menyiapkan perubahan secara interaktif, bagian demi bagian.

git add index.html           # stage one file
git add src/                 # stage a directory
git add .                    # stage everything
git add -p                   # interactive staging

git commit — Menyimpan Cuplikan

git commit -m 'message' membuat cuplikan permanen dari perubahan yang telah dipersiapkan. Pesan tersebut harus menjelaskan mengapa perubahan dibuat, bukan apa yang diubah. Setiap komit memiliki hash SHA yang unik.

git commit -m 'feat: add user authentication form'
git commit -m 'fix: correct email validation regex'
git commit -m 'refactor: extract validation into helper function'

Komit Konvensional

Banyak tim menggunakan format Conventional Commits: type(scope): description. Tipe yang umum: feat, fix, refactor, test, docs, chore, perf. Format ini memungkinkan pembuatan catatan perubahan dan pembuatan versi semantik secara otomatis.

feat(auth): add Google OAuth login
fix(cart): prevent duplicate item addition
docs(api): add rate limit documentation
chore(deps): upgrade React to 18.3

git log — Melihat Riwayat

git log menampilkan riwayat komit. git log --oneline menampilkan tampilan ringkas, satu baris untuk setiap komit. git log --graph menggambar struktur cabang.

git log --oneline --graph
# * a1b2c3d feat: add dark mode toggle
# * d4e5f6g fix: resolve mobile nav overflow
# * 7h8i9j0 refactor: extract theme hook

git diff — Melihat Perubahan

git diff menampilkan perubahan yang belum dipersiapkan. git diff --staged menampilkan perubahan yang telah dipersiapkan. git diff HEAD menampilkan semua perubahan sejak komit terakhir.

Berkas .gitignore

Daftarkan berkas dan direktori yang akan dikecualikan dari pengendalian versi di dalam .gitignore. Selalu kecualikan node_modules, .env, dist, dan direktori build. GitHub menyediakan templat .gitignore untuk setiap bahasa dan kerangka kerja.

# .gitignore
node_modules/
dist/
.env
.env.local
*.log
.DS_Store
coverage/

git restore — Membatalkan Perubahan yang Belum Dipersiapkan

git restore filename membuang perubahan pada suatu berkas di direktori kerja dan mengembalikannya ke versi yang terakhir dikomit. Tindakan ini bersifat destruktif—perubahan akan hilang.

git restore index.html        # discard unstaged changes
git restore --staged file.js  # unstage without losing changes

Pemeriksaan Singkat

Apa yang dilakukan git add .?

Ringkasan: Perintah Inti Git

git init memulai repositori. git status menampilkan keadaan saat ini. git add menyiapkan berkas. git commit menyimpan cuplikan dengan pesan. git log menampilkan riwayat. git diff menampilkan perubahan. .gitignore mengecualikan berkas. Selalu tulis pesan komit yang bermakna dan menjelaskan mengapa, bukan apa.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “git init, add, commit, dan status” gratis?

Ya — teks lengkap “git init, add, commit, dan status” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Frontend Academy, upgrade ke CoddyKit PRO. Kursus Frontend Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “git init, add, commit, dan status”?

Inisialisasi repositori, siapkan perubahan dengan git add, buat commit, lalu baca git status dan git log untuk memahami riwayatnya. Kamu berlatih Frontend Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Frontend Academy?

Tidak diperlukan pengalaman sebelumnya. Frontend Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.

Berapa lama pelajaran “git init, add, commit, dan status” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Frontend Academy ini?

Ya. Setiap pelajaran Frontend Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. git init, add, commit, dan status
  2. Branching: branch, checkout, merge
  3. Repositori Jarak Jauh: push, pull, clone
  4. Alur Pull Request di GitHub
← Kembali ke Frontend Academy