Frontend 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 · Başlangıç · 8 haftaBaştan Sona Git ve GitHubSürüm kontrolünü komut ezberleyerek değil, Git'in nasıl düşündüğünü anlayarak öğreten program. Dallar, çakışmalar, geri alma, pull request ve takım çalışması; sonunda yayında ve otomasyonlu bir depo.
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 · Seçim zamanı

   Yayına alma yolunu seç

   Frontend yolu bir uygulamayı yayına almakla tamamlanıyor. Vercel/Netlify ile Git'e her push'ta otomatik yayın, ya da Docker ile taşınabilir container. Birini seçebilir ya da ikisini birden talep edebilirsiniz.

   ✓Vercel ve NetlifyDocker

   Birini seçebilir ya da ikisini birden talep edebilirsiniz.

   Başlangıç · 4 hafta · 6 bölüm · 30 ders · 6 ödev

   Vercel ve Netlify ile Yayına Alma

   Sunucu yönetmeden, Git'e her push'ta otomatik yayına almayı öğreten program. Statik, SSR ve edge arasındaki fark; Vercel ve Netlify'da proje bağlama, build ayarları, ortam değişkenleri, önizleme dağıtımları, alan adı ve HTTPS, geri alma ve izleme. Sonunda iki platformda yayında bir uygulama.

   • 01Yayına Almanın Haritası
   • 02Vercel ile Yayın
   • 03Netlify ile Yayın
   • 04Alan Adı, DNS ve HTTPS
   • 05Ortamlar, Önizleme ve Güvenlik
   • 06İzleme, Geri Alma ve Kapanış

   Programı incele

9. 09 · İsteğe bağlı

   İstersen Next.js ile devam et

   Frontend yolu React ve TypeScript ile tamamlanıyor. Sınıf hedefi tam bir ürünse, bu adımla yol Next.js ile fullstack'e uzanıyor; süreye dahil değil, üstüne ekleniyor.

   Next.js

   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

10. 10 · İsteğe bağlı

    İstersen kendi VPS'ini kur

    Zorunlu değil. Platformların altında ne olduğunu görmek ve maliyeti kontrol etmek isteyen sınıflar için: kendi sunucunu kur, güvenliğini sağla, HTTPS ile yayına al. Süreye dahil değil, üstüne ekleniyor.

    Kendi VPS'ini Kur

    Orta · 4 hafta · 6 bölüm · 30 ders · 6 ödev

    Kendi VPS'ini Kur

    Sunucuyu kara kutu olmaktan çıkaran, isteğe bağlı program: VPS seçimi, Linux ve SSH temelleri, güvenlik sertleştirme, Nginx ya da Caddy ile reverse proxy, TLS, uygulamayı Docker Compose ile yayına alma, izleme ve yedek. Sonunda kendi VPS'inde HTTPS ile yayında bir uygulama.

    • 01VPS Seçimi ve İlk Giriş
    • 02Sunucu İçin Linux Temelleri
    • 03Güvenlik Sertleştirme
    • 04Reverse Proxy ve TLS
    • 05Uygulamayı Yayına Almak
    • 06İşletme, Yedek ve Kapanış

    Programı incele