Frontend Nedir?
Yayın: · Son güncelleme:
Frontend Nedir? Kısaca
Frontend, bir web sitesinin ya da uygulamanın kullanıcının tarayıcıda veya cihazda gördüğü ve etkileşim kurduğu kısmıdır; HTML, CSS ve JavaScript gibi teknolojilerle geliştirilir ve backend ile veri alışverişi yapar.
Frontend nedir?
Frontend, Türkçede ön yüz ya da istemci tarafı olarak karşılanır. Bir web sitesini açtığınızda gördüğünüz menüler, butonlar, formlar ve animasyonlar frontend'in ürünüdür. Kod, sunucuda değil kullanıcının tarayıcısında çalışır.
Ön yüz, tasarımcının hazırladığı ekranları çalışan bir arayüze dönüştürür. Kullanıcı bir butona bastığında ne olacağını, sayfanın telefonda nasıl görüneceğini ve verilerin ekrana nasıl yerleşeceğini belirler.
Hangi teknolojiler kullanılır?
Web frontend'in üç temel taşı vardır:
| Teknoloji | Görevi |
|---|---|
| HTML | Sayfanın yapısı ve içeriği |
| CSS | Görünüm, renk ve yerleşim |
| JavaScript | Etkileşim ve dinamik davranış |
Büyük projelerde bu temellerin üzerine React, Vue ya da Angular gibi kütüphane ve framework'ler eklenir. Kod çoğu zaman TypeScript ile yazılır, paket yöneticisi olarak npm kullanılır.
Backend ile nasıl çalışır?
Frontend veriyi kendisi saklamaz; ihtiyaç duyduğunda backend tarafına istek atar. Bir hava durumu sitesinde şehir adını yazıp aradığınızı düşünün. Frontend bu şehri API üzerinden sunucuya gönderir, sunucu sıcaklık bilgisini JSON olarak döner, frontend de bu bilgiyi ikon ve sayılarla ekrana yerleştirir.
Frontend'de sık karşılaşılan zorluklar farklı tarayıcı ve ekran boyutlarına uyum, sayfa hızı ve erişilebilirliktir. Öğrenmeye başlamak istiyorsanız önce HTML ve CSS ile basit bir kişisel sayfa yapıp, ardından JavaScript ile bu sayfaya küçük bir etkileşim eklemek mantıklı bir sıradır.
Sıkça Sorulan Sorular
Frontend ne demek?
Frontend, ön yüz anlamına gelir. Yazılımda bir uygulamanın kullanıcıya görünen ve kullanıcının etkileşim kurduğu kısmını ifade eder.
Frontend öğrenmek için hangi dille başlanır?
Genellikle HTML ve CSS ile başlanır, ardından JavaScript öğrenilir. Bu temeller oturduktan sonra React ya da Vue gibi bir framework'e geçmek daha kolay olur.