Geliştiricinin araçlarını sıfırdan öğren

Bölüm 01

Geliştiricinin Alet Çantası

Bir marangozun aletleri olduğu gibi, bir geliştiricinin de bir "alet çantası" vardır. Bu araçları erkenden tanımak, öğrenme yolculuğunu çok daha hızlı ve keyifli kılar. Önce büyük resme bakalım.

Temel araçlar

• Kod editörü / IDE: kod yazdığın asıl program (örn. VS Code).
• Terminal: komutlarla bilgisayarı yönettiğin metin arayüzü.
• Git & GitHub: kodunu sürümleme, yedekleme ve sergileme.
• Tarayıcı geliştirici araçları: web sayfasını inceleme ve hata ayıklama.
• Paket yöneticisi: hazır kod paketlerini kurma (npm, pip, composer).

Bölüm 02

Kod Editörü ve IDE

Kod, sıradan bir metin dosyasıdır; ama onu doğru araçla yazmak her şeyi değiştirir. Kod editörleri ve IDE'ler; renklendirme, otomatik tamamlama ve hata yakalama ile işini hızlandırır.

Editör mü, IDE mi?

• Kod editörü: hafif, hızlı; kod yazmaya odaklı (örn. VS Code). Eklentilerle güçlenir.
• IDE (Tümleşik Geliştirme Ortamı): editör + derleyici + hata ayıklayıcı + daha fazlasını bir arada sunan ağır paket (örn. Visual Studio, IntelliJ).
• Sınır bulanıktır: VS Code eklentilerle neredeyse bir IDE gibi çalışır.

Bir editörün bölümleri

• Kenar çubuğu: proje dosya ve klasörleri.
• Sekmeler: açık dosyalar.
• Düzenleme alanı: kodun yazıldığı yer (satır numaralı).
• Alt panel: terminal, sorunlar, çıktı.

Bölüm 03

VS Code'u Kurmak ve Tanımak

En popüler kod editörü VS Code'u kurup temel ayarlarını yapmak, geliştirici yolculuğunun ilk somut adımıdır. Eklentilerle onu kendine göre güçlendirebilirsin.

Kurulum adımları

Faydalı ilk eklentiler

• Dil desteği: üzerinde çalışacağın dile göre (HTML/CSS, Python, PHP...).
• Prettier: kodu otomatik düzgün biçimler.
• Live Server: web sayfanı anında tarayıcıda gösterir.

Bölüm 04

Terminal / Komut Satırı Nedir?

Terminal, bilgisayarla "yazarak" konuştuğun bir arayüzdür. Fareyle tıklamak yerine komut yazarsın. Korkutucu görünür ama birkaç komutla hayatını kolaylaştırır; geliştiricilikte vazgeçilmezdir.

Neden terminal?

• Birçok geliştirici aracı (Git, paket yöneticileri) terminalden çalışır.
• Tek komutla, fareyle dakikalarca süren işleri saniyede yaparsın.
• Uzaktaki sunucuları çoğu zaman yalnızca terminalle yönetirsin.

Nasıl görünür?

• Bir komut istemi (prompt) seni bekler.
• Bir komut yazıp Enter'a basarsın.
• Terminal komutu çalıştırır ve sonucu/çıktıyı gösterir.

Bölüm 05

Temel Terminal Komutları

Birkaç temel komut, terminalde rahatça gezinmen için yeterlidir. Bunlar her geliştiricinin ezbere bildiği, günde onlarca kez kullandığı komutlardır.

Gezinme ve listeleme

• pwd — şu an hangi klasördeyim? (yolu gösterir)
• ls — bu klasörde ne var? (içeriği listeler)
• cd klasor — klasöre gir. cd .. — bir üst klasöre çık.

Oluşturma

• mkdir yeni-klasor — yeni klasör oluştur.
• touch dosya.txt — boş dosya oluştur (Linux/Mac).

Bölüm 06

Dosya ve Klasör Yönetimi

Projeler dosyalardan oluşur ve düzenli bir klasör yapısı, işini kolaylaştırır. İyi bir geliştirici, projesinin "nerede ne var" haritasını bilir.

Tipik bir web projesi yapısı

• Ana klasörde index.html (giriş sayfası).
• css/ klasöründe stil dosyaları.
• js/ klasöründe betikler.
• images/ klasöründe görseller.

Bölüm 07

Derleyici mi, Yorumlayıcı mı?

Bilgisayar yalnızca "makine kodu" anlar; bizim yazdığımız kodun ona çevrilmesi gerekir. Bu çeviri iki yolla olur: derleyici (compiler) ya da yorumlayıcı (interpreter). Bu fark, dilleri anlamanın anahtarıdır.

İki yaklaşım

• Derleyici: kodun tamamını önceden makine koduna çevirir; sonra çalıştırılır. (örn. C, C++, C#)
• Yorumlayıcı: kodu satır satır okuyup anında çalıştırır. (örn. Python, JavaScript, PHP)
• Bazı diller ikisinin karışımını kullanır.

Pratikte ne fark eder?

• Derlenen diller genelde daha hızlı çalışır ama bir "derleme" adımı gerekir.
• Yorumlanan diller daha hızlı denenir (yaz-çalıştır); başlangıç için pratiktir.
• Yeni başlayanların çoğu, yorumlanan bir dille (Python/JavaScript) başlar.

Bölüm 08

Paket Yöneticileri

Hiçbir geliştirici her şeyi sıfırdan yazmaz; başkalarının yazıp paylaştığı hazır "paketleri" kullanır. Paket yöneticileri, bu paketleri tek komutla kurmanı ve yönetmeni sağlar.

Paket yöneticisi nedir?

• Bir depodan (kütüphane arşivi) hazır kod paketlerini indirir.
• Tek komutla kurar, günceller, kaldırır.
• Her dilin kendi yöneticisi vardır: npm (JavaScript), pip (Python), Composer (PHP), NuGet (C#).

Bölüm 09

Sürüm Kontrolü Nedir?

"Az önce çalışıyordu, ne yaptım da bozuldu?" — her geliştiricinin yaşadığı bu kâbusun çözümü sürüm kontrolüdür. Projenin geçmişini kaydeder, istediğin ana geri dönmeni sağlar.

Neden gerekli?

• Projenin her aşamasının bir anlık görüntüsünü (kayıt) saklar.
• Bir şeyi bozarsan, çalışan eski hâle geri dönersin.
• Kimin neyi ne zaman değiştirdiğini görürsün; ekip çalışmasının temelidir.

"dosya-son-SON-gerçek" dönemi bitti

• Eskiden dosyaları proje-final-v2-gerçek.zip diye çoğaltırdık.
• Sürüm kontrolü bunu düzenli, güvenli ve otomatik yapar.
• En yaygın sürüm kontrol sistemi Git'tir (sıradaki bölüm).

Bölüm 10

Git'e Giriş

Git, dünyanın en yaygın sürüm kontrol sistemidir ve bilgisayarında çalışır. Çalışmanın kalbinde üç alan vardır; bu üçlüyü anlamak Git'i anlamaktır.

Git'in üç alanı

• Çalışma dizini: üzerinde düzenleme yaptığın gerçek dosyalar.
• Hazırlık alanı (staging): bir sonraki kayda dahil edilecekler.
• Depo (.git): kalıcı kayıtların (commit) saklandığı yer.

Bir depo başlatmak

• Bir proje klasöründe git init ile depo başlatırsın.
• Artık o klasördeki değişiklikler Git tarafından izlenir.
• Değişiklikleri git add ile hazırlar, git commit ile kaydedersin.

Bölüm 11

Temel Git Komutları

Birkaç komutla Git'in gücünü kullanmaya başlarsın. Bunlar her gün tekrar edeceğin, kısa sürede ezberleyeceğin komutlardır.

Temel döngü

• git init — yeni depo başlat.
• git status — şu an ne değişti, ne hazır? (en çok kullanacağın komut)
• git add . — tüm değişiklikleri hazırlık alanına koy.
• git commit -m "mesaj" — bir kayıt oluştur.
• git log — geçmiş kayıtları gör.

# yeni depo
git init
# neler değişti?
git status
# değişiklikleri hazırla ve kaydet
git add .
git commit -m "İlk sayfa eklendi"

Bölüm 12

GitHub'a Giriş

Git bilgisayarında çalışır; GitHub ise depolarını internette saklayan, paylaşan ve ekiple çalıştıran platformdur. Git ile GitHub farklı ama birlikte çalışan iki şeydir.

Git ≠ GitHub

• Git: bilgisayarındaki sürüm kontrol aracı.
• GitHub: depolarını barındıran çevrimiçi platform (yedek + paylaşım + iş birliği).
• Benzerleri: GitLab, Bitbucket. Mantık aynıdır.

Temel akış

• GitHub'da bir depo (repository) oluşturursun.
• git push ile yerel kayıtlarını GitHub'a gönderirsin.
• git pull ile GitHub'daki güncellemeleri alırsın.

Bölüm 13

Dal (Branch) ve Birleştirme

Dallar (branch), ana kodu bozmadan paralel çalışmanı sağlar. Yeni bir özelliği kendi dalında geliştirir, hazır olunca ana dala birleştirirsin. Bu, profesyonel çalışmanın temelidir.

Neden dal?

• main (ana dal) her zaman çalışır hâlde kalır.
• Yeni özelliği ayrı bir dalda denersin; bozulursa ana kod etkilenmez.
• Hazır olunca dalı ana dala birleştirirsin (merge).

Temel komutlar

• git branch ozellik — yeni dal oluştur.
• git switch ozellik — dala geç.
• git merge ozellik — dalı (ana dala) birleştir.

Bölüm 14

İş Birliği: Pull Request ve Fork

Birden çok kişi aynı projede çalışırken, değişiklikler kontrollü biçimde birleştirilir. Pull request ve fork, açık kaynak dünyasının ve ekip çalışmasının temel araçlarıdır.

Fork ve Pull Request

• Fork: başkasının deposunun kendi kopyanı oluşturmak.
• Pull Request (PR): "şu değişiklikleri ana projeye alır mısın?" teklifi.
• Proje sahibi PR'ı inceler, tartışır ve onaylarsa birleştirir.

Bölüm 15

Editör Eklentileri ve Verimlilik

Doğru eklentiler ve kısayollar, aynı işi yarı sürede yapmanı sağlar. Editörünü kendine göre güçlendirmek, üretkenliğini görünür biçimde artırır.

İşe yarar eklenti türleri

• Biçimlendirici (Prettier): kodu otomatik düzgün hizalar.
• Linter (ESLint): hataları sen çalıştırmadan yakalar.
• Canlı önizleme (Live Server): web sayfanı anında gösterir.
• Tema/ikon paketleri: göz yormayan, okunur bir ortam.

Kısayollar zaman kazandırır

• Komut paleti (genelde Ctrl/Cmd + Shift + P) her şeye erişim verir.
• Çok satırlı düzenleme, hızlı dosya açma, formatla-kaydet alışkanlık edin.

Bölüm 16

Hata Ayıklama (Debugging) Araçları

Kod ilk seferde nadiren çalışır; bu normaldir. Hata ayıklama, sorunun nerede olduğunu sistemli biçimde bulmaktır. "console.log" ile başlar, debugger ile derinleşir.

İki temel yöntem

• Çıktı alma: şüpheli yerlere değerleri yazdır (console.log, print).
• Debugger: kodu bir noktada durdurup (breakpoint) adım adım izleme.

Hata mesajı dosttur

• Hata mesajı çoğu zaman dosyayı ve satırı söyler.
• Mesajı olduğu gibi arama motoruna/yapay zekâya yazmak hızlı çözüm verir.
• Panik yapma; hata, kodun sana "şurada bir sorun var" demesidir.

Bölüm 17

Tarayıcı Geliştirici Araçları

Her modern tarayıcının içinde güçlü bir geliştirici araç seti vardır (genelde F12 ile açılır). Web geliştirenler için bu araçlar, sayfanın içini görmenin ve düzeltmenin penceresidir.

Başlıca paneller

• Elements: sayfanın HTML/CSS yapısını canlı görme ve deneme.
• Console: JavaScript çıktıları ve hatalar.
• Network: sayfanın yaptığı istekler (yavaşlık avı).
• Responsive mod: sayfayı farklı ekran boyutlarında görme.

Bölüm 18

Komut Satırında Verimlilik

Birkaç temel komutu öğrendikten sonra, terminali bir "güç aracı"na dönüştüren küçük hileler vardır. Bunlar zamanla işini ciddi biçimde hızlandırır.

Zaman kazandıran alışkanlıklar

• Tab ile otomatik tamamlama; yukarı ok ile önceki komutlar.
• Komutları zincirlemek (bir komutun çıktısını diğerine vermek).
• Sık kullandığın komutlara kısaltma (alias) tanımlamak.
• Bir betikle (script) tekrarlı işleri tek komuta indirmek.

Bölüm 19

Ortam Yönetimi

Farklı projeler farklı araç sürümleri ve ayarlar gerektirebilir. Ortam yönetimi, projelerin birbirine karışmadan, temiz biçimde çalışmasını sağlar.

Neden ortam yönetimi?

• Bir proje eski, diğeri yeni bir araç sürümü isteyebilir.
• Her projenin kendi izole ortamı olursa çakışma olmaz.
• Ayarları (örn. gizli anahtarlar) koddan ayrı, güvenli tutarsın.

Pratik araçlar

• Python'da sanal ortam (venv); Node'da sürüm yöneticileri.
• Ayarlar için .env dosyaları (gizli bilgiyi koddan ayır).
• Daha ileride konteyner (Docker) kavramı.

Bölüm 20

Otomasyon ve Görev Çalıştırıcılar

Geliştirmede pek çok iş tekrarlanır: kodu biçimle, test et, derle, yayınla. Otomasyon, bu tekrarlı işleri tek komuta ya da otomatik tetiklemeye indirir.

Neyi otomatikleştiririz?

• Kodu biçimleme ve hata kontrolü (linter).
• Testleri çalıştırma.
• Projeyi derleme/paketleme (build).
• Yayına alma (deploy).

Bölüm 21

Git İleri: Rebase, Stash, Etiketler

Temel Git'i öğrendikten sonra, işini düzenli ve temiz tutan ileri komutlar gelir. Bunlar gücü artırır ama dikkatli kullanılmalıdır.

İleri araçlar

• stash: yarım işini geçici bir kenara koyma (sonra geri alırsın).
• rebase: geçmişi düzenleyip daha temiz, doğrusal bir tarih oluşturma.
• tag (etiket): önemli bir noktayı (örn. v1.0) işaretleme.

Bölüm 22

Çatışma Çözme (Merge Conflicts)

İki kişi (ya da iki dal) aynı satırı farklı değiştirirse, Git "hangisi doğru?" diye sana sorar. Buna çatışma (conflict) denir; korkutucu görünür ama çözmesi öğrenilebilir bir iştir.

Çatışma neden olur?

• Aynı dosyanın aynı satırı iki yerde farklı değiştirilmiştir.
• Git hangisini seçeceğini bilemez ve sana bırakır.
• Çatışan bölümü özel işaretlerle gösterir; sen düzeltirsin.

<<<<<<< HEAD
"Hoş geldiniz"   // senin değişikliğin
=======
"Merhaba"        // diğer dalın değişikliği
>>>>>>> ozellik

Nasıl çözülür?

1. İşaretli bölümü bul (<<<, ===, >>>).
2. Hangi hâli kalsın karar ver (veya ikisini birleştir).
3. İşaretleri sil, doğru hâli bırak.
4. git add + git commit ile çözümü kaydet.

Bölüm 23

Sürüm ve Yayın Akışı

Kod yazmak işin yarısı; onu güvenle yayına almak diğer yarısı. Profesyonel ekiplerde kod, belirli adımlardan geçerek (genelde otomatik) canlıya çıkar.

Tipik yayın akışı

• Kod bir dalda geliştirilir ve pull request ile incelenir.
• Otomatik testler ve derleme çalışır.
• Onaylanınca ana dala birleşir ve yayına alınır.
• Önemli sürümler etiketlenir (v1.0, v1.1...).

Bölüm 24

Kod Kalitesi Araçları

Çalışan kod yetmez; okunabilir, tutarlı ve bakımı kolay kod gerekir. Linter ve biçimlendirici gibi araçlar, kod kalitesini otomatik olarak korur.

İki temel araç

• Biçimlendirici (formatter): kodun görünümünü (girinti, boşluk) otomatik düzenler — örn. Prettier.
• Linter: olası hataları ve kötü alışkanlıkları yakalar — örn. ESLint.
• İkisi birlikte, tutarlı ve temiz bir kod tabanı sağlar.

Bölüm 25

Kişisel Geliştirme Ortamını Kurmak

Tüm öğrendiklerini bir araya getirip kendine verimli, kalıcı bir çalışma ortamı kurarsın. İyi kurulmuş bir ortam, her gün sana zaman ve huzur kazandırır.

Bir geliştirici kurulumu

Kurulum kontrol listesi

• Kod editörü kurulu ve temel eklentiler hazır.
• Git kurulu, GitHub hesabı bağlı.
• Dilinin çalıştırıcısı/paket yöneticisi kurulu.
• Biçimlendirici kaydederken otomatik çalışıyor.

Bölüm 26

Uçtan Uca Geliştirici Akışı

Şimdi tüm araçları tek bir akışta birleştiriyorsun: editörde yaz, terminalde çalıştır, Git ile kaydet, GitHub'a gönder, incele ve yayınla. Bu, gerçek bir geliştiricinin günlük döngüsüdür.

Günlük döngü

Akışı sürdürmek

• Küçük ve sık commit'ler yap; her biri anlamlı bir adım olsun.
• Her özelliği ayrı dalda geliştir, PR ile birleştir.
• Kodu temiz tut (biçimlendirici/linter) ve düzenli yedekle (push).
• Takıldığında hata mesajını oku, araştır, sor.

Ek

Terimler Sözlüğü

Bu modülde geçen temel araç ve Git terimleri. Bir başvuru kaynağı olarak saklayabilirsin.