Web Geliştirme Temelleri Nedir?

Web geliştirme, internet üzerinde çalışan web siteleri ve uygulamaları tasarlama, oluşturma ve bakımını yapma sürecidir. Bu süreç, kullanıcıların tarayıcılarında gördüğü ön yüz (front-end) ve sunucu tarafında çalışan arka yüz (back-end) geliştirme olmak üzere iki ana alana ayrılır.

Kısa cevap

Web geliştirme temelleri, bir web sitesinin yapısını oluşturan HTML, stilini belirleyen CSS ve etkileşimini sağlayan JavaScript gibi temel teknolojileri kapsar. Bu üçlü, modern web'in temelini oluşturur.

Adım adım çözümlü örnekler

Basit bir HTML belgesi nasıl oluşturulur?

1. Bir metin editörü açın (Notepad, VS Code vb.).
2. `<!DOCTYPE html>`, `<html>`, `<head>` ve `<body>` etiketlerini ekleyin.
3. `<head>` içine `<title>` etiketi ile sayfa başlığını girin.
4. `<body>` içine metin, başlık, paragraf gibi içerik etiketlerini ekleyin.
5. Dosyayı `.html` uzantısıyla kaydedin (örneğin, `index.html`).

Bir HTML elemanına nasıl CSS ile stil verilir?

1. HTML belgenizde stil vermek istediğiniz elemanı seçin (örneğin, bir `<p>` etiketi).
2. CSS stil kurallarını yazın. Bu, harici bir `.css` dosyasına veya HTML belgesinin `<head>` bölümündeki `<style>` etiketine yazılabilir.
3. CSS kuralında, seçici (örneğin, `p`) ve süslü parantezler içinde özellik-değer çiftlerini belirtin (örneğin, `color: blue; font-size: 16px;`).

JavaScript ile bir butona tıklandığında mesaj gösterme örneği nedir?

1. HTML'de bir `<button>` elemanı oluşturun ve ona bir `id` verin.
2. JavaScript kodunda, `getElementById` ile butonu seçin.
3. `addEventListener` kullanarak 'click' olayını dinleyin.
4. Olay tetiklendiğinde `alert('Merhaba!')` gibi bir fonksiyon çalıştırın.

Bilgi kartları

Mini test

S1.Bir web sayfasının iskeletini oluşturan temel teknoloji hangisidir?

Doğru cevap: C. HTML (HyperText Markup Language), bir web sayfasının içeriğini ve yapısını tanımlayan temel işaretleme dilidir.

S2.Web sayfalarının görsel stilini ve düzenini belirlemek için hangi teknoloji kullanılır?

Doğru cevap: B. CSS (Cascading Style Sheets), web sayfalarının renk, yazı tipi, düzen gibi görsel özelliklerini kontrol etmek için kullanılır.

S3.Bir web sayfasında kullanıcı etkileşimini sağlamak için hangi dil kullanılır?

Doğru cevap: D. JavaScript, web sayfalarına dinamik davranışlar, animasyonlar ve kullanıcı etkileşimleri eklemek için kullanılan bir programlama dilidir.

📄Bu konuyu PDF çalışma kağıdı olarak indirKonu özeti + 10 soru + cevap anahtarı — sınıfta paylaş, yazdır.↓

Sık yapılan hatalar

✗

HTML sadece web sayfalarının görünümünü ayarlar. — Doğrusu: HTML web sayfalarının yapısını ve içeriğini tanımlar; görünüm CSS ile ayarlanır.

✗

CSS, web sayfalarına etkileşim ekler. — Doğrusu: CSS, web sayfalarının stilini ve düzenini belirler; etkileşim JavaScript ile sağlanır.

Sıkça sorulan sorular

Web geliştirme öğrenmek zor mudur?

Temelleri öğrenmek başlangıçta biraz çaba gerektirse de, bol pratik ve kaynakla herkes tarafından öğrenilebilir bir alandır.

Front-end ve Back-end geliştirme arasındaki fark nedir?

Front-end, kullanıcının gördüğü ve etkileşimde bulunduğu arayüzdür (HTML, CSS, JS). Back-end ise sunucu, veritabanı ve uygulama mantığını yönetir (Python, Java, Node.js vb.).

Hangi programlama dilini öğrenerek web geliştirmeye başlamalıyım?

Genellikle HTML, CSS ve JavaScript ile başlamak en yaygın yaklaşımdır. Ardından ilgi alanınıza göre bir back-end dili seçebilirsiniz.

İlgili konular