İçeriğe geç
XDD.baby Yazılım Öğrenme
Sözlük Hata rehberi 0/56

xdd.baby · Yazılım Öğrenme

Sıfırdan yazılımcı ol

Hiç kod yazmamış biri için adım adım bir yol. Bilgisayarı tanımaktan ilk iş görüşmene kadar: JavaScript, web, sunucu, veritabanı, React ve yapay zekâ. Anlatım Türkçe, örnekler oyundan.

Ders 0'dan başla
  • 56ders
  • 9blok
  • ~115saat
  • 0 ₺kurs ücretsiz

Bu kurs nasıl işler?

  1. Kodu sen yazarsın

    Örnekleri okuyup kendi elinle yazarsın. Parmakların da öğrenmeli; bu yüzden ders kodlarında kopyala düğmesi yok, yalnızca kurulum komutlarında var.

  2. Hata yapmak plana dahil

    Her derste o konunun sık hataları gerçek mesajlarıyla anlatılıyor. Kırmızı yazı düşman değil, yol tarifi.

  3. Oyundan örnekler

    Değişkenler hp ve gold, diziler takımlar, döngüler turlar. Yeni kavramlar tanıdık şeylerle anlatılıyor.

  4. Görev, ipucu, çözüm

    Her derste zorluğu artan görevler var. Önce kendin dene, takılınca ipucunu aç; çözüm en sonda.

  5. Her ders bir kayıt noktası

    Ders sonunda yaptığını Git ile kaydedersin. Blok sonlarındaki projeler GitHub'da portföyün olur.

  6. Kendi hızında

    Bir ders 1–3 saat sürer, günde bir ders yeterli. Bitirdiğin dersleri işaretle; kaldığın yer bu tarayıcıda hatırlanır.

Yol haritası

  1. 0Hazırlık1 ders
  2. 1JS temelleri8 ders
  3. 2JS derin9 ders
  4. 3Web8 ders
  5. 4Sunucu7 ders
  6. 5Veritabanı6 ders
  7. 6React/Next8 ders
  8. 7Yapay zekâ5 ders
  9. 8İşe hazırlık4 ders

Blok 1

JavaScript Temelleri

Değişken, karar, fonksiyon, obje, dizi ve döngü. Programlamanın bütün dillerde ortak olan çekirdeği; bloğun sonunda ilk projen ve GitHub hesabın hazır.

0/8

  1. 1İlk programın: console.log, değişkenler ve hata okumaEkrana yazı yazdırıyor, bilgileri değişken denen kutulara koyuyor, basit hesap yapıyor ve ilk hata mesajını okumayı öğreniyorsun.60–90 dk
  2. 2Karşılaştırma ve karar: if / elseProgramın duruma göre farklı yol seçmesini sağlıyorsun: doğru/yanlış değerleri, karşılaştırma işaretleri ve if/else.60–90 dk
  3. 3Çoklu karar ve fonksiyonelse if zinciriyle birden çok seçeneği sıralıyor, mantık işaretlerini öğreniyor ve tekrar eden kodu fonksiyona çeviriyorsun.75–100 dk
  4. 4Obje: bir şampiyonun bütün bilgisi tek kutudaBirbiriyle ilgili bilgileri { anahtar: değer } biçiminde tek bir objede topluyor, okuyor, değiştiriyor ve fonksiyonlara veriyorsun.75–100 dk
  5. 5Dizi ve döngü: bütün takımSıralı listeleri dizi olarak tutuyor, for ve while döngüleriyle her eleman için aynı işi yaptırıyorsun.90–120 dk
  6. 6return ve ilk mini proje: takım savaşı projeFonksiyonların sonuç döndürmesini öğreniyor, şimdiye kadarki her şeyi birleştirip rastgele hasarla dönen bir takım savaşı simülasyonu yazıyorsun.120–150 dk
  7. 7Hata ayıklama, Git ve GitHubHataları sistemli avlamayı (console.log, VS Code hata ayıklayıcısı, kırma noktası) ve kodunu Git geçmişiyle GitHub'a koyup portföyünü başlatmayı öğreniyorsun.120–150 dk
  8. 8Tekrar ve yardımsız mini sınavBlok 1'in bütün konularını birbirine bağlayan tekrar, çıktı tahmin soruları, hata bulma alıştırmaları ve kendi başına çözeceğin üç küçük program.90–120 dk

Blok 2

JavaScript'i Derinleştir

Metin ve sayı işlemleri, ileri fonksiyonlar, dizi metotları, hatalarla başa çıkma, modüller, npm ve asenkron kod. Sonunda terminalde oynanan bir oyun.

0/9

  1. 9Metinler ve sayılarla çalışmakŞablon metinler, metin metotları, sayı ile metin arasında dönüşüm ve Math ile oyun istatistiklerini düzgün biçimde gösteriyorsun.75–100 dk
  2. 10Fonksiyonlar derinlemesineOk fonksiyonları, varsayılan parametreler, kapsam, closure ve fonksiyonu başka fonksiyona vermek (callback).90–120 dk
  3. 11Dizi metotları: map, filter, find, reduceDöngü yazmadan veri dönüştürmek: forEach, map, filter, find, some, every, reduce, sort ve bunları zincirlemek.90–120 dk
  4. 12Obje ve dizilerde ileri tekniklerParçalama (destructuring), yayma (...), Object.keys/values/entries, kopya ile referans farkı, JSON ve null güvenliği.90–120 dk
  5. 13Hatalarla barışmak: try, catch, throwProgramın çökmeden hatayı yakalamasını, kendi hata mesajlarını üretmeyi ve yığın izini (stack trace) okumayı öğreniyorsun.75–100 dk
  6. 14Modüller ve npmKodu dosyalara bölüyor (import/export), npm ile paket kuruyor, package.json ve node_modules'ın ne olduğunu öğreniyorsun.90–120 dk
  7. 15Asenkron JavaScript: Promise ve async/awaitBeklemesi gereken işleri (zamanlayıcı, ağ isteği) programı durdurmadan yapmak: callback, Promise, async/await ve fetch.120–150 dk
  8. 16Sınıflar ve thisclass, constructor, metot, this ve kalıtım: mülakatlarda sorulan nesne yönelimli temeller.75–100 dk
  9. 17Blok 2 projesi: terminalde metin tabanlı oyun projeModüller, sınıflar, async ve kullanıcı girdisiyle terminalde oynanan, kayıt dosyası tutan bir mini RPG yazıp GitHub'a koyuyorsun.150–210 dk

Blok 3

Web: HTML, CSS ve DOM

Tarayıcıda çalışan sayfalar: iskelet (HTML), görünüm (CSS), davranış (JavaScript ve DOM) ve dış kaynaktan veri çekmek. Sonunda yayında bir web uygulaması.

0/8

  1. 18Web nasıl çalışır?Tarayıcı, sunucu, URL, HTTP ve HTML/CSS/JavaScript üçlüsü; geliştirici araçlarıyla bir sitenin içine bakıyorsun.60–90 dk
  2. 19HTML: sayfanın iskeletiEtiketler, başlıklar, paragraf, bağlantı, resim, liste, tablo ve form elemanlarıyla anlamlı (semantik) bir sayfa kuruyorsun.90–120 dk
  3. 20CSS temelleri: renk, yazı, kutu modeliSeçiciler, renkler, yazı tipleri, kutu modeli (margin, border, padding), birimler ve özgüllük; geliştirici araçlarında canlı düzenleme.90–120 dk
  4. 21CSS yerleşim: flexbox, grid ve mobil uyumÖğeleri yan yana ya da alt alta dizmek (flexbox), ızgara kurmak (grid), konumlandırma ve her ekrana uyan (responsive) tasarım.120–150 dk
  5. 22DOM: JavaScript sayfayla konuşuyorSayfadaki öğeleri JavaScript ile bulmak, değiştirmek, oluşturmak ve tıklama gibi olaylara tepki vermek.120–150 dk
  6. 23Formlar, kullanıcı girdisi ve localStorageFormdan veri almak, doğrulamak, listeye eklemek ve silmek; sayfa yenilense de kaybolmasın diye tarayıcıda saklamak.120–150 dk
  7. 24Tarayıcıdan veri çekmek: fetch ve APIDış bir API'den JSON çekip sayfada göstermek: yükleniyor ve hata durumları, arama, filtreleme ve CORS.120–150 dk
  8. 25Blok 3 projesi: şampiyon ansiklopedisi projeArama, filtre, favoriler ve detay görünümü olan duyarlı bir web uygulaması yazıp GitHub Pages ile internete koyuyorsun.180–240 dk

Blok 4

Sunucu: Node.js, HTTP ve API

İnternetin dili HTTP, kendi sunucun, Express ile API, gizli bilgiler, dış servisler ve güvenlik. Sonunda internette çalışan kendi API'n.

0/7

  1. 26HTTP derinlemesineİstek ve yanıtın bütün parçaları: metotlar, durum kodları, başlıklar, gövde ve REST mantığı; terminalden istek atmak.75–100 dk
  2. 27Node.js ile ilk sunucunode:http ile kendi sunucunu yazıyor, adreslere göre farklı yanıt veriyor, JSON döndürüyor ve tarayıcıdan bağlanıyorsun.90–120 dk
  3. 28Express ile APIExpress ile düzenli bir REST API: route'lar, parametreler, ara katman (middleware), hata yönetimi ve CRUD.120–150 dk
  4. 29Dosya sistemi, ortam değişkenleri ve gizli bilgilerVeriyi dosyada kalıcı tutmak, ayarları ortam değişkenlerine taşımak ve şifreleri asla koda ya da yayına koymamak.90–120 dk
  5. 30Dış API'lere bağlanmakSunucudan başka servislere istek atmak: API anahtarı, hız sınırı, zaman aşımı, hata yönetimi ve anahtarı saklayan ara sunucu.90–120 dk
  6. 31Kimlik doğrulama ve güvenlik temelleriŞifre saklamanın doğru yolu (hash), oturum çerezi ile token farkı, yetkilendirme ve en sık güvenlik açıkları (XSS, SQL injection, CSRF).120–150 dk
  7. 32Yayına alma ve Blok 4 projesi: takım API'si projeExpress API'ni internete koyuyorsun: barındırma seçenekleri, ortam değişkenleri, loglar, alan adı ve DNS.150–210 dk

Blok 5

Veritabanı: SQL ve PostgreSQL

Veriyi tablolarda tutmak, sorgulamak, ilişkilendirmek ve Node.js'ten güvenle kullanmak.

0/6

  1. 33Veritabanı nedir? PostgreSQL'e girişTablo, satır, sütun, veri tipleri ve birincil anahtar; ücretsiz bir PostgreSQL veritabanı açıp ilk tabloyu oluşturuyorsun.75–100 dk
  2. 34SELECT: veriyi sorgulamakSELECT, WHERE, ORDER BY, LIMIT, LIKE, NULL, toplama fonksiyonları ve GROUP BY ile maç istatistiklerini sorgulamak.90–120 dk
  3. 35Veriyi değiştirmek ve tablo tasarımıINSERT, UPDATE, DELETE, kısıtlar (NOT NULL, UNIQUE, CHECK, DEFAULT), tablo değiştirmek ve WHERE'siz silmenin felaketi.90–120 dk
  4. 36İlişkiler ve JOINTabloları birbirine bağlamak: yabancı anahtar, bire-çok ve çoka-çok ilişkiler, INNER/LEFT JOIN ve tekrarı önleyen tasarım.120–150 dk
  5. 37Node.js'ten PostgreSQL'e bağlanmakAPI'ni veritabanına bağlıyorsun: bağlantı dizesi, parametreli sorgu, SQL injection'dan korunma ve şema dosyası.120–150 dk
  6. 38Blok 5 projesi: veritabanlı API projeTakım API'sini JSON dosyasından PostgreSQL'e taşıyor, ilişkili tablolar, sayfalama ve arama ekleyip yayına alıyorsun.150–210 dk

Blok 6

TypeScript, React ve Next.js

İş ilanlarının çoğunda istenen modern yığın: tiplerle güvenli kod, React ile arayüz, Next.js ile tam yığın uygulama.

0/8

  1. 39TypeScript: tiplerle güvenli kodDeğişkenlere ve fonksiyonlara tip vermek, type ve interface, birleşim tipleri ve hataları kod çalışmadan yakalamak.120–150 dk
  2. 40React'e giriş: bileşenler ve JSXVite ile React projesi açıyor, JSX yazıyor, arayüzü bileşenlere bölüyor ve props ile veri aktarıyorsun.120–150 dk
  3. 41State ve olaylaruseState ile değişen veriyi tutmak, tıklama ve yazma olaylarına tepki vermek, kontrollü girdiler ve state'i yukarı taşımak.120–150 dk
  4. 42Effect ve veri çekmeuseEffect'in ne zaman çalıştığını anlamak, API'den veri çekmek, yükleniyor ve hata durumları, sonsuz döngü tuzağı.120–150 dk
  5. 43Next.js temelleriNext.js App Router: dosya tabanlı sayfalar, layout, sunucu ve istemci bileşenleri, Link ve dinamik sayfalar.120–150 dk
  6. 44Next.js ile tam yığın (full-stack)Route Handler ile API, Server Actions ile form, veritabanına bağlanmak ve sayfayı güncel tutmak.150–180 dk
  7. 45Stil, erişilebilirlik ve kullanıcı deneyimiTailwind CSS ile hızlı stil, duyarlı tasarım, erişilebilirlik kontrolleri ve küçük ama fark yaratan arayüz ayrıntıları.90–120 dk
  8. 46Blok 6 projesi: tam yığın uygulama projeNext.js ve PostgreSQL ile girişli, veritabanlı bir uygulama (maç notları) yazıp Vercel'e yayınlıyorsun.240–300 dk

Blok 7

Yapay Zekâ ile Uygulama

Büyük dil modellerini kendi uygulamanda kullanmak: API, istem yazma, araç kullanımı, ajanlar ve kendi verinle cevap veren asistan.

0/5

  1. 47Büyük dil modelleri ve ilk API isteğinLLM nedir, nasıl çalışır (token, bağlam, sıcaklık), sınırları neler; Claude API'ye ilk isteği gönderiyor ve maliyeti hesaplıyorsun.90–120 dk
  2. 48İstem yazmak ve yapılandırılmış çıktıModelden tutarlı sonuç almak: açık talimat, örnekler, rol ve JSON çıktıyı doğrulamak.90–120 dk
  3. 49Araç kullanımı (tool use)Modelin senin fonksiyonlarını çağırmasını sağlamak: araç tanımı, araç çağrısını çalıştırmak ve sonucu geri vermek.120–150 dk
  4. 50Basit bir ajan yazmakAraç kullanımını döngüye sokup kendi işini planlayan küçük bir ajan: durma koşulu, hafıza, hata ve maliyet sınırları.120–150 dk
  5. 51Kendi verinle yapay zekâ ve Blok 7 projesi projeKendi notlarından cevap veren bir asistan (RAG): önce bul, sonra cevapla. Arama, gömme (embedding) ve kaynak göstererek cevaplamak.150–210 dk

Blok 8

İşe Hazırlık

Ekipte Git, test yazmak, portföy, CV ve mülakat. Öğrendiklerini işe dönüştürmek.

0/4

  1. 52Takım çalışması: Git dalları ve pull requestDal (branch), birleştirme, çakışma çözmek, pull request ve kod incelemesi; ekiplerin Git'i nasıl kullandığı.90–120 dk
  2. 53Test yazmak ve kod kalitesinode:test ile birim testleri, test edilebilir fonksiyon yazmak, ESLint ve Prettier ile düzenli kod, GitHub Actions ile otomatik test.90–120 dk
  3. 54Portföy, CV ve iş aramaGitHub profilini ve üç güçlü projeni hazırlamak, junior CV'si yazmak, LinkedIn ve iş ilanlarını okumak.90–120 dk
  4. 55Mülakata hazırlık ve sonrasıSık sorulan JavaScript, React ve SQL soruları, canlı kodlama, kendi projeni anlatmak, ev ödevi ve öğrenmeye devam yol haritası.120–150 dk
SözlükDerslerde geçen bütün terimler, İngilizceleri ve okunuşlarıyla.Hata rehberiKarşılaşacağın hata mesajları, ne demek oldukları ve nasıl düzelecekleri.