Menu
CoddyTech
START LEARNING

Playground Git

Belajar Git

Tulis, jalankan, dan bagikan potongan kode. Tanpa setup.

Terminal Git
user$ git init
user$ echo "hello" > app.txt
user$ git add app.txt
user$ git commit -m "Add app.txt"
user$ git checkout -b feature
user$ echo "new feature" >> app.txt
user$ git commit -am "Work on feature"
user$ git checkout main
user$ echo "fix" > fix.txt
user$ git add fix.txt
user$ git commit -m "Hotfix on main"
user$ git merge feature
user$
RepositoriDi branch main
git log --oneline --graph --all

Commit setelah langkah ini

  • ea85bd9 Merge branch 'feature' (HEAD -> main) <- f5363c6, 47b6cfb
  • 47b6cfb Work on feature (feature) <- b2134da
  • f5363c6 Hotfix on main <- b2134da
  • b2134da Add app.txt
  • Working tree bersih

Setiap kali Jalankan ditekan, seluruh skrip diputar ulang dan kondisi repositori direkam setelah setiap baris. Klik sebuah langkah untuk melihat grafik pada saat itu.

Coba perintah Git yang umum

Git juga berjalan di terminal ini. Muat alur kerja siap pakai ke prompt, tekan Jalankan untuk melihat setiap perintah dieksekusi, lalu buka panduan lengkap untuk perintah yang ingin kamu pahami.

Buat repo dan commit pertamamuInisialisasi repositori, stage sebuah file, commit, lalu periksa statusnya.
  1. git init
  2. git config user.name "You"
  3. git config user.email "you@example.com"
  4. echo "# My Project" > README.md
  5. git add README.md
  6. git commit -m "Initial commit"
  7. git status
  8. git log --oneline
Buat branch lalu mergeBuat branch baru, lakukan perubahan, commit, lalu merge branch itu kembali ke main.
  1. git init
  2. echo "hello" > app.txt
  3. git add app.txt
  4. git commit -m "Add app.txt"
  5. git checkout -b feature
  6. echo "new feature" >> app.txt
  7. git commit -am "Work on feature"
  8. git checkout -
  9. git merge feature
  10. git log --oneline --graph
Batalkan commit terakhirBuat commit yang kamu sesali, lalu batalkan sambil tetap menyimpan perubahanmu.
  1. git init
  2. echo "v1" > notes.txt
  3. git add notes.txt
  4. git commit -m "Add notes.txt"
  5. echo "v2" >> notes.txt
  6. git commit -am "Oops, wrong message"
  7. git reset --soft HEAD~1
  8. git status
  9. git commit -m "Update notes.txt"
  10. git log --oneline
Push ke remote untuk pertama kalinyaJalankan tiga perintah yang ditampilkan GitHub untuk repositori baru, terhadap remote lokal.
  1. git init
  2. echo "# My Project" > README.md
  3. git add README.md
  4. git commit -m "First commit"
  5. git branch -M main
  6. git init --bare remote.git
  7. git remote add origin remote.git
  8. git push -u origin main
  9. git remote -v
Squash beberapa commit menjadi satuUbah dua commit work-in-progress menjadi satu commit yang rapi tanpa editor.
  1. git init
  2. echo "v1" > app.txt
  3. git add app.txt
  4. git commit -m "Add app.txt"
  5. echo "v2" >> app.txt
  6. git commit -am "WIP"
  7. echo "v3" >> app.txt
  8. git commit -am "More WIP"
  9. git reset --soft HEAD~2
  10. git commit -m "Finish app.txt"
  11. git log --oneline
Cherry-pick commit dari branch lainSalin satu perbaikan dari sebuah branch ke main tanpa merge seluruh branch.
  1. git init
  2. echo "hello" > app.txt
  3. git add app.txt
  4. git commit -m "Add app.txt"
  5. git checkout -b hotfix
  6. echo "fixed" > fix.txt
  7. git add fix.txt
  8. git commit -m "Fix the bug"
  9. git checkout -
  10. git cherry-pick hotfix
  11. git log --oneline --all --graph
Referensi perintah GitJelajahi semua perintah Git

Playground Git online dengan grafik commit langsung

Playground Git gratis yang menjalankan git sungguhan di terminal Linux ter-sandbox, bukan tiruannya dalam JavaScript. Ketik perintah di sebelah kiri, seperti git init, git add, git commit, git branch, git merge, git rebase, git reset, tekan Jalankan, lalu panel repository di sebelah kanan menggambar ulang grafik commit, branch, HEAD, dan working tree setelah setiap baris script-mu. Ini cara tercepat untuk latihan Git online dan benar-benar melihat apa yang dilakukan setiap perintah.

Setiap Jalankan memutar ulang seluruh script-mu dari folder kosong dan mengambil snapshot repository setelah setiap pernyataan, jadi kamu bisa mengklik langkah mana pun dan melihat grafiknya tepat pada saat itu. Commit yang ditinggalkan oleh git reset tetap ada di gambar, dalam warna pudar, jadi sebuah undo memperlihatkan apa yang dibatalkannya. Tidak ada yang perlu diinstal, tidak perlu akun, dan repository milikmu tidak pernah disentuh.

Apa yang membuat playground Git ini berbeda

  • Git sungguhan, output sungguhan: sandbox-nya menjalankan binary git asli di Linux, jadi pesan error, git log --graph, git status, dan flag-nya berperilaku seperti di komputermu, tidak seperti simulator Git yang hanya mengenal perintah yang dimodelkan pembuatnya. Satu perbedaan yang disengaja: identitas author dan tanggal commit dibuat tetap, jadi hash-nya sama di setiap eksekusi.
  • Grafik commit yang diperbarui setelah setiap baris: branch sebagai jalur, merge sebagai lengkungan, HEAD dan setiap ref sebagai label di commit-nya, plus file yang di-stage, diubah, tidak dilacak, dan konflik yang dibaca dari git status. Klik sebuah langkah untuk menelusuri kembali riwayat sesimu.
  • Latih perintah yang paling sering dicari orang: membatalkan commit, squash commit, rebase ke main, cherry-pick, stash, menyelesaikan konflik merge, force-push dengan aman. Muat alur kerja siap pakai di bawah, atau buka halaman mana pun di referensi perintah Git dan tekan "Coba langsung di playground terminal".
  • Remote tanpa jaringan: buat bare repository lokal, tambahkan sebagai origin, dan latih git push, git fetch, git pull, dan git clone terhadapnya. Grafiknya menampilkan origin/main bergerak di samping main.
  • Eksekusi yang deterministik: tanggal dan identitas dikunci, jadi script yang sama selalu menghasilkan hash commit yang sama. Bagikan script ke teman sekelasmu, maka kamu dan temanmu akan melihat grafik yang sama.

Yang bisa dicoba di playground Git

  • Branch dan merge: git checkout -b feature, buat commit di sana, kembali ke main, buat commit di sana juga, lalu git merge feature dan lihat merge commit menyatukan kedua jalur.
  • Membatalkan dengan aman: buat commit yang kamu sesali, jalankan git reset --soft HEAD~1, dan lihat commit itu memudar dari grafik sementara perubahanmu muncul kembali sebagai file yang di-stage. Lalu coba git revert dan bandingkan.
  • Rebase dibanding merge: buat riwayat dua branch yang sama sebanyak dua kali, selesaikan yang satu dengan git merge dan yang lain dengan git rebase main, lalu bandingkan bentuk kedua grafiknya berdampingan.
  • Konflik merge yang disengaja: ubah baris yang sama di dua branch, lakukan merge, dan lihat file itu masuk ke baris Konflik. Perbaiki, git add, git commit, lalu lihat konfliknya hilang.

FAQ playground Git

Apakah playground Git ini gratis?

Ya. Playground Git ini gratis, tanpa daftar, dan tanpa instalasi. Buka halamannya, ketik perintah, lalu tekan Jalankan.

Apakah ini Git sungguhan atau simulasi?
Git sungguhan. Setiap Jalankan mengeksekusi script-mu dengan binary git asli di dalam container Linux ter-sandbox, jadi perintah, flag, output, dan pesan error-nya sama dengan yang kamu lihat di komputermu. Ada dua hal yang sengaja ditambahkan: identitas author bawaan (yang bisa ditimpa dengan git config user.name milikmu sendiri, seperti di komputermu) dan tanggal commit yang dikunci, supaya hash commit sama di setiap Jalankan. Tidak ada yang bisa memintamu mengetik di tengah eksekusi, jadi perintah interaktif seperti git rebase -i butuh editor yang di-script. Contoh-contohnya menunjukkan caranya.
Bagaimana cara kerja grafik commit-nya?
Setelah setiap pernyataan di script-mu, sandbox mencatat commit, ref, HEAD, daftar stash, dan git status dari repository. Halaman ini menggambar grafik dari snapshot tersebut: satu jalur per branch, merge sebagai lengkungan, dan setiap ref sebagai label. Klik nomor langkah untuk melihat repository seperti saat tepat setelah baris itu. Dalam sesi yang sangat panjang, prompt yang lebih awal hanya direkam di akhirnya, dan deretan langkah hanya menampilkan kondisi yang benar-benar direkam.
Bisakah aku berlatih branching, merge, dan rebase di sini?

Bisa, justru itulah gunanya grafik ini. Buat branch, commit di sana, lakukan merge, rebase, cherry-pick, reset, dan revert, lalu lihat setiap operasi mengubah gambarnya. Ini alternatif praktik langsung untuk game branching, dengan Git sungguhan di baliknya.

Bisakah aku memakai git push, pull, fetch, dan clone?
Bisa, terhadap remote lokal. Sandbox-nya tidak punya akses jaringan, jadi git clone https://… tidak bisa menjangkau internet. Buat bare repository di subfolder (git init --bare remote.git), tambahkan sebagai origin, lalu push, fetch, pull, dan clone dari situ. Branch remote-tracking muncul di grafik seperti saat kamu memakai GitHub.
Apakah pekerjaanku tetap tersimpan di antara eksekusi?

Tidak. Setiap Jalankan dimulai dari folder kosong dan memutar ulang seluruh script, dan itulah yang membuat timeline-nya bisa dibuat. Simpan perintahmu di prompt (Shift+Enter menambah baris), dan pakai Reset untuk kembali ke script awal.

Apa bedanya dengan terminal Linux online?

Terminalnya sama-sama ter-sandbox, dan Git juga berjalan di sana, tapi di sini ditambah panel repository. Halaman terminal Linux untuk perintah shell dan script; halaman ini menyusun sesimu supaya grafik commit dan kondisi working tree direkam setelah setiap baris.

Apakah ada kursus yang mengajarkan Git dari nol?
Ada. Kursus Git gratis Coddy membawamu dari git init ke branch, merge, rebase, dan remote dengan latihan yang diperiksa, dan setiap halaman perintah di referensi perintah Git punya tombol "Coba langsung di playground terminal" yang membuka playground ini dengan contoh yang bisa dijalankan.