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. Bilişim Teknolojileri Meslek Yüksekokulu
  2. Yazılım, Uygulama Geliştirme ve Çözümleme Bölümü
  3. Ön-Yüz Yazılım Geliştirme Programı
  4. Dersler - AKTS Kredileri
  5. Modern JavaScript Mimarileri
  6. 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: 24/06/2026

Ders Kodu - Ders Adı Ders Türü Teori + Uygulama AKTS
ÖYG225 - Modern JavaScript Mimarileri III.Yarıyıl 2 +3 5.0
Ders Dili Türkçe
Ders Türü Zorunlu Dersler
Öğretim Elemanları ÖĞR. GÖR. DR. NEŞE AGUN
Dersin Veriliş Biçimi Yüz yüze.
Dersin Verildiği Yer
Kullanılan Eğitim Platformları
Önkoşullar Yok.
Önerilen Dersler
Önerilen Kaynaklar Ders sunumları ve uygulama notları.
Staj & Uygulama
Dersin Amacı

Haftalar Öğrenme Çıktıları Konular Öğretim Yöntemleri
1. hafta Derse giriş, ders işleyişi ve değerlendirme yönteminin tanıtılması, modern ön-yüz mimarilerine genel bakış, tek sayfa ve çok sayfa uygulamalarının karşılaştırılması, ön-yüz çerçevelerinin gelişim çizgisi ve Vue kütüphanesinin ekosistemdeki yeri.
2. hafta Vue geliştirme ortamının kurulumu, Vite ile yeni bir proje oluşturulması, proje dizin yapısının incelenmesi, tek dosya bileşenlerinin (single file components) anatomisi ve geliştirici araçlarının tanıtımı.
3. hafta Şablon (template) söz dizimi, veri bağlama, yönergeler (directives) ve koşullu işleme, listeleme yönergeleri, olay dinleyicileri ve değiştiriciler, anahtar (key) özelliği ile listelerin verimli işlenmesi.
4. hafta Tepkisellik (reactivity) sisteminin temelleri, ref ve reactive ile değer takibi, hesaplanan değerler (computed) ve izleyiciler (watchers), tepkisel olmayan veriler ve yaygın hataların önlenmesi.
5. hafta Bileşim API (Composition API) yaklaşımı, setup işlevi, mantığın yeniden kullanılabilir şekilde gruplanması, seçenekler API ile karşılaştırma, basit bileşenlerin bileşim API ile yeniden yazılması.
6. hafta Bileşenler arası iletişim, özellikler (props) ile veri aktarımı, olay yayma (emit) ile üst bileşene bildirim, çift yönlü bağlama desenleri, prop doğrulama ve varsayılan değer yönetimi.
7. hafta Yuvalar (slots) ile içerik yerleştirme, adlandırılmış yuvalar, kapsamlı yuvalar (scoped slots), sağlama ve enjekte etme (provide ve inject), uzak bileşenler arasında durum paylaşımı.
8. hafta Ara sınav.
9. hafta Bileşen yaşam döngüsü ve yaşam döngüsü kancaları, oluşturma, güncellenme ve kaldırılma aşamaları, asenkron işlemlerin yaşam döngüsü içinde yönetimi, kaynak temizleme örnekleri.
10. hafta Vue Router ile istemci tarafı yönlendirme, statik ve dinamik rotalar, iç içe rotalar, korumalı rotalar, gezinti koruyucuları ve sayfa geçişleri tasarımı.
11. hafta Pinia ile merkezi durum yönetimi, depo (store) tanımlama, durum, hesaplanan değerler ve eylemler, çoklu depo kullanımı, durumun bileşenler arasında paylaşımı ve sürdürülebilir durum tasarımı.
12. hafta Derleme araçları ve modül sistemleri, Vite yapılandırması, ortam değişkenleri, kod bölme ve gecikmeli yükleme yaklaşımları, üretim derlemesi ve dağıtım hazırlığı.
13. hafta Sunucu tarafında işleme (server side rendering) ve statik site oluşturma kavramları, Nuxt çerçevesine genel bakış, arama motoru uyumu, başlangıç başarımı ve veri çekme örüntüleri.
14. hafta Başarım iyileştirme yaklaşımları, gereksiz yeniden işlemenin önlenmesi, asenkron bileşenler, test ve dağıtım süreçlerine giriş, gerçek bir uygulama örneğinin incelenmesi ve genel tekrar.

İçerik girilmemiştir.

İçerik girilmemiştir.

İçerik girilmemiştir.


Değerlendirme Yöntemi ve Geçme Kriterleri
Sayısı Yüzde (%)
Toplam (%)

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