Tüm tasarımlar Figma üzerinden hazır şekilde verilecektir. Teknolojiler şunlar olmak zorundadır: Semantic HTML5 Tailwind CSS TypeScript
Amaç, Google ve PageSpeed yönergelerine tam uyumlu, temiz, modüler ve SEO-dostu sayfalarının dökümünü yaptırmaktır.
"Yapay zeka ile yaparım" düşüncesinde arkadaşlar asla başvurmasınlar, konu devamını okumasınlar.
İşin Detayı
- Her sayfa semantic HTML5 yapısında kodlanacak.
- Inline CSS veya JS kesinlikle kullanılmayacak.
- Header / Footer gibi ortak alanlar tek bundle olacak, diğer sayfalar için ayrı CSS ve JS dosyaları oluşturulacak.
- Kod yapısı Google Crawl Budget yönergelerine uygun olacak. (Derin DOM, iç içe <div> yapısı veya gereksiz tagler olmayacak.)
- PageSpeed hedefi: mobil ve desktopta 95+ puan.
- Kullanılmayan CSS/JS derlenmeyecek.
- Kodlar temiz, modüler ve okunabilir yapıda olacak.
Google Crawl Budget uyumu
- Inline CSS/JS olmayacak.
- Her sayfa yalın, semantic ve anlamlı HTML5 etiketleriyle kurulacak (section, article, header, nav, main, footer vb.).
- Gereksiz <div> katmanları veya tekrar eden yapılar olmayacak.
- Tüm linkler ve içerik hiyerarşisi arama motoru tarayıcıları için açık ve tutarlı olacak.
- LCP < 2.5s, CLS < 0.1, INP < 200ms hedefleri.
- Kritik CSS öncelikli yükleme, diğer kaynaklar defer veya async olarak eklenecek.
- Görseller WebP/AVIF formatında, responsive srcset ve loading="lazy" ile.
- Fontlar font-display: swap olarak optimize edilecek.
- Dinamik import ve code-splitting kullanılacak.
W3 Standartları & Clean Kod
- Kodlar W3C validatordan sıfır hata ile geçmeli.
- Bileşen bazlı ve okunabilir dosya yapısı tercih edilmeli.
- ESLint, Prettier ve Stylelint kurallarına uyulmalı.
Teslim Şartları
- 10 desktop + 10 mobil sayfa eksiksiz teslim edilecek.
- Her sayfa için ayrı CSS/JS çıktısı olacak, ortak alanlar (header/footer) ayrı bundleda tutulacak.
- PageSpeed Insights raporu (mobil/desktop ≥95) sunulacak.
- W3C validasyon ve erişilebilirlik testleri geçilmiş olacak.
- Tüm dosyalar ZIP olarak teslim edilecek.
- Tüm çıktılar, deneyimli bir Sr. Front-End Developer tarafından code review sürecinden geçirilecektir.
(Yani işi bilen bir üst düzey geliştirici kodu teknik olarak denetleyecek; bu nedenle kalite kriterleri net ve ölçülebilirdir.) - Sayfa sayısı: 20 (10 desktop + 10 mobil). 2-3 ilave sayfa eklenebilir.
- Teslim süresi ve ücret, adayın çalışma şekline göre belirlenecek.
- Kısa açıklama, tahmini teslim süresi ve fiyat beklentisi ile birlikte özel mesaj gönderiniz. Forum dışı whatsapp: 537 361 13 4 bir