Web Geliştirme Nedir? Frontend, Backend ve Fullstack Rehberi

Web geliştirme, tarayıcı üzerinden çalışan sitelerin ve uygulamaların tasarlanması, kodlanması, veriyle bağlanması ve yayına alınması sürecidir. Bir blog, e-ticaret sitesi, admin panel, SaaS ürünü, eğitim platformu veya sosyal ağ web geliştirme kapsamına girebilir.

Modern web geliştirme üç ana parçadan oluşur: frontend, backend ve deployment. Bu parçaları birlikte anlayan geliştiriciye çoğu zaman fullstack geliştirici denir.

Web Sitesi ve Web Uygulaması Arasındaki Fark

Her web sitesi web uygulaması değildir.

Tür	Açıklama
Web sitesi	Daha çok içerik sunar: blog, kurumsal site, portfolyo
Web uygulaması	Kullanıcı etkileşimi ve veri yönetimi güçlüdür: panel, CRM, SaaS

Bir web uygulamasında kullanıcı girişi, veritabanı, rol yönetimi, API, dosya yükleme ve bildirim gibi özellikler bulunabilir.

Frontend Nedir?

Frontend, kullanıcının tarayıcıda gördüğü ve etkileşime geçtiği katmandır. Butonlar, formlar, menüler, sayfa düzeni, animasyonlar, responsive görünüm ve erişilebilirlik frontend tarafına girer.

Frontend temel teknolojileri:

HTML
CSS
JavaScript
TypeScript
React, Vue, Svelte gibi frameworkler
Next.js gibi fullstack web frameworkleri

Basit HTML örneği:

// HTML //

<article>
  <h1>Web Geliştirme Nedir?</h1>
  <p>Frontend ve backend birlikte modern web uygulamalarını oluşturur.</p>
</article>

Frontend sadece güzel görünüm değildir. Performans, erişilebilirlik, SEO ve kullanıcı deneyimi de frontend kalitesini belirler.

Backend Nedir?

Backend, kullanıcı tarafından doğrudan görülmeyen sunucu tarafıdır. Veri saklar, iş kurallarını uygular, kimlik doğrulama yapar, API üretir ve güvenlik kontrollerini yürütür.

Backend sorumlulukları:

API endpointleri
Veritabanı işlemleri
Kullanıcı girişi ve yetkilendirme
Dosya yükleme
E-posta gönderimi
Loglama
Güvenlik kontrolleri
Ödeme entegrasyonları

Basit API fikri:

// HTTP //

GET /api/articles
POST /api/login
PATCH /api/profile
DELETE /api/posts/42

Backend tarafında Node.js, PHP, Python, Go, C#, Java gibi diller kullanılabilir.

Fullstack Nedir?

Fullstack geliştirici, frontend ve backend tarafında uçtan uca ürün çıkarabilen kişidir. Bu, her konunun en derin uzmanı olmak demek değildir; sistemi bütün olarak anlayabilmek demektir.

Fullstack geliştiricinin bilmesi gerekenler:

Arayüz geliştirme
API tüketimi ve API üretimi
Veritabanı modelleme
Auth ve rol yönetimi
Deployment
Temel güvenlik
Performans ve SEO

Yeni başlayan biri hemen fullstack olmak zorunda değildir. Önce bir tarafı seçip sonra diğer tarafa köprü kurmak daha sağlıklıdır.

HTTP Nedir?

HTTP, tarayıcı ile sunucu arasındaki haberleşme protokolüdür. Bir web sayfasına girdiğinde tarayıcı sunucuya istek gönderir, sunucu da cevap döner.

Temel akış:

// TXT //

Tarayıcı -> HTTP Request -> Sunucu
Tarayıcı <- HTTP Response <- Sunucu

Yaygın HTTP metodları:

Metod	Kullanım
GET	Veri okuma
POST	Yeni veri oluşturma
PUT/PATCH	Veri güncelleme
DELETE	Veri silme

HTTP bilmeden API ve web güvenliği konularını anlamak zorlaşır.

Veritabanı Neden Gerekir?

Web uygulamaları genellikle kalıcı veri saklar. Kullanıcılar, makaleler, siparişler, yorumlar, roller ve ayarlar veritabanında tutulur.

Yaygın veritabanları:

PostgreSQL
MySQL
SQLite
MongoDB
Redis

Basit SQL örneği:

// SQL //

SELECT title, published_at
FROM articles
WHERE status = 'PUBLISHED'
ORDER BY published_at DESC;

Veritabanı tasarımı iyi değilse uygulama büyüdükçe bakım zorlaşır.

SEO Web Geliştirmede Nereye Girer?

SEO, web sayfalarının arama motorları tarafından daha iyi anlaşılması ve kullanıcıya daha iyi sunulması için yapılan teknik ve içerik çalışmalarının toplamıdır.

Teknik SEO için önemli başlıklar:

Doğru title ve description
Kanonik URL
Sitemap
Robots kuralları
Hız ve Core Web Vitals
Mobil uyumluluk
Semantik HTML
Structured data
İç bağlantılar
Kaliteli içerik

Yani SEO sadece "anahtar kelime koymak" değildir; teknik kalite ve içerik faydası birlikte çalışır.

Web Geliştirme Öğrenme Sırası

Başlangıç için önerilen sıra:

HTML ile sayfa yapısı
CSS ile görünüm ve responsive düzen
JavaScript ile etkileşim
Git ve GitHub
API tüketimi
React veya benzeri bir kütüphane
Backend dili ve framework
Veritabanı
Auth ve güvenlik
Deployment
Performans ve SEO

GitHub tarafını güçlendirmek için GitHub Nedir?, Linux ve sunucu tarafı için Linux Nedir? rehberlerini okuyabilirsin.

Başlangıç Projesi: Mini Blog

Mini blog, web geliştirme temellerini öğrenmek için ideal bir projedir.

İçermesi gerekenler:

Makale listesi
Makale detay sayfası
Kategori veya etiket
Arama
Admin panel taslağı
SEO metadata
Responsive tasarım

Bu proje frontend, routing, veri modeli ve SEO kavramlarını birlikte öğretir.

Web Geliştirmede Güvenlik Temelleri

Başlangıçta bile şu konuları bilmek gerekir:

XSS
CSRF
SQL injection
Dosya yükleme güvenliği
Rate limit
Auth token güvenliği
Güvenli environment variable kullanımı
Yetki kontrolü

Güvenlik sonradan eklenen bir süs değildir. En baştan tasarıma dahil edilmelidir.

Sık Sorulan Sorular

Frontend mi backend mi öğrenmeliyim?

Görsel arayüz ve kullanıcı deneyimi ilgini çekiyorsa frontend, veri ve sistem mantığı ilgini çekiyorsa backend ile başla. Kararsızsan önce HTML, CSS ve JavaScript temeli kurmak iyi bir başlangıçtır.

Fullstack olmak ne kadar sürer?

Temel fullstack proje çıkaracak seviyeye gelmek düzenli çalışmayla 6-12 ay sürebilir. Profesyonel derinlik ise yıllar içinde gelişir.

Web geliştirme için hangi dil şart?

Frontend için JavaScript veya TypeScript şart gibidir. Backend için Node.js, PHP, Python, C#, Java veya Go gibi farklı seçenekler kullanılabilir.

SEO sadece içerik yazarlarının işi mi?

Hayır. Geliştirici sayfa hızı, metadata, semantik HTML, mobil uyumluluk, sitemap ve structured data gibi teknik SEO alanlarından sorumludur.