Frontend Academy · Ders

git init add commit ve status

Bir depo başlatın, git add ile değişiklikleri hazırlama alanına alın, commit'ler oluşturun ve geçmişi anlamak için git status ile git log çıktısını okuyun.

git init add commit ve status, CoddyKit'te ücretsiz bir Frontend Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Frontend Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Frontend Academy kursu toplamda 4 dersten oluşur.

Neden Sürüm Denetimi?

Git, kodunuzdaki her değişikliği zaman içinde izler. Ne değiştiğini, ne zaman ve neden değiştiğini görebilirsiniz. Hatalar geri alınabilir. Birden fazla kişi aynı kod tabanında çalışabilir. Her profesyonel ekip Git kullanır.

git init — Depo Başlatma

Bir Git deposunu başlatmak için herhangi bir klasörde git init komutunu çalıştırın. Git, tüm proje geçmişini depolayan gizli bir .git dizini oluşturur.

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

Üç Alan

Git'in üç alanı vardır: Çalışma Dizini (düzenlediğiniz dosyalar), Hazırlama Alanı (bir sonraki işlemleme için işaretlenen dosyalar) ve Depo (işlenmiş geçmiş). Hazırlama alanı, kesin kapsamlı işlemlemeler oluşturmanızı sağlar.

git status — Neler Değişti?

git status, hangi dosyaların izlenmediğini, değiştirildiğini veya hazırlama alanına alındığını gösterir. Güncel durumu anlamak için çalışma akışınız sırasında bu komutu sürekli kullanın.

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

git add — Değişiklikleri Hazırlama

git add filename, belirli bir dosyayı hazırlama alanına alır. git add ., geçerli dizindeki tüm değişiklikleri hazırlama alanına alır. git add -p, değişiklikleri etkileşimli olarak hazırlar (değişiklik öbeği öbeği).

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

git commit — Anlık Görüntü Kaydetme

git commit -m 'message', hazırlama alanındaki değişikliklerin kalıcı bir anlık görüntüsünü oluşturur. Mesaj, değişikliğin ne olduğunu değil, neden yapıldığını açıklamalıdır. Her işlemlemenin benzersiz bir SHA özeti vardır.

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'

Geleneksel İşleme Biçimi

Birçok ekip Geleneksel İşlemeler biçimini kullanır: type(scope): description. Yaygın türler şunlardır: feat, fix, refactor, test, docs, chore, perf. Bu biçim, değişiklik günlüğünün otomatik olarak oluşturulmasını ve anlamsal sürümlemeyi mümkün kılar.

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 — Geçmişi Görüntüleme

git log, işlemleme geçmişini gösterir. git log --oneline, her işlemlemeyi tek satırda gösteren sıkıştırılmış bir görünüm sunar. git log --graph, dal yapısını çizer.

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

git diff — Değişiklikleri Görme

git diff, hazırlama alanına alınmamış değişiklikleri gösterir. git diff --staged, hazırlama alanındaki değişiklikleri gösterir. git diff HEAD, son işlemlemeden bu yana gerçekleşen tüm değişiklikleri gösterir.

.gitignore Dosyası

Dosyaları ve dizinleri sürüm denetiminden hariç tutmak için bunları .gitignore dosyasında listeleyin. node_modules, .env, dist ve build dizinlerini her zaman yok sayın. GitHub, her dil ve çerçeve için gitignore şablonları sağlar.

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

git restore — Hazırlanmamış Değişiklikleri Geri Alma

git restore filename, çalışma dizinindeki bir dosyada yapılan değişiklikleri silerek dosyayı son işlenmiş sürümüne döndürür. Bu işlem yıkıcıdır — değişiklikler kaybolur.

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

Kısa Kontrol

git add . ne yapar?

Özet: Temel Git Komutları

git init bir depo başlatır. git status mevcut durumu gösterir. git add dosyaları hazırlama alanına alır. git commit bir mesajla anlık görüntü kaydeder. git log geçmişi gösterir. git diff değişiklikleri gösterir. .gitignore dosyaları hariç tutar. Ne yapıldığını değil, neden yapıldığını açıklayan anlamlı işlemleme mesajları yazın.

Sıkça Sorulan Sorular

“git init add commit ve status” dersi ücretsiz mi?

Evet — “git init add commit ve status” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Frontend Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Frontend Academy kursu toplamda 4 dersten oluşur.

“git init add commit ve status” dersinde ne öğreneceğim?

Bir depo başlatın, git add ile değişiklikleri hazırlama alanına alın, commit'ler oluşturun ve geçmişi anlamak için git status ile git log çıktısını okuyun. Frontend Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Frontend Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Frontend Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“git init add commit ve status” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Frontend Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Frontend Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Frontend Academy Sayfasına Dön