Web Tasarımı ve Kodlama: Bölüm, Dersler, Kariyer ve Maaş

Web tasarımı ve kodlama nedir?

Web tasarımı ve kodlama; web sitelerinin hem görsel arayüzünü hem de bu arayüzü çalışan koda dönüştürme sürecini kapsayan bir meslek ve eğitim alanıdır. Bu alanda yetkin biri, HTML ve CSS ile bir sayfanın yapısını ve görünümünü oluşturur; JavaScript ile etkileşim ekler; Figma veya Adobe araçlarıyla görsel bileşenleri tasarlar; PHP veya Python gibi bir sunucu tarafı diliyle dinamik içerik üretir ve MySQL gibi bir veritabanını sorgular. Yani disiplin, hem estetik hem teknik hem de analitik düşünceyi aynı anda talep eder.

Tasarımın ve kodlamanın neden bir arada öğretildiği merak konusudur. İki disiplinin birleşmesi tesadüf değildir: bir tasarımcı kodun sınırlarını bilmezse gerçekleştirilemeyecek tasarımlar üretir; bir geliştirici tasarım ilkelerini kavramadan kullanılabilirliği zayıf, görsel hiyerarşisi bozuk arayüzler kodlar. Web tasarımı ve kodlama programları bu köprüyü kurmak için tasarlanmıştır; mezunlar tek başlarına bir siteyi sıfırdan hayata geçirebilecek yetkinliğe sahip olur.

Türkiye'de bu disiplin, Meslek Yüksekokulları (MYO) ve Anadolu Üniversitesi Açıköğretim Fakültesi (AÖF) bünyesinde iki yıllık ön lisans programı olarak verilmektedir. Mezunlar "Web Teknisyeni" unvanı alır ve doğrudan iş hayatına katılabilir ya da DGS sınavıyla dört yıllık lisans programlarına dikey geçiş yapabilir.

Web tasarımı ve kodlama bölümü nerede okunur?

Meslek Yüksekokulları (MYO)

Devlet üniversitelerinin MYO birimlerinde Web Tasarımı ve Kodlama programı veya adını yakın bulan Bilgisayar Programcılığı programları yer almaktadır. Öğrenciler bu programlara ÖSYM'nin YKS-TYT puanıyla yerleşir. Eğitim yüz yüze olduğundan uygulamalı laboratuvar çalışmaları, hoca-öğrenci etkileşimi ve kampüs ortamı eğitime dahildir. Mezunun eline geçen belge devlet üniversitesi ön lisans diplomasıdır; kamu sektörü iş başvurularında tanınan bir derecedir.

Anadolu Üniversitesi AÖF

Anadolu Üniversitesi Açıköğretim Fakültesi'nin Web Tasarımı ve Kodlama programı, çalışanlar, başka bir bölümde okuyanlar ve şehir dışı öğrenciler için en erişilebilir seçenektir. Eğitim materyalleri tamamen çevrimiçi olarak sunulur; sınavlar yılda iki kez belirli sınav merkezlerinde yüz yüze yapılır. İki yıllık program aynı ön lisans derecesini vermekte, ardından DGS ile dört yıllık bir programa geçiş imkânı sunmaktadır. Ücretlendirme MYO'ya kıyasla genellikle daha düşük olduğundan dar bütçeli öğrenciler için de cazip bir alternatiftir.

Web tasarımı ve kodlama dersleri nelerdir?

Program müfredatı üniversiteye ve yıla göre farklılık gösterir; ancak Yükseköğretim Kurulu'nun (YÖK) belirlediği temel çerçeve içinde aşağıdaki konular tüm programlarda yer almaktadır:

1. Sınıf dersleri (temel katman)

• HTML ve CSS temelleri: Web sayfasının yapı iskeleti ve stil katmanı. Anlamsal etiketler, form elemanları, Flexbox ve Grid düzeni.
• Temel JavaScript: Değişkenler, döngüler, fonksiyonlar, DOM manipülasyonu ve olay dinleyicileri. Sayfaya etkileşim katmak için temel araç seti.
• Grafik tasarım temelleri: Renk teorisi, tipografi, görsel hiyerarşi. Adobe Photoshop veya Illustrator ile uygulama.
• Bilgisayar ağları ve internet temelleri: HTTP/HTTPS protokolleri, DNS, hosting, domain kavramları. Bir sitenin teknik altyapısını anlamak için temel.
• Algoritma ve programlama mantığı: Pseudocode, akış şeması, temel veri yapıları. Kodlamayı öğrenmeden önce sorun çözme düşüncesini geliştirmek.

2. Sınıf dersleri (uygulama katmanı)

• PHP ile dinamik web geliştirme: Sunucu tarafı programlama, oturum yönetimi, form işleme, veritabanı bağlantısı.
• MySQL ve veritabanı yönetimi: İlişkisel veritabanı tasarımı, SQL sorguları, CRUD işlemleri.
• Duyarlı tasarım (Responsive Design): Medya sorguları, viewport ayarları, mobile-first yaklaşım. Modern web geliştirmede zorunlu bir beceri.
• Kullanıcı deneyimi (UX) ve arayüz tasarımı (UI): Kullanılabilirlik prensipleri, wireframe oluşturma, prototipleme araçları.
• CMS kullanımı: WordPress ve benzeri içerik yönetim sistemlerinin kurulumu, tema ve eklenti yönetimi.
• Web güvenliği temelleri: XSS, SQL injection, CSRF gibi yaygın açıklar ve korunma yöntemleri.
• SEO temelleri: Anahtar kelime araştırması, meta etiketler, anlamsal HTML ve teknik SEO kavramları.

AÖF Web Tasarımı ve Kodlama programı

Anadolu Üniversitesi'nin AÖF programı Türkiye'nin en büyük açıköğretim programlarından birini barındırır ve Web Tasarımı ve Kodlama bölümü bu çatı altında sürekli güncellenen, güncel teknoloji içerikli bir müfredat sunmaktadır. Program dört dönemden oluşur (iki yıl) ve her dönem için 5–7 ders bulunur. Vize sınavları çevrimiçi yapılırken final sınavları belirlenen sınav merkezlerinde kâğıt üzerinde gerçekleştirilir.

AÖF programının sunduğu en önemli esneklik, çalışanların kendi hızlarında ilerleyebilmesidir. Ders notları video anlatım formatında sunulur; öğrenci istediği saatte izler ve istediği sırayla çalışır. Ancak bu esneklik sınırsız değildir: sınav takvimi tüm öğrenciler için sabittir ve belirli dönemde açılan dersler için kayıt yaptırılması gerekir. Programı başarıyla tamamlayanlar aynı diploma ile mezun olur — MYO mezunlarıyla aynı derecede.

DGS geçiş seçenekleri

Ön lisans mezunları, Dikey Geçiş Sınavı (DGS) aracılığıyla dört yıllık lisans programlarına ikinci sınıftan dahil olabilir. Web Tasarımı ve Kodlama mezunları için geçiş yapılabilen başlıca bölümler şunlardır: Bilgisayar Mühendisliği, Yazılım Mühendisliği, Bilişim Sistemleri Mühendisliği, Yönetim Bilişim Sistemleri (YBS) ve Bilgisayar ve Öğretim Teknolojileri Öğretmenliği (BÖTE). DGS puanı sözel-sayısal karma bir formülle hesaplanır; mezuniyet notunuzun DGS başarısı üzerinde önemli etkisi vardır. Yüksek notla mezun olmak stratejik olarak değerlidir.

Web tasarımı ve kodlama mezunu ne iş yapar?

Mezunlar, dijital dönüşümün hız kazandığı bu dönemde birden fazla kariyer yolunu tercih edebilir. Ön lisans derecesiyle bile İstanbul başta olmak üzere büyük şehirlerde aktif istihdam alanı bulunan pozisyonlar şunlardır:

• Frontend geliştirici: Web sitesi ve uygulamaların kullanıcı arayüzünü HTML, CSS ve JavaScript ile kodlar. Büyük şirketlerde de yoğun talep gören pozisyondur.
• UI/UX tasarımcı: Figma veya Adobe XD gibi araçlarla arayüz tasarımı ve kullanıcı deneyimi planlaması yapar. Genellikle tasarım ağırlıklı çalışılır; gelişmiş kodlama bilgisi zorunlu değildir ama avantaj sağlar.
• Full-stack geliştirici: Hem frontend hem de backend (PHP, Node.js, veritabanı) geliştirme yapan çok yönlü pozisyon. Ek öğrenme ve deneyim gerektirir ancak iş bulma kolaylığı en yüksek seçeneklerden birisidir.
• Serbest web geliştirici (freelance): Birden fazla müşteriyle eş zamanlı proje yürütme. Kendi saatlerini belirleme esnekliği vardır ancak müşteri bulmak ve nakit akışı yönetimi ciddi bir sorumluluk gerektirir.
• Web tasarım ajansı çalışanı: Ajans ortamında farklı sektörlerden çeşitli projelerde görev alma. Kariyerin başında hızlı deneyim kazanmak için en verimli yollardan biridir.
• Dijital pazarlama uzmanı: SEO, içerik yönetimi ve web analitik becerilerinin öne çıktığı pozisyonlar. Teknik web bilgisi burada güçlü bir farklılaştırıcıdır.
• WordPress geliştirici ve yöneticisi: Özellikle KOBİ ve ajans dünyasında çok sayıda iş ilanında aranan beceri seti. Tema özelleştirme, eklenti entegrasyonu ve site bakımı.

Hangi teknolojiler öğrenilmeli?

Programın verdiği temel bilginin üstüne hangi teknolojilerin ekleneceği, kariyer hedefine göre değişir. Aşağıdaki liste iş ilanlarında en sık aranan becerileri yansıtmaktadır:

Frontend odaklı kariyer için

• HTML5 / CSS3 / Vanilla JavaScript (temel, programda öğretilir)
• React veya Vue.js — modern JavaScript kütüphaneleri; iş ilanlarının büyük çoğunluğunda yer alır
• Tailwind CSS veya Bootstrap — hızlı UI geliştirme için yardımcı kütüphaneler
• Git ve GitHub — versiyon kontrolü; mesleki zorunluluk
• Figma — tasarım dosyalarını okumak ve prototip üretmek için

Full-stack kariyer için

• PHP + Laravel (Türkiye'de en yaygın backend çerçevesi) veya Node.js + Express
• MySQL veya PostgreSQL (programda MySQL öğretilir)
• REST API tasarımı ve entegrasyonu
• Linux komut satırı temelleri ve sunucu yönetimi

Portföy neden bu kadar önemli?

Web tasarımı ve kodlama alanında kariyer başlatmanın en hızlı yolu iyi bir portföydür; diploma tek başına yeterli değildir. İşe alım süreçlerinde teknik mülakat ve portföy incelemesi, diploma notundan genellikle daha fazla ağırlık taşır. "Ne yaptığınızı" görmek isteyen işverenler teorik bilgiden çok çalışan, yayında olan projeleri tercih eder.

İyi bir öğrenci portföyünün içermesi gerekenler: 2–3 özgün proje (hazır şablon klonu değil, sıfırdan tasarlanmış), her projenin kaynak kodu (GitHub), canlı demo bağlantısı ve projenin ne amacı çözdüğünü anlatan kısa bir açıklama. Projeler gerçek bir sorunu çözüyorsa — hava durumu uygulaması, kişisel blog sistemi, basit e-ticaret prototipi — daha ikna edicidir. Mezuniyet öncesinde en az iki tamamlanmış ve canlıya alınmış projeye sahip olmak güçlü bir pozisyon sağlar.

Öz öğrenme mi, formal eğitim mi?

Web geliştirme, öz öğrenmenin en verimli işlediği alanlardan biridir. YouTube, freeCodeCamp, Udemy, The Odin Project ve MDN Web Docs gibi kaynaklar aracılığıyla üniversite eğitimi almaksızın iş bulmuş çok sayıda geliştirici vardır. Bu gerçek göz ardı edilmemeli. Ancak formal eğitim bazı avantajları yapısal olarak sağlar: müfredat sıralaması, hoca yönlendirmesi, akran öğrenmesi ve diploma.

Pratik bir öneri: formal eğitimi (MYO veya AÖF) ve öz öğrenmeyi paralel yürütmek en hızlı ilerlemeyi sağlar. Program size HTML/CSS/PHP/MySQL temelini verir; React, Git ve modern araçları kendiniz öğrenirsiniz. Diploma ise kamu işe alım süreçlerinde ve bazı şirketlerde resmi gereksinim olarak kalır.

Web tasarımı ve kodlama maaşları

Türkiye'de web tasarımı ve kodlama alanında çalışan maaşları deneyim, pozisyon, şirket büyüklüğü ve şehre göre geniş bir yelpazede değişmektedir. Aşağıdaki aralıklar genel referans niteliğindedir; bireysel portföy ve teknik beceriler bu değerleri önemli ölçüde etkiler:

• Junior (0–2 yıl): 20.000–40.000 ₺/ay. Bu aralığın alt ucunda genellikle yalnızca HTML/CSS bilen, üst ucunda temel JavaScript ve PHP bilgisi olan adaylar yer alır.
• Mid-level (2–5 yıl): 40.000–80.000 ₺/ay. Modern framework bilgisi (React, Vue, Laravel) ve portföyde gerçek projeler bu aralığa ulaşmayı kolaylaştırır.
• Senior (5+ yıl): 80.000–150.000 ₺/ay ve üzeri. Sistem mimarisi kararları verebilen, büyük projeleri yönetebilen geliştiriciler için.
• Serbest çalışan (proje başı): Küçük kurumsal site 15.000–50.000 ₺, e-ticaret 40.000–120.000 ₺+. Deneyim ve portföy kalitesi doğrudan fiyatı belirler.
• Freelance aylık gelir (saatlik): 500–2.000 ₺/saat arasında değişen aralık; uluslararası müşteriler için bu değer daha yüksek olabilir.

Bu değerler 2026 yılı referans aralığıdır. Türkiye ekonomisindeki döviz kurları ve enflasyon bu değerleri sürekli etkiler. Güncel verileri kariyer platformlarından (LinkedIn, Kariyer.net, Glassdoor) doğrulamak önerilir.

Web tasarımı ve kodlama kaç yıllık?

Meslek yüksekokullarındaki Web Tasarımı ve Kodlama programı 2 yıllık ön lisans eğitimidir; toplam 4 dönem. DGS ile ek 2 yıl okuyarak toplam 4 yıllık lisans derecesi tamamlanabilir. AÖF programı da 2 yıllık olmakla birlikte, öğrencinin çalışma temposuna göre dönemleri atlamak (muafiyet) veya uzatmak (kayıt yenilememe) mümkündür.

Web tasarımı ve kodlama mı, bilgisayar mühendisliği mi?

Web tasarımı ve kodlama bölümü pratik ve uygulamalı bir programdır; mezun 2 yılda işe hazır hale gelir. Müfredat doğrudan üretilebilir becerilere odaklanır: gerçek projeler, gerçek araçlar, gerçek iş ortamında kullanılan teknolojiler. Bilgisayar mühendisliği ise daha derin teorik altyapı sağlar — algoritma analizi, işletim sistemi, derleyici tasarımı gibi konular — ancak 4 yıl sürer ve program boyutu nedeniyle uygulamalı web geliştirme odağı bazen geri planda kalabilir.

Hızlı kariyer başlangıcı, frontend/full-stack iş pozisyonları veya freelance çalışmak hedefleniyorsa MYO tercih edilir. Yazılım mühendisliğinde derinlemesine ilerleme, araştırma veya akademi planlanıyorsa 4 yıllık bilgisayar mühendisliği ya da DGS ile geçiş yapılan lisans programı daha uygun bir yol sunar.