Web Tasarımı ve Kodlama Dersleri

Web tasarımı ve kodlama bölümünde hangi dersler okutulur?

Web tasarımı ve kodlama programı, görsel tasarım ile yazılım geliştirme becerilerini birlikte kazandırmayı hedefler. 2 yıllık (4 dönem) ön lisans programında zorunlu teknik dersler, genel kültür dersleri ve seçmeli meslek dersleri yer alır. Aşağıdaki liste tipik AÖF/MYO müfredatına dayanmaktadır; üniversiteye göre kısmi farklılıklar olabilir.

Program, iki temel eksen üzerine kurulur: birinci yılda görsel tasarım temelleri ve ön yüz (frontend) teknolojileri; ikinci yılda ise sunucu taraflı geliştirme, veritabanı yönetimi ve SEO. Her iki eksen de tek başına meslek yapabilecek yetkinlikte değil, birbirini tamamlayan modüler bir yapıda tasarlanmıştır. Mezun olduğunuzda hem bir tasarımı hayata geçirebilecek hem de bu tasarımın ardındaki sistemi yönetebilecek temel donanıma sahip olursunuz.

AÖF programında dersler çevrimiçi video ders ve yazılı kaynak materyali üzerinden yürütülür. Yüz yüze MYO programlarında ise laboratuvar saatleri ve gerçek bilgisayar ortamında pratik uygulama vardır. Her iki formatın avantajları ve sınırlılıkları aşağıda açıklanmıştır.

1. Sınıf (1. Dönem) dersleri

• Web Tasarımına Giriş: HTML5 temel sözdizimi, etiket yapısı, sayfa iskeleti oluşturma. Bu ders temeli atar; h1–h6, a, img, table, form etiketlerini ve doğru hiyerarşiyi öğretir. İlk dönemin en önemli dersidir.
• Temel Bilgisayar Bilimleri: Donanım, işletim sistemi, dosya yönetimi, internet protokolleri. HTTP/HTTPS, DNS ve IP adresleme mantığını anlamak, ilerleyen derslerde sunucu taraflı geliştirmeyi kavramak için zemin oluşturur.
• Grafik Tasarıma Giriş: Renk teorisi, tipografi temelleri, görsel hiyerarşi. RGB/Hex renk modeli, font seçimi ve kullanıcı gözünün sayfayı nasıl taradığı gibi konular ele alınır. Web tasarımcı kimliğinin teorik temeli bu derstir.
• Türk Dili ve Edebiyatı I: Yazılı anlatım, metin üretimi — içerik yazarlığı açısından da değerli bir derstir.
• Atatürk İlkeleri ve İnkılap Tarihi I: Zorunlu genel kültür dersi.
• Yabancı Dil I: Teknik İngilizce temelleri. Web geliştirmede İngilizce döküman okuyabilmek kritik bir beceridir; tüm frameworklerin ve kütüphanelerin birincil dökümantasyonu İngilizce yazılır.

1. Sınıf (2. Dönem) dersleri

• CSS ile Sayfa Tasarımı: CSS3 özellikleri, Flexbox, Grid, kutu modeli, tipografi stilizasyonu. CSS'in "boks modeli" (margin, padding, border, content) kavramı bu dersin merkezindedir. Flexbox ve Grid, modern layout tasarımında vazgeçilmez araçlardır; bu iki kavramı iyi öğrenmek sonraki responsive tasarım dersini çok daha kolay kılar.
• Görsel Tasarım Araçları: Adobe Photoshop veya GIMP ile web görseli hazırlama, WebP export. Görsel optimizasyonunu anlamak — doğru çözünürlük, doğru format, doğru sıkıştırma — sayfa hızı açısından kritiktir.
• JavaScript Programlama I: Temel sözdizimi, değişkenler, koşullar, döngüler, fonksiyonlar. JS, frontend geliştirmenin üçüncü ayağıdır (HTML yapı, CSS stil, JS davranış). Bu derste öğrenilen temel mantık — değişken, döngü, koşul — programlamayı ilk kez öğrenenler için zihin açıcıdır.
• Türk Dili ve Edebiyatı II
• Atatürk İlkeleri ve İnkılap Tarihi II
• Yabancı Dil II: Teknik İngilizce (döküman okuma odaklı). Mozilla Developer Network (MDN) ve W3Schools gibi kaynaklar İngilizce'dir; bu becerisiz gerçek anlamda bağımsız öğrenme mümkün olmaz.

2. Sınıf (3. Dönem) dersleri

İkinci yıl, programın en teknik ve yoğun bölümüdür. Bu dönemde kazanılan beceriler doğrudan iş piyasasına hazırlık niteliği taşır.

• Duyarlı (Responsive) Web Tasarımı: Medya sorguları, mobil öncelikli geliştirme, viewport. Google'ın mobile-first indexing politikası göz önüne alındığında bu ders profesyonel açıdan en kritik derslerden biridir. Aynı HTML/CSS kodunun farklı ekranlarda nasıl farklı görünebileceğini anlamak, modern web geliştirmenin çekirdeğindedir.
• JavaScript Programlama II: DOM manipülasyonu, olaylar, AJAX, JSON, temel API kullanımı. DOM manipülasyonu — HTML elemanlarını JavaScript ile dinamik olarak değiştirmek — web uygulamalarını statik sayfalardan ayıran temel kavramdır. AJAX ve JSON, sayfayı yenilemeden sunucu ile iletişim kurmanın yolunu açar.
• PHP ile Dinamik Web Sayfaları: Sunucu taraflı programlama temelleri, form işleme. PHP, dünya genelinde web sitelerinin büyük bölümünü çalıştıran sunucu dilidir. Form verisinin güvenli şekilde işlenmesi, oturum yönetimi (session) ve dosya yükleme bu dersin pratik çıktılarıdır.
• Veritabanı Yönetimi: SQL temelleri, MySQL, tablo tasarımı, temel sorgular. Veri olmadan dinamik site olmaz. SELECT, INSERT, UPDATE, DELETE komutları ve tablolar arası ilişki (JOIN) mantığı iş hayatında her gün kullanılır.
• UI/UX Tasarım: Kullanıcı deneyimi prensipleri, wireframe, prototip oluşturma. Figma veya benzeri araçlarla tasarım taslağı çıkarmak bu derste öğrenilir. Kullanılabilirlik araştırması ve kullanıcı yolculuğu haritalama da müfredatta yer alır.
• Girişimcilik: İş kurma, serbest meslek, fatura ve vergi temelleri. Freelancer olarak çalışmak isteyen öğrenciler için pratik değer taşır.

2. Sınıf (4. Dönem) dersleri

• CMS ile Web Yönetimi: WordPress kurulumu, tema/eklenti yönetimi, içerik yönetimi. CMS bilgisi, pek çok müşterinin kendi sitesini yönetmek istediği gerçeği göz önüne alındığında pratik bir beceri seti sunar. WordPress'in piyasa payı (%40+) hâlâ çok yüksektir.
• Web Güvenliği Temelleri: XSS, SQL injection, HTTPS, temel güvenlik önlemleri. Güvenlik açıkları yalnızca büyük şirketleri değil, küçük siteleri de etkiler. Form validation, prepared statement ve güvenli dosya yükleme bu dersin pratik çıktılarıdır.
• Arama Motoru Optimizasyonu (SEO): Temel on-page SEO, meta etiketler, sitemap. Teknik SEO altyapısını anlamak, geliştirici olarak ürettiğiniz sitenin arama motorlarında görünmesini sağlamak için zorunludur.
• Mobil Uygulama Geliştirmeye Giriş: Seçmeli — temel mobil geliştirme kavramları. React Native veya temel Android/iOS kavramlarına giriş yapılır.
• E-Ticaret Sistemleri: Seçmeli — ürün yönetimi, ödeme sistemleri, WooCommerce. E-ticaret Türkiye'de hızla büyüyen bir alan; bu seçmeli ders kariyer açısından değerli bir yönelim sunar.
• Bitirme Projesi / Staj: Gerçek bir web projesi geliştirme ve sunum. Bu aşama portföyünüzün ilk somut parçasıdır. Projeyi dikkatli seçin; iş başvurularında sergileyeceğiniz ilk çalışma olacak.

AÖF mi, yüz yüze MYO mu?

Her iki formatın farklı avantajları vardır. AÖF programı, çalışan ve yaş kısıtlaması olmayan herkesin katılabildiği esnek bir yapı sunar. Ders videoları ve yazılı materyaller kendi hızınızda tüketilebilir. Dezavantajı: pratik laboratuvar ortamı yoktur; öz disiplin gerektirir.

Yüz yüze MYO programında ise öğretmen yönlendirmesi ve laboratuvar imkânı vardır. Sınıf arkadaşlarıyla proje ortaklığı, networking ve anlık geri bildirim açısından avantajlıdır. Dezavantajı: programa devam zorunluluğu ve fiziksel konum bağımlılığı. Çalışan bireyler için AÖF, yeni mezun lise öğrencileri için yüz yüze format genellikle daha uygun çalışır.

Derslerin zorluk sıralaması

Öğrencilerin en çok zorlandığı dersler sırasıyla: JavaScript Programlama II (asenkron yapı ve DOM), PHP ile Dinamik Web Sayfaları (sunucu-istemci ayrımı) ve Veritabanı Yönetimi (SQL join sorguları). Bu derslerin temel mantığını kavramak, kalan tüm müfredatı daha anlaşılır kılar.

JavaScript II'nin zor olmasının temel nedeni, asenkron programlama kavramıdır. JavaScript'in tarayıcıda tek thread üzerinde çalışması ve ağ işlemlerinin callback/promise yapısıyla yönetilmesi, klasik sıralı kod mantığından farklı düşünmeyi gerektirir. Bu kavramı anlamak zaman alır — ama anlaşıldığında bir sonraki seviyeye geçiş hızlanır.

PHP dersi de sık zorlanma noktasıdır çünkü sunucu ve tarayıcı arasındaki ayrımı net kavramak gerekir. PHP sunucuda çalışır ve HTML üretir; tarayıcı üretilen HTML'i alır. Form verisi formdan PHP'ye, PHP'den veritabanına gider. Bu akışı bir bütün olarak görselleştirmek çoğu öğrenci için gerçek anlamda kavramayı sağlar.

Derslerin pratiğe yansıması

Müfredatta yer alan her ders, mezun olduktan sonra belirli bir iş rolüne karşılık gelir:

• HTML/CSS/JS dersleri → Frontend geliştirici pozisyonu için temel
• PHP + MySQL dersleri → Full-stack ve backend entegrasyonu
• Grafik + UI/UX dersleri → Web tasarımcı ve arayüz tasarımcısı rolleri
• SEO dersi → Dijital pazarlama uzmanı, içerik yöneticisi
• CMS dersi → WordPress geliştirici, site yöneticisi
• Güvenlik dersi → Güvenli kod yazan geliştirici; XSS ve SQL injection bilmek iş dünyasında artı değer

Nasıl daha iyi öğrenilir? Pratik öneriler

Teknik derslerde ezber değil, uygulama belirleyicidir. Derste öğrenilen her kavramı küçük bir projeyle pekiştirmek, sınav başarısından çok daha kalıcı bir öğrenme sağlar.

• Her HTML/CSS dersi sonrası küçük bir sayfa yapısı oluşturun — sayfanızı GitHub'a veya Netlify'a yükleyin
• JavaScript için MDN Web Docs birincil referansınız olsun — Türkçe kaynaklardan önce orijinal dökümana bakın
• PHP öğrenirken yerel sunucu (XAMPP, Laragon) kurun; localhost ortamında gerçek form ve veritabanı denemeleri yapın
• Bitirme projeniz için gerçek bir ihtiyaç seçin: kendi portfolyo siteniz, küçük bir yerel işletmenin sitesi veya bir hizmet sunumu
• CSS için Flexbox Froggy ve Grid Garden oyunları sezgisel öğrenme sağlar
• SQL için W3Schools SQL Tryit editörü — sorgular görsel sonuçla anında test edilebilir