← Tüm Ders Özetleri

📘
Ders Özeti & Testler

Web Tasarımı ve Kodlama

📘 5 Konu 📝 80 Test Sorusu 🧠 Basit Anlatım Destekli
Web Tasarımı ve Kodlama, kullanıcı deneyimi (UX) ve arayüz tasarımını (UI) modern web teknolojileri, ön yüz (front-end) ve arka yüz (back-end) yazılım geliştirme süreçleriyle birleştiren iki yıllık bir önlisans programıdır (açıköğretim ve örgün MYO’larda en çok tercih edilen bilişim bölümlerindendir).
Programın temel amacı; hem görsel estetiğe ve kullanıcı etkileşimine hakim hem de standartlara uygun, mobil uyumlu (responsive), performanslı ve dinamik web uygulamaları geliştirebilen nitelikli web geliştiricileri (web developer) yetiştirmektir.

Temel Çalışma ve Teknoloji Katmanları

Modern web geliştirme süreci birbirini tamamlayan üç ana katmandan oluşur:

1. Arayüz Tasarımı ve Kullanıcı Deneyimi (UI/UX)

  • Kullanıcı Deneyimi (UX): Bilgi mimarisi, kullanıcı akışları (user flows), tel kafes (wireframe) modelleme ve kullanılabilirlik testleri.
  • Kullanıcı Arayüzü (UI): Tipografi, renk teorisi, ızgara (grid) sistemleri, mikro etkileşimler ve tasarım sistemleri (Figma, Adobe XD).
  • Mobil Uyumluluk (Mobile-First Approach): Esnek ızgaralar ve medya sorguları (CSS Media Queries) ile sitenin masaüstü, tablet ve mobil cihazlara sorunsuz uyarlanması.

2. Ön Yüz Geliştirme (Front-End Development)

  • HTML5: Semantik web yapısı (<header>, <nav>, <article>, <section>, <footer>), form elemanları ve erişilebilirlik (ARIA standartları).
  • CSS3 & Modern Çatılar: Flexbox, CSS Grid, animasyonlar, geçişler, ön işlemciler (SASS/SCSS) veya modern CSS çatıları (Tailwind CSS, Bootstrap).
  • JavaScript (ES6+): DOM manipülasyonu, olay yönetimi (event handling), asenkron veri çekme (Fetch API, Async/Await, JSON) ve modern JavaScript kütüphaneleri (React, Vue vb.).

3. Arka Yüz ve Veritabanı (Back-End & Database)

  • Sunucu Tarafı Dilleri: PHP (Türkiye pazarında ve kurumsal sitelerde CMS altyapısı olarak çok yaygın), Python veya Node.js.
  • İlişkisel Veritabanları (RDBMS): MySQL / MariaDB, SQL sorguları, ilişkisel tablo mimarisi (bire-bir, bire-çok, çoka-çok) ve veri güvenliği (SQL Injection önleme).
  • API ve Servis Mimarisi: RESTful API mantığı, CRUD (Create, Read, Update, Delete) operasyonları, kimlik doğrulama (JWT, oturum yönetimi).

4. Dağıtım, Araçlar ve SEO

  • Sürüm Kontrol Sistemleri: Git ve GitHub/GitLab ile kod takibi, dallanma (branching) modelleri.
  • İçerik Yönetim Sistemleri (CMS): WordPress tema ve eklenti geliştirme mantığı, e-ticaret (WooCommerce) entegrasyonları.
  • Teknik SEO ve Performans: Sayfa açılış hız optimizasyonu (Core Web Vitals), meta etiketler, yapısal veri (Schema markup) ve site haritaları.

Açıköğretim (AÖF) ve Üniversitelerde Okutulan Temel Müfredat

Web Tasarımı ve Kodlama önlisans programında teorik bilişim kültürü ile pratik kodlama dersleri harmanlanır:
Dönem / Alan Öne Çıkan Temel Dersler Kazandırdığı Temel Yetkinlik
Giriş & Tasarım Web Tasarımının Temelleri, Grafik ve Canlandırma, Görsel Estetik Web standartları, görsel kompozisyon, temel grafik araçları
Ön Yüz (Client) Web Kodlama I – II (HTML/CSS), İstemci Taraflı Betik Dilleri (JS) Semantik sayfa yapımı, responsive tasarım, DOM yönetimi
Arka Yüz (Server) Sunucu Taraflı Programlama (PHP/ASP.NET), Veritabanı Yönetimi Dinamik form işleme, veri kaydı, MySQL sorguları ve oturum yönetimi
İleri Konular Web Yayıncılığı, E-Ticaret, Web Tabanlı İçerik Yönetimi Canlıya alma (FTP/CPanel), CMS altyapıları, güvenlik ve bakım

İstihdam ve Çalışma Alanları

Bütün sektörlerin dijital platformlara taşınması ve mobil/web entegrasyonlarının zorunlu hale gelmesiyle geniş bir istihdam sahasına sahiptir:
  • Web Tasarım ve Yazılım Ajansları: Front-end Developer, Back-end Developer, Full-stack Web Developer, WordPress Geliştiricisi.
  • Reklam ve Dijital Pazarlama Ajansları: Özel kampanya iniş sayfaları (landing page) kodlama, e-posta şablonları hazırlama ve web teknik sorumlusu.
  • Kurumsal Şirketlerin Bilgi İşlem / Yazılım Departmanları: Kurumsal intranet sistemleri, e-ticaret siteleri ve portal yöneticiliği.
  • E-Ticaret Şirketleri: Ürün entegrasyonları, ödeme ağ geçidi takibi ve arayüz optimizasyon personeli.
  • Freelance / Bağımsız Çalışma: Bireysel müşterilere, KOBİ’lere ve yerel işletmelere anahtar teslim web sitesi ve mobil web çözümleri üretme.
  • Kamu Kurumları (KPSS ile): Üniversiteler, belediyeler ve bakanlıkların bilgi işlem dairelerinde Bilgisayar İşletmeni veya sözleşmeli teknik personel.

DGS (Dikey Geçiş Sınavı) ile Geçilebilecek 4 Yıllık Lisans Bölümleri

Web Tasarımı ve Kodlama önlisans mezunları, DGS ile mühendislik ve bilişim odaklı prestijli lisans bölümlerine geçiş yapabilmektedir:
  • Bilgisayar Mühendisliği
  • Yazılım Mühendisliği
  • Yönetim Bilişim Sistemleri (YBS)
  • Bilişim Sistemleri ve Teknolojileri
  • Bilgisayar ve Öğretim Teknolojileri Öğretmenliği (BÖTE)
  • Görsel İletişim Tasarımı
  • Yeni Medya ve İletişim

Sektörde Hızla Fark Yaratacak Kritik Beceriler

  1. Web-to-Mobile Dönüşümünü Bilmek: Geliştirilen web arayüzlerini ve web uygulamalarını WebView, PWA (Progressive Web App) veya React Native/Expo gibi çerçevelerle mobil uygulama formuna hızla dönüştürebilmek.
  2. Modern Komponent Mimarisi: Düz HTML/CSS’in ötesine geçerek yeniden kullanılabilir bileşen mantığını (React, Tailwind CSS veya modern web bileşenleri) kavramak.
  3. Temiz Kod ve Performans: Görsellerin WebP formatında optimize edilmesi, CSS/JS sıkıştırması ve PageSpeed/Lighthouse skorlarını 90+ seviyesinde tutacak teknik disipline sahip olmak.
Bu Dersteki İlerlemen %0 tamamlandı

Üniteler ve Konu Özetleri

1
🏷️ 1. Yarıyıl 📘 Web Tasarımı ve Kodlama · Ünite 1

Web Tabanlı Kodlama

Web Tabanlı Kodlama TemelleriWeb tabanlı kodlama, istemci (client) ve sunucu (server) taraflı teknolojilerin bir araya gelerek internet üzerinden…

⏱ ~2 dk okuma 📝 15 soru 🧠 "Anlamadım" anlatımı var
2
🏷️ 1. Yarıyıl 📘 Web Tasarımı ve Kodlama · Ünite 2

Kullanıcı Deneyimi Tasarımı

Kullanıcı Deneyimi (UX) Tasarımı TemelleriWeb Tasarımı ve Kodlama süreçlerinde Kullanıcı Deneyimi (UX - User Experience), bir kullanıcının herhangi…

⏱ ~2 dk okuma 📝 15 soru 🧠 "Anlamadım" anlatımı var
3
🏷️ 1. Yarıyıl 📘 Web Tasarımı ve Kodlama · Ünite 3

Temel Bilgi Teknolojileri

Temel Bilgi Teknolojileri ve Donanım-Yazılım MimarisiWeb tasarımı ve kodlamanın temellerini anlamak için, bilgisayar sistemlerinin çalışma prensiplerini, donanım ve…

⏱ ~2 dk okuma 📝 30 soru 🧠 "Anlamadım" anlatımı var
4
🏷️ 1. Yarıyıl 📘 Web Tasarımı ve Kodlama · Ünite 4

Dijital Dönüşüm

Dijital Dönüşüm Nedir?Dijital dönüşüm, sadece bir kurumun veya işletmenin kağıt ortamından dijital ortama geçmesi (sayısallaştırma) demek değildir; iş…

⏱ ~2 dk okuma 📝 10 soru 🧠 "Anlamadım" anlatımı var
5
🏷️ 1. Yarıyıl 📘 Web Tasarımı ve Kodlama · Ünite 5

Web Okuryazarlığı

Web Okuryazarlığı Nedir?Web okuryazarlığı, internet üzerinde bilgi arama, bulma, değerlendirme, kullanma ve kendi içeriklerimizi güvenli bir şekilde oluşturma…

⏱ ~2 dk okuma 📝 10 soru 🧠 "Anlamadım" anlatımı var

💬 Öğrenci Yorumları & Soru-Cevap 0

Bu sayfa hakkındaki sorularını, ders notlarını veya görüşlerini diğer AÖF öğrencileriyle paylaş.

🔒 Sadece Üyeler Yorum Yapabilir

Yorum yazmak, soru sormak ve diğer öğrencilerle yardımlaşmak için ücretsiz üye girişi yapmalısın.

Henüz yorum yapılmamış. İlk yorumu sen yaz! 🚀

🤖 Sesli & Görüntülü Sohbet Yapay Zekâ Öğretmen & Canlı Odalar