FRONT-END DEVELOPER NEDİR VE GÖREVLERİ NELERDİR?

Front-end developer, bir web sitesinin veya uygulamanın kullanıcının gördüğü ve etkileşime girdiği kısmını geliştiren yazılımcıdır. Ekranda gördüğünüz düzen, butonlar, menüler ve animasyonlar onun işidir. Aşağıda front-end'in ne iş yaptığını, frontend/backend/full stack farkını, hangi dilleri bildiğini, React gibi modern araçları, nasıl olunduğunu, ne kadar sürdüğünü ve maaşı bulacaksınız.

Front-End Developer Nedir, Ne İş Yapar?

Front-end (ön yüz) developer, bir web sitesinin veya uygulamanın kullanıcının gördüğü ve etkileşime girdiği kısmını geliştiren yazılımcıdır. Ekranda gördüğünüz her şey, yani düzen, butonlar, menüler, formlar, animasyonlar ve renkler, front-end developer'ın işidir.

Görevi, bir tasarımı (genelde tasarımcının Figma'da hazırladığı arayüzü) HTML, CSS ve JavaScript ile çalışan, canlı bir arayüze dönüştürmektir. Ayrıca sitenin farklı cihazlarda düzgün görünmesini (responsive), hızlı yüklenmesini ve kullanıcı için akıcı olmasını sağlar. Kısacası front-end developer, tasarım ile teknoloji arasında köprüdür; tasarımcının görselini alır, kullanıcının dokunabileceği gerçek bir deneyime çevirir. Rol, hem görsel duyarlılık hem kodlama becerisi ister; sonuçları gözle görüldüğü için yeni başlayanlar için motive edicidir.

Frontend, Backend ve Full Stack Arasındaki Fark

Web geliştirme üç ana role ayrılır. Frontend, kullanıcının gördüğü tarafı yapar: arayüz, tasarım, etkileşim; araçları HTML, CSS, JavaScript ve React/Vue gibi kütüphanelerdir. Backend ise kullanıcının görmediği sunucu tarafını yapar: veritabanı, iş mantığı, kullanıcı doğrulama ve API'ler; Python, PHP, Node.js gibi diller kullanır.

Full stack ise hem frontend hem backend yapabilen kişidir. Basit bir benzetmeyle bir restoranda frontend salon ve sunum, backend mutfak, full stack ise her ikisini bilen kişidir. Web geliştirmenin genel resmini web developer yazımda ele aldım. Yeni başlayanlar için en yaygın giriş kapısı frontend'dir, çünkü sonuçlar görünür ve geri bildirim hızlıdır.

Frontend Developer Hangi Dilleri ve Teknolojileri Bilmeli?

Frontend'in temeli üç olmazsa olmaza dayanır: HTML (sayfanın yapısı), görünüm için CSS ve etkileşim için JavaScript. JavaScript frontend'in beynidir ve en çok derinleşmeniz gereken dildir.

• Temel üçlü: HTML, CSS ve JavaScript.
• Framework: React (en popüler), Vue veya Angular.
• Araçlar: Git/GitHub, paket yöneticisi (npm), tarayıcı geliştirici araçları.
• Veri: temel API kullanımı (backend'den veri çekmek).

Önemli tavsiye: hepsini birden öğrenmeyin; önce HTML, CSS ve JS temelini gerçekten oturtun, sonra tek bir framework seçip derinleşin. İş ilanlarının çoğu HTML, CSS, JS ve bir modern framework ister.

React, Vue, Angular: Modern Frontend Araçları

React, Vue ve Angular, modern ve karmaşık arayüzleri daha düzenli ve verimli kurmayı sağlayan JavaScript kütüphane ve çatılarıdır. Saf JavaScript ile büyük uygulamalar yazmak zorlaşır; bu araçlar kodu yeniden kullanılabilir bileşenlere (component) böler ve geliştirmeyi hızlandırır.

React, Meta tarafından geliştirildi ve şu an en popüler, iş ilanlarında en çok aranan seçenektir; React'in geniş bir ekosistemi vardır. Vue öğrenmesi görece kolay ve esnek, Angular ise daha geniş özellikli ve kurumsal projelerde tercih edilen bir çatıdır. Hangisi? Yeni başlayanlar için genel tavsiye React'tir; ama önce saf JavaScript'i iyi öğrenmeden framework'e geçmeyin, çünkü framework'ler JavaScript üzerine kuruludur. Sık kullanılan hazır araçları JavaScript kütüphaneleri yazımda derledim.

Front-End Developer Nasıl Olunur? Yol Haritası

Front-end developer olmak için üniversite şart değildir; birçok geliştirici kendi kendine öğrenmiştir. İzlemekten çok kod yazarak ilerlenir; sıralı bir yol için roadmap.sh faydalı bir pusuladır.

1. HTML, CSS ve JavaScript Temeli

HTML ve CSS ile basit, düzenli ve responsive sayfalar yapmayı öğrenin, sonra JavaScript'e geçin: değişken, fonksiyon, DOM manipülasyonu, olaylar ve API'den veri çekme. Burada acele etmeyin; ücretsiz kaynaklar (freeCodeCamp, MDN) JavaScript'i iyi oturtmanın sağlam yoludur.

2. Bir Framework Öğren (React/Vue)

Temeli kurduktan sonra React veya Vue öğrenip bileşen mantığını kavrayın. Bir framework'te ustalaşmak, üçünü yarım bilmekten çok daha değerlidir.

3. Proje Yap ve Portföy Oluştur

Öğrendiklerinizle gerçek projeler (örneğin bir hava durumu uygulaması veya bir mağaza arayüzü) yapıp GitHub'da paylaşın. Portföy iş bulmanın anahtarıdır; işverenler diplomadan çok ne yapabildiğinize bakar.

Frontend Öğrenmek Ne Kadar Sürer?

Süre; ayırdığınız zamana, düzene ve hedef seviyeye göre değişir. HTML ve CSS ile basit sayfalar yapmayı birkaç haftada öğrenebilirsiniz; JavaScript'te akıcılaşmak ve gerçek etkileşimli sayfalar yazmak birkaç ay daha ister, ki bu sürecin en önemli kısmıdır.

Bir framework ekleyip işe girebilecek (junior) seviyeye ulaşmak düzenli çalışmayla genelde 6-12 ay sürer; haftada az saat ayıranlar için bu uzar. Önemli olan takvim değil, düzenlilik ve pratiktir: her gün biraz kod yazan biri çok daha hızlı ilerler. Frontend dünyası hızlı değiştiğinden öğrenme işe girdikten sonra da sürer; projeler hem öğretir hem portföy olur.

Front-End Developer Maaşları (2026)

Front-end developer maaşları deneyime, yetkinliğe (özellikle güçlü bir framework hakimiyeti), şirketin türüne ve şehre göre değişir. Junior maaşları giriş seviyesindedir; deneyim, sağlam bir portföy ve React gibi aranan becerilerle mid ve senior seviyelerde maaş ciddi yükselir.

Meslekte uzaktan ve yurt dışına (döviz bazlı) çalışma imkânı yaygındır; yabancı şirketlere çalışan geliştiriciler yerel ortalamanın üzerinde kazanabilir. Full stack'e geçmek veya ileri uzmanlık maaşı daha da artırır. Güncel net rakamlar piyasa ve enflasyonla değiştiği için kariyer sitelerindeki güncel verilere bakmak en doğrusudur. Giriş maaşı mütevazı olabilir; ama deneyim ve aranan becerilerle hızlı yükselen, uzaktan çalışmaya çok uygun bir kariyerdir.