Web geliştirmeye sıfırdan başlayanlar için hazırlanmış bu kapsamlı rehberde HTML, CSS, JavaScript, React, Next.js, Django ve ASP.NET arasındaki farkları basit ve anlaşılır bir dille öğrenin. Hangi teknolojiyle başlamanız gerektiğini adım adım keşfedin.
Mehmet Karataş
Yazar
“HTML mi öğreneyim, JavaScript mi? React ne, Next.js ne işe yarıyor? Django mu ASP.NET mi?”
Şimdi dürüst olalım.
Web’e yeni başlayan herkesin kafası aynı noktada yanıyor:
“Her yerde başka bir şey söylüyorlar…
Hangisiyle başlamalıyım?
Yanlış bir şey öğrenip zaman kaybetmek istemiyorum.”
Bu yazıyı tam olarak bu kafa karışıklığını bitirmek için yazıyorum.
şimdi sakin ol ve çayını al gel.
Bir web sitesi ya da web uygulaması aslında 3 ana parçadan oluşur:
Görünen kısım (Frontend)
Kullanıcının gördüğü ekranlar, butonlar, yazılar
Arka plan (Backend)
Giriş işlemleri, kurallar, hesaplamalar
Veri (Database)
Kullanıcılar, yazılar, ürünler, kayıtlar
Bu yazıda her şeyi bu 3 parçaya bağlayarak anlatacağım.
Parça parça değil, bütün olarak.
HTML, sayfanın iskeletidir.
Başlık nerede, paragraf nerede, buton nerede… bunu söyler.
Ev düşün:
HTML = kolonlar, duvarlar
CSS, sitenin görünümüdür.
Renkler, yazı tipi, düzen, mobil uyum.
Ev düşün:
CSS = boya, koltuk, perde
JavaScript, siteye can verir.
Butona tıklayınca bir şey olsun
Form gönderilsin
Veri gelsin
Ev düşün:
JavaScript = elektrik, kapı zili, klima
⚠️ Net gerçek:
React, Next.js, Vue gibi her şey JavaScript’in üstüne kuruludur.
Bu üçlü zayıfsa, ileri seviye araçlar sana eziyet olur.
İşte burada framework’ler devreye giriyor.
React, ekranları parça parça (component) yapmanı sağlar.
Header ayrı
Kart ayrı
Buton ayrı
Bu sayede:
Kod okunur olur
Büyüyen projede dağılmaz
Çünkü:
İş ilanı çok
Ekosistem çok büyük
Öğreneni çok
Ama şunu unutma:
React = sadece ekran tarafı.
Tek başına “tam web uygulaması” değildir.
Yetiyor… ama her şeye.
Next.js, React’in üstüne şunları ekler:
Sayfa sistemi (routing)
Google uyumu (SEO)
Hızlı açılma
Gerekirse backend
React = araba
Next.js = araba + navigasyon + güvenlik + servis
Panel
Dashboard
İç sistem
Blog
Tanıtım sitesi
Google’da çıkması gereken projeler
Yeni başlayan biri için en mantıklı akış:
Önce React → sonra Next.js
İşte backend dünyası burada başlıyor.
Kullanıcı girişi
Yetkilendirme
Veri kaydetme
Kuralları uygulama
Frontend “ister”, backend “karar verir”.
Bunu basitçe anlatayım.
Artıları
Hızlı sonuç
Admin panel hazır
Yeni başlayan dostu
Eksileri
Büyük projede dikkatli olunmazsa karmaşıklaşır
Artıları
Çok sağlam mimari
Kurumsal dünya standardı
Uzun vadede güçlü
Eksileri
Başlangıçta biraz daha ağır
🧭 Hangisini seçmelisin?
“Hızlı öğreneyim, proje çıkarayım” → Django
“Uzun vadede sağlam ilerleyeyim” → ASP.NET
İkisi de yanlış değil. Yanlış olan hedefini bilmeden seçmek.
Database = bilgilerin saklandığı yer.
Yeni başlayan için net öneri:
PostgreSQL
Neden?
Güçlü
Yaygın
Her yerde kullanılıyor
Alternatifler:
SQLite → küçük projeler
MySQL → yaygın ama sınırlı
MongoDB → esnek ama yeni başlayan için riskli
Akış şu şekilde:
Kullanıcı butona basar
Frontend, backend’e istek atar
Backend database’e bakar
Cevap döner
Ekran güncellenir
Bu iletişime REST API denir.
Korkulacak bir şey değil, sadece düzenli konuşma şekli.
Yeni başlayan için en kolay yol:
Frontend:
Next.js → Vercel
React → Netlify
Backend:
Render
Database:
Supabase
Domain al → bağla → bitti.
Artık bu işler eskisi kadar zor değil.
Hiç dolandırmadan söylüyorum:
HTML
CSS
JavaScript
Basit site yap
React
Component mantığı
Küçük uygulama
Next.js
Backend seç (Django / ASP.NET)
Database bağla
Siteyi yayınla
🎯 Amaç:
3 ay sonunda internette açık, çalışan bir projen olsun.
Web geliştirme zor değil.
Zor olan şey:
Herkesin başka bir şey söylemesi
Gereksiz karmaşa
“Şunu da öğrenmelisin” baskısı
Şunu unutma:
Bir şeyi bitirmek,
on şeyi yarım öğrenmekten daha değerlidir.
Bu rehberi okuyan biri eğer:
“Artık ne yapacağımı biliyorum” diyorsa
“Gözümde büyümüyor” diyorsa
amacına ulaştı demektir.
Yorumlar (0)
Henüz yorum yapılmamış. İlk yorumu sen yap!
Yorum Yap