Anadolu Üniversitesi Anadolu Üniversitesi
  • Kurumsal
  • Akademik Programlar
  • Öğrenci İçin Bilgi
  • EN
Program Hakkında Akademik Kadro Program Yeterlilikleri Dersler Ders - Program Yeterlilik İlişkileri Türkiye Yeterlilikler Çerçevesi (TYÇ) TYÇ - Program Yeterlilikleri İlişkileri
  1. Açıköğretim Fakültesi
  2. Bilgisayar Programcılığı
  3. Dersler - AKTS Kredileri
  4. Web Arayüz Programlama
  5. Tanıtım
  • Tanıtım
  • Öğrenme Çıktıları
  • AKTS İş Yükü
  • Program Yeterliliklerine Katkısı
  • Öğrenme Çıktıları-Program Yeterlilikleri İlişkisi
Son Güncelleme Tarihi: 22/10/2025

Ders Kodu - Ders Adı Zorunlu/Seçmeli Teori + Uygulama AKTS
BİL205U - Web Arayüz Programlama III.YARIYIL 0 +0 4.0
Ders Dili Türkçe
Ders Türü Zorunlu Dersler
Öğretim Elemanları Öğr. Gör. Ahmet Okan Onarcan
Dersin Veriliş Biçimi Uzaktan Eğitim
Dersin Verildiği Yer
Kullanılan Eğitim Platformları
Önkoşullar Bu dersin önkoşul ya da eş koşulu bulunmamaktadır.
Önerilen Dersler Yok
Önerilen Kaynaklar Dersin internet kaynakları: https://webfoundation.org/about/vision/history-of-the-web/ https://www.w3schools.com/html/default.asp https://www.w3schools.com/css/default.asp https://www.w3schools.com/js/default.asp https://www.w3schools.com/bootstrap5/index.php
Staj & Uygulama Bu derste staj/uygulama yoktur.
Dersin Amacı

Haftalar Öğrenme Çıktıları Konular Öğretim Yöntemleri
1. hafta HTML’nin gelişim sürecini açıklanarak, program geliştirme ortamı hazırlanacak, ve temel düzeyde HTML sayfası tasarlayabilecek şekilde HTML etiketleri anlatılacaktır.
2. hafta Temel CSS kavramları (Tarayıcı Varsayılanları, Kutu Modeli, Seçiciler, Basamak Yapısı, CSS Öncelikleri, CSS Kalıtım, Renkler, Ölçü Birimleri, Genişlik ve Yükseklik, Kutu Ölçüsü, Arkaplan, Eleman Yerleşimleri) örnek uygulamalar ile anlatılacaktır.
3. hafta Css Değişkenleri, Ekran Duyarlı Web Tasarımı, Görünüm Alanı ve Ayarlanması, Ekran Boyutunu Ayarlama, Medya Sorguları, Sayfa Düzenleri:Flexbox Yapısı, Grid Yapısı uygulamalar ile anlatılacaktır.
4. hafta Bootstrap Kurulumu, Düzen Yapısı, Sınır Değerleri, Kapsayıcılar (Containers), Grid, Display Sınıfları, Flex, Stillendirme Araçları, Başlık ve Metin Stillendirme, Kenarlıklar, Renkler, Margin ve Padding, Arka Plan Sınıfları, Komponentler, Butonlar ve Buton Grupları, Kart Komponenti, Navigasyon Çubuğu örnekler ile anlatılacaktır.
5. hafta HTML ve Temel CSS kavramları ile ilgili konu tekrarı
6. hafta CSS ve Bootstrap ile ilgili konu tekrarı
7. hafta Ara Sınav
8. hafta Temel Javascript kavramları, Çalışma Ortamının Hazırlanması, Söz Dizimi, Değişkenler, Veri Türleri, Operatörler, Koşullu İfadeler, Döngüler, Fonksiyonlar, Açılır Kutular, Alert (Uyarı), Confirm (Onay), Prompt (Bilgi Alma), Zamanlayıcılar örnekler ile anlatılacaktır.
9. hafta JavaScript Sürümleri, Arrow Fonksiyonlar, Dizi İşlemleri, Spread Operatörü, Destructuring Atamalar, Modül Sistemi, DOM Yapısı, Event Kavramı örnekler ile anlatılacaktır.
10. hafta Asenkron Javascript, Http Protokolü, İstemci ve Sunucu İletişimi örnekler ile anlatılacaktır.
11. hafta Tek Sayfa Uygulaması, Sanal Document Object Model (VDOM), React anlatılacaktır.
12. hafta Javascript konuları ile ilgili konu tekrarı
13. hafta Javascript, istemci sunucu iletişimi, HTTP protokolü ve güncel web teknolojileri üzerine konu tekrarı
14. hafta Dönem Sonu Sınavı

İçerik girilmemiştir.

İçerik girilmemiştir.

İçerik girilmemiştir.


Değerlendirme Yöntemi ve Geçme Kriterleri
Sayısı Yüzde (%)
1.Ara Sınav 1 30
Dönem Sonu Sınavı 1 70
Toplam (%) 100

Kurumsal

  • İsim ve Adres
  • Akademik Takvim
  • Yönetim Kadrosu
  • Kurum Hakkında
  • Akademik Programlar
  • Genel Kabul Şartları
  • Önceki Öğrenmenin Tanınması
  • Kayıt İşlemleri
  • AKTS Kredi Sistemi
  • Akademik Danışmanlık

Akademik Programlar

  • Doktora / Sanatta Yeterlik
  • Yüksek Lisans
  • Lisans
  • Önlisans
  • Açık ve Uzaktan Eğitim Sistemi

Öğrenci İçin Bilgi

  • Şehirde Yaşam
  • Konaklama
  • Beslenme Olanakları
  • Tıbbi Olanaklar
  • Engelli Öğrenci Olanakları
  • Sigorta
  • Maddi Destek
  • Öğrenci İşleri Daire Başkanlığı

Öğrenci İçin Bilgi

  • Öğrenim Olanakları
  • Uluslararası Programlar
  • Değişim Öğrencileri için Pratik Bilgiler
  • Dil Kursları
  • Staj
  • Sosyal Yaşam ve Spor Olanakları
  • Öğrenci Kulüpleri