0Pricing
Frontend Academy · Pelajaran

Branching: branch, checkout, merge

Buat branch fitur, berpindah di antaranya, gabungkan branch kembali ke main, dan selesaikan konflik merge sederhana.

Branching: branch, checkout, merge adalah pelajaran Frontend Academy gratis di CoddyKit. Ini adalah pelajaran 2 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 Cabang?

Cabang memungkinkan beberapa fitur dan perbaikan galat dikembangkan secara paralel tanpa saling mengganggu. Cabang utama (atau cabang induk) tetap stabil, sementara pekerjaan yang sedang berlangsung berada di cabang fitur.

Menampilkan dan Membuat Cabang

git branch menampilkan daftar cabang. git branch name membuat cabang baru. Cabang baru dimulai dari komit saat ini.

git branch             # list all branches
git branch feature/auth # create a new branch
git branch -d feature/auth # delete merged branch

Berpindah Cabang

git checkout branchname berpindah ke cabang yang sudah ada. git checkout -b branchname membuat dan berpindah dalam satu langkah. Padanan modernnya adalah git switch.

git checkout main           # switch to main
git checkout feature/auth   # switch to existing branch
git checkout -b hotfix/nav  # create + switch

# Modern (git 2.23+):
git switch main
git switch -c feature/auth

Alur Kerja Cabang yang Umum

1) Berpindah ke cabang utama. 2) Mengambil perubahan terbaru. 3) Membuat cabang fitur. 4) Membuat komit. 5) Menggabungkannya kembali ke cabang utama. 6) Menghapus cabang fitur.

git switch main
git pull
git switch -c feature/dark-mode
# ... make commits ...
git switch main
git merge feature/dark-mode
git branch -d feature/dark-mode

Menggabungkan Cabang

git merge branchname memasukkan perubahan dari cabang yang disebutkan ke cabang saat ini. Git mencoba melakukan penggabungan secara otomatis. Penggabungan maju-cepat terjadi jika riwayatnya bersih.

git switch main
git merge feature/auth
# Fast-forward: no merge commit if history is linear

Komit Penggabungan

Ketika kedua cabang telah berkembang ke arah yang berbeda, Git membuat komit penggabungan yang memiliki dua komit induk. Hal ini mempertahankan seluruh riwayat dari kedua jalur pengembangan.

Konflik Penggabungan

Ketika berkas yang sama diubah di kedua cabang, Git tidak dapat menggabungkannya secara otomatis dan menandai konflik tersebut. Anda mengedit berkas untuk menyelesaikannya, lalu membuat komit.

<<<<<<< HEAD
const COLOR = 'blue';
=======
const COLOR = 'red';
>>>>>>> feature/theming

// After resolving:
const COLOR = 'navy'; // your decision

git add styles.css
git commit

git rebase — Riwayat Linear

git rebase main menempatkan ulang komit cabang Anda di atas cabang utama terbaru, sehingga menghasilkan riwayat linear tanpa komit penggabungan. Gunakan untuk cabang fitur sebelum penggabungan; hindari menata ulang cabang yang digunakan bersama.

git switch feature/auth
git rebase main  # replay commits on top of current main

HEAD — Lokasi Anda

HEAD adalah penunjuk ke ujung cabang saat ini (atau ke komit tertentu dalam keadaan detached HEAD). git log menampilkan posisi HEAD. HEAD~1 adalah komit sebelumnya, sedangkan HEAD~3 adalah komit tiga langkah sebelumnya.

Menyimpan Pekerjaan yang Sedang Berlangsung

git stash menyimpan perubahan yang belum dikomit dan mengembalikan pohon kerja ke keadaan bersih. Gunakan saat Anda perlu berpindah cabang tanpa mengomit pekerjaan yang belum selesai. git stash pop memulihkannya.

git stash           # save WIP
git switch hotfix/urgent
# ... fix and commit ...
git switch feature/auth
git stash pop       # restore WIP

Konvensi Penamaan Cabang

Pola umum: feature/feature-name, fix/bug-description, hotfix/critical-fix, chore/dependency-update. Penamaan yang konsisten membuat daftar cabang lebih mudah dibaca.

Pemeriksaan Singkat

Perintah apa yang membuat cabang baru dan berpindah ke cabang tersebut dalam satu langkah?

Ringkasan: Percabangan Git

Perintah pembuatan cabang membuat cabang. Perintah perpindahan cabang digunakan untuk berpindah. Perintah penggabungan mengintegrasikan perubahan. Selesaikan konflik dengan mengedit blok penanda. Penyimpanan sementara Git menyimpan WIP. Penataan ulang digunakan untuk membuat riwayat linear. Gunakan cabang fitur untuk semua pekerjaan baru; jaga cabang utama tetap stabil. Hapus cabang yang sudah digabung agar daftar tetap rapi.

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Branching: branch, checkout, merge” gratis?

Ya — teks lengkap “Branching: branch, checkout, merge” 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 “Branching: branch, checkout, merge”?

Buat branch fitur, berpindah di antaranya, gabungkan branch kembali ke main, dan selesaikan konflik merge sederhana. 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 2 dari 4.

Berapa lama pelajaran “Branching: branch, checkout, merge” 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