Kod, kamera ve mikrofon bulunan modern çalışma masası
Kod yazarken dikkat edilecekler Güvenli statik yayın Bedava asset defteri İlk konu yayında Haftalık vlog akışı GitHub ve demo linkleri Proje sonrası öğrendiklerim

İlk konu

Bu siteyi yaparken neler kullandım?

Kısa cevap: sade HTML, güçlü CSS, az ama işe yarayan JavaScript ve bolca düzen. Benim için hedef sadece güzel görünen bir sayfa yapmak değildi; güvenli, anlaşılır ve zamanla içerik eklenebilecek bir kişisel alan kurmaktı.

HTML CSS JavaScript Caddy CSP

Kullandığım temel yapı

Bu site statik bir yapı üzerine kurulu. Yani ziyaretçi geldiğinde çalışan bir veritabanı, giriş sistemi veya karmaşık panel yok. Bu bilinçli bir tercih: kişisel blog/vlog sayfası için hızlı açılan, kolay taşınan ve bakımı rahat bir yapı yeterli oluyor.

Tasarım tarafında büyük bir arka plan görseli, editorial içerik kartları, sekmeli stüdyo alanı ve küçük animasyonlar kullandım. JavaScript sadece sekme geçişleri, kart tıklamaları, scroll göstergesi ve ufak etkileşimler için var. Gereksiz kütüphane eklemeyince hem performans hem güvenlik tarafı daha temiz kalıyor.

Nelere dikkat ettim?

İlk dikkat ettiğim şey okunabilirlik oldu. Birisi siteye girdiğinde “Atalay ne yapıyor, ne öğreniyor, nerede üretiyor?” sorularının cevabını hızlıca görmeli. İkinci konu ise güvenlik: dış linkler kontrollü açılıyor, sayfaya dışarıdan script çekilmiyor ve yayın ortamı için güvenlik header'ları hazırlandı.

Asset kullanırken de lisans meselesini hafife almıyorum. Ücretsiz kaynak güzel, ama her görselin, ikonun veya müziğin kullanım şartı aynı değil. O yüzden kaynak seçerken lisans sayfasını kontrol etmek ve kullandığım materyalleri not almak benim için işin bir parçası.

Sitenin ruhu

Bir portfolio değil, yaşayan bir çalışma masası.

01

Vlog gibi anlat

Her içerik kısa bir hikaye taşısın: problem, deneme, sonuç ve bir sonraki adım.

02

CV etkisini büyüt

Recruiter sadece teknoloji listesi değil, üretim alışkanlığı ve iletişim becerisi görsün.

03

Kaynak defteri tut

Ücretsiz görsel, ikon, font ve video kaynaklarını lisans notlarıyla birlikte sakla.

Hazır sayfa modülleri

Sekmeler arasında canlı geçiş.

Builder log

Vlog başlıkları hazır.

Bu alanı haftalık video, kısa not veya proje günlüğü gibi kullanabilirsin.

Build log

Kişisel siteyi ayağa kaldırmak

Domain, yapı, ana sayfa ve ilk içerik planı.

Kod notu

Kod yazarken neye dikkat ediyorum?

Okunabilirlik, test, responsive düzen ve performans.

Kaynak

Bedava assetleri nasıl seçiyorum?

Lisans, kalite, dosya boyutu ve kullanım senaryosu.

İçerik akışı

Yayına hazır vlog/blog kartları.

01 Mayıs
Yayında

Bu siteyi yaparken neler kullandım?

HTML, CSS, küçük JavaScript dokunuşları, asset seçimi ve güvenli yayın notları.

Oku
02 Haziran
Kod

İyi görünen siteyi iyi çalışan siteye çevirmek

Asset optimizasyonu, erişilebilirlik, hover/scroll animasyonları ve mobil düzen notları.

03 Temmuz
Kaynak

Bedava asset bulurken lisansı nasıl okuyorum?

Kaynak seçimi, ticari kullanım, attribution, marka/yüz hakları ve arşiv düzeni.

Hazır kapanış alanı

Vlog, kod ve proje linkleri aynı kimlikte birleşiyor.

Bu alanı CV, LinkedIn ve GitHub profilinden bağladığında kişisel markan daha düzenli görünür.