WEB GELİŞTİRME

Frontend, Backend ve modern web teknolojilerini keşfedin.

Yazılım dillerini tanıtan rehberler,
Kodlama örnekleri,
Framework karşılaştırmaları,
Kısa ipuçları veya “nasıl yapılır” yazıları bulunacak.

Yazılım Dünyasına Derinlemesine Dalış
Kod yazmak sadece satırlarla değil, fikirlerle başlar.

Bu sayfada web geliştirmeden yapay zekâ entegrasyonuna, backend mimarisinden algoritmalara kadar yazılım dünyasının nabzını tutuyoruz.

Yeni Başlayanlar İçin Rehberler

Tüm Yazılar

HTML Temelleri

1️⃣ HTML Nedir?
HTML (HyperText Markup Language), web sayfalarının iskeletini oluşturan temel dildir. Sayfa üzerinde metinleri, başlıkları, paragrafları, listeleri, bağlantıları ve görselleri düzenlemek için kullanılır. HTML olmadan bir web sayfası sadece düz bir metin gibi görünür.

2️⃣ Temel Etiketler

<h1> – <h6>: Başlıklar
<p>: Paragraflar
<a>: Linkler
<img>: Görseller
<ul>, <ol>, <li>: Listeler
Bu etiketler sayfanın yapısını ve içeriğin hiyerarşisini belirler.
3️⃣ Sayfa Yapısı
Her HTML sayfası <html>, <head>, <body> etiketleri ile başlar:
<head>: Sayfa başlığı, meta bilgileri ve stil bağlantıları
<body>: Sayfanın görünen içerikleri
4️⃣ HTML ile Ne Yapabilirsin?
Metinleri düzenleyebilir ve sayfayı yapılandırabilirsin
Görseller ve linkler ekleyebilirsin
Diğer dillerle birlikte kullanarak (CSS, JS) web sayfasını stil ve interaktivite ile zenginleştirebilirsin
💡 İpucu:
HTML’in temellerini iyi öğrenmek, herhangi bir web projesinin temelini sağlam atmanı sağlar. Küçük projelerle başla ve zamanla daha karmaşık sayfalar oluştur.

CSS Temelleri

1️⃣ CSS Nedir?
CSS (Cascading Style Sheets), web sayfalarını stil ve görsellik açısından zenginleştiren dildir. HTML ile oluşturduğun yapıya renk, font, boşluk, boyut ve düzen eklemeyi sağlar.

2️⃣ Temel Kullanım
CSS ile şunları yapabilirsin:

Renk ve arka plan eklemek: color, background-color
Yazı tipi ve boyutu ayarlamak: font-family, font-size
Boşluk ve hizalama: margin, padding, text-align
Kutular ve düzen: width, height, display, flex, grid

3️⃣ Sayfada Kullanım Şekilleri

Inline CSS: Doğrudan HTML etiketi içinde <p style="color:red;">
Internal CSS: <style> etiketi ile sayfa içinde
External CSS: Harici .css dosyası ile tüm siteye stil eklemek

💡 İpucu:
CSS ile küçük değişiklikler bile sayfanın görünümünü anında profesyonel hale getirebilir. Basit renk ve font ayarlarıyla başla, sonra düzen ve layout özelliklerini keşfet.

JavaScript Temelleri

1️⃣ JavaScript Nedir?
JavaScript (JS), web sayfalarına dinamizm ve etkileşim ekleyen programlama dilidir. HTML ve CSS ile sadece görsel ve yapı oluşturursun; JS ile sayfayı hareketli ve interaktif hâle getirebilirsin.

2️⃣ Temel Kullanım Alanları

Kullanıcı etkileşimleri: Tıklama, form gönderme, hover efektleri
Dinamik içerik: Sayfa yüklenmeden içerik değiştirme
Animasyon ve görsel efektler
Veri işleme ve küçük hesaplamalar

3️⃣ Basit Örnek Mantığı

Değişkenler: let x = 10;
Fonksiyonlar: function selamla() { alert("Merhaba!"); }
Etkinlikler: onclick, onmouseover

💡 İpucu:
JS’i öğrenirken önce küçük etkileşimleri dene. Örneğin bir butona tıklandığında bir mesaj göster. Sonra yavaş yavaş form kontrolleri, slider veya filtreleme gibi daha karmaşık işlevlere geç.