Fullstack Web Bootcamp

Yol haritası

Baştan sona izlenecek yol

1. 01 · Başlangıç · 3 haftaBaştan Sona HTMLEtiketten yayına: HTML'i anlam üzerinden öğreten, tamamı metin anlatımlı temel program. Semantik yapı, formlar ve erişilebilirlik merkezde; çerçeve yok, saf HTML.
2. 02 · Başlangıç · 5 haftaBaştan Sona CSSCSS'i kural ezberleyerek değil, tarayıcının nasıl karar verdiğini anlayarak öğreten program. Kaskad ve kutu modelinden Flexbox ve Grid'e, duyarlı tasarımdan erişilebilirliğe; sonunda yayında, kendi tasarım sistemine dayanan çok sayfalı bir site.
3. 03 · Başlangıç · 12 haftaJavaScript TemelleriSıfırdan başlayıp DOM ve asenkron JavaScript'e kadar giden, tamamı metin anlatımlı temel program. Çerçeve yok: saf JavaScript, tarayıcı ve ES6+.
4. 04 · Orta · 8 haftaJavaScript Orta SeviyeDili yazabilenler için ikinci basamak: bellek ve referans, fonksiyon kompozisyonu, prototip modeli, tembel akışlar, eşzamanlılık denetimi, hata mimarisi, Türkçe metin işleme, paketleme ve test. Çerçeve yok; yazdığın kodun neden öyle davrandığını anlatan program.
5. 05 · İleri · 8 haftaJavaScript İleri SeviyeMotorun içinden üretim disiplinine: V8'in derleme hattı ve bellek modeli, olay döngüsünün tam anatomisi, Proxy ile meta-programlama, Worker ve paylaşımlı bellek, değişmez mimari, tarayıcı platformunun derinliği, performans mühendisliği ve güvenlik. Her bölümde bir tekniği ne zaman kullanmayacağını da öğreniyorsun.
6. 06 · Orta · 10 haftaBaştan Sona ReactBildirimsel arayüzü kural ezberleyerek değil, React'ın nasıl karar verdiğini anlayarak öğreten program. JSX ve kompozisyondan durum modellemeye, etkilerden veri katmanına, performanstan erişilebilirliğe; sonunda testleriyle birlikte yayına hazır bir öğrenci paneli.
7. 07 · Orta · 8 haftaBaştan Sona TypeScriptTypeScript'i tür ezberi olarak değil, derleyiciyle diyalog kurmayı öğreterek anlatan program. Tür sistemi, daraltma, generics, yardımcı tipler, modül ve tsconfig, çalışma zamanı doğrulama; sonunda tip güvenli bir API istemcisi.
8. 08 · Başlangıç · 8 haftaBaştan Sona SQLSQL'i sözdizimi ezberleyerek değil, veritabanının veriyi nasıl tuttuğunu ve sorguyu nasıl çözdüğünü anlayarak öğreten program. Tablo ve anahtarlardan JOIN'lere, toplulaştırmadan alt sorgulara, şema tasarımından indekslere; sonunda kendi tasarladığın bir e-ticaret veritabanı.
9. 09 · Orta · 8 haftaORM'lerle Veri Katmanı: Prisma, Drizzle ve MongooseORM'i sihirli bir katman olarak değil, SQL ve belge sorgularının üstündeki bilinçli bir seçim olarak öğreten program. Prisma, Drizzle ve Mongoose ile şema, ilişki, sorgu, işlem ve migration; hangi aracın ne zaman doğru olduğu ve ham sorguya ne zaman inilmesi gerektiği. Sonunda aynı alan modelinin üç araçla yazılmış hâli.

10. 10 · Seçim zamanı

    Çerçeveni seç

    Yolun burasına kadar herkes ortak ilerliyor. Şimdi sınıfın hedefine uyan fullstack çerçeveyi seç; seçtikçe içeriği altta değişiyor.

    Next.jsReact RouterTanStack StartAstro

    Orta · 10 hafta · 10 bölüm · 50 ders · 10 ödev

    Next.js ile Fullstack

    Next.js'i sihirli kurallar yığını olarak değil, sunucu ve istemci arasındaki sınırı anlayarak öğreten program. App Router, Server/Client Component ayrımı, veri çekme ve önbellek, Server Actions, kimlik doğrulama, Postgres ile veri katmanı, performans, SEO ve yayın. Sonunda uçtan uca bir SaaS uygulaması.

    • 01Next.js Zihniyeti ve App Router
    • 02Sunucu ve İstemci Bileşenleri
    • 03Veri Çekme, Önbellek ve Yeniden Doğrulama
    • 04Formlar ve Server Actions
    • 05Route Handler'lar ve API Katmanı
    • 06Veritabanı: Postgres ve Drizzle/Prisma

    Programı incele
11. 11 · Orta · 6 haftaDocker ve Yayına AlmaUygulamayı 'bende çalışıyor'dan 'her yerde çalışıyor'a taşıyan program: container kavramı, Dockerfile ve imaj, Compose, ağ ve volume, CI/CD ile otomatik yayın, reverse proxy ve TLS, izleme ve yedekleme. Sonunda kendi sunucunda yayında, otomatik dağıtılan bir uygulama.