Frontend Geliştirme

Tarayıcı, sunucu ve aradaki her şey.

• HTTP istek/yanıt döngüsü
• DNS ve alan adları
• Tarayıcının sayfayı çizmesi
• DevTools kullanımı

Anlamlı ve herkesin kullanabildiği yapı.

• Semantik etiketler
• Formlar ve doğrulama
• ARIA temelleri
• Klavye ile gezinme
• SEO temelleri

Düzen, tipografi ve duyarlı tasarım.

• Kutu modeli
• Flexbox
• Grid
• Duyarlı tasarım ve media query
• CSS değişkenleri
• Animasyon ve geçişler
• Tailwind CSS

PROJEMobil uyumlu kişisel portfolyo sayfası.

Sayfaya davranış kazandırmak.

• Tipler, kapsam, closure
• DOM ve olaylar
• Diziler ve nesneler üzerinde işlemler
• Promise, async/await, fetch
• ES modülleri
• Event loop

PROJEBir API'den veri çeken, filtrelenebilir bir liste uygulaması.

Modern geliştirme ortamı.

• npm / pnpm
• Vite ile paketleme
• ESLint ve Prettier
• Git ile ekip çalışması

Bileşen tabanlı arayüzler.

• Bileşenler ve props
• State ve hook'lar
• Formlar ve kontrollü bileşenler
• TypeScript tipleri ve generics
• Veri çekme ve önbellek (TanStack Query)
• Durum yönetimi

Sunucu tarafı render ve yayına alma.

• Next.js App Router
• SSR, SSG, ISR farkları
• Core Web Vitals ve performans
• Test: Vitest, Testing Library, Playwright
• Vercel/Netlify ile yayın

PROJEKimlik doğrulamalı, test edilmiş ve yayında bir Next.js uygulaması.