| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| WTK-102 | INTERNET PROGRAMCILIĞI-I | Ders | 1 | 2 | 6,00 |
Önlisans
Türkçe
Öğrencilere web tarayıcılarında çalışan istemci taraflı programlamanın temellerini öğretmektir. JavaScript dilinin sözdizimini, veri yapılarını, nesne yönelimli ve fonksiyonel yaklaşım ilkelerini kavratarak; DOM manipülasyonu, olay yönetimi ve asenkron veri iletişimi ile dinamik web uygulamaları geliştirebilme becerisi kazandırmayı hedefler.
Öğr. Gör. Hilmi Bahadır TEMUR
| 1 | Internet programlama dili için gerekli yazılımları kurmak ve test etmek |
| 2 | JavaScript programlama dilinin temel sözdizimini, veri tiplerini ve değişken kapsamlarını (scope) açıklar. |
| 3 | Internet programlama dili ile fonksiyon ve nesneleri kullanarak WEB sayfası hazırlamak |
| 4 | Internet programlama dili ile form uygulamaları yapmak |
| 5 | Internet programlama dili ile sayfalar arası veri aktarımını gerçekleştirmek |
| 6 | Web servislerini Internet programlama dili içinde kullanmak |
Birinci Öğretim
Yok
Öğrencilerin temel HTML/CSS bilgisine sahip olması veya eş zamanlı olarak web tasarımı dersi alması önerilir.
JavaScript dil yapısı, değişkenler ve veri tipleri; mantıksal operatörler, akış kontrol yapıları ve döngüler; fonksiyonlar ve kapsam (scope/closure); gelişmiş dizi (Array) ve nesne (Object) metotları; DOM (Document Object Model) mimarisi ve olay yönetimi (Event Handling); istemci taraflı veri saklama (Web Storage API); modern ES6+ özellikleri; Asenkron JavaScript (Promises, Async/Await) ve Fetch API ile harici veri iletişimi.
| Hafta | Teorik | Uygulama | Laboratuvar |
|---|---|---|---|
| 1 | Dersin tanıtımı faaliyet ve işleyişinin açıklanması. | Ders içeriğinin incelenmesi | |
| 2 | Web sunucu için yazılım kurulumları ve yayınlama | Kullanılacak yazılımların tanıtılması | |
| 3 | Değişkenler ve sabitler, operatörler ve işlem önceliği | Değişken, sabit ve operatörlerin incelenmesi | |
| 4 | Karar kontrol deyimleri döngü kontrol deyimleri | Karar ve döngü kontrol deyimlerinin incelenmesi | |
| 5 | Kullanıcı tanımlı fonksiyonlar | Kullanıcı tanımlı fonksiyonlarla ilgili örnek uygulama | |
| 6 | Hazır fonksiyonlar | Hazır fonksiyonların incelenmesi | |
| 7 | Dizi işlemleri | Dizi işlemlerinin incelenmesi | |
| 8 | Ara Sınav | ||
| 9 | Web formları | WEB formlarının incelenmesi | |
| 10 | Web formları | WEB formlarıyla ilgili örnek uygulama | |
| 11 | Sayfalar arası veri aktarımı | Sayfalar arası veri aktarımıyla ilgili örnek uygulama | |
| 12 | DOM (Document Object Model) Mimarisi: Eleman seçimi (querySelector, getElementById), içerik ve stil manipülasyonu | ||
| 13 | İstemci Taraflı Veri Saklama: Web Storage API (localStorage, sessionStorage) ile veri tutma ve yönetme | ||
| 14 | Asenkron JavaScript ve Fetch API: Promises, Async/Await mimarisi ile harici API'lerden (JSON) veri çekip dinamik listeleme |
-JavaScript: The Definitive Guide - David Flanagan - Eloquent JavaScript - Marijn Haverbeke - MDN Web Docs (Mozilla Developer Network) ve JavaScript.info.
Yüz yüze/çevrim içi teorik anlatım, bilgisayar laboratuvarında canlı kodlama (live-coding) alıştırmaları, haftalık küçük JavaScript problemleri/ödevleri, ara sınav ve dönem sonu JS tabanlı uygulamalar.
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 100 |
| Toplam | 100 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | Adet | Değer |
| Final Sınavı | 1 | 100 |
| Toplam | 100 | |
| Yarıyıl (Yıl) İçi Etkinlikleri | 40 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | 60 | |
Yok
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Ara Sınav | 1 | 1 | 1 |
| Final Sınavı | 1 | 1 | 1 |
| Derse Katılım | 14 | 3 | 42 |
| Uygulama/Pratik | 6 | 5 | 30 |
| Takım/Grup Çalışması | 4 | 5 | 20 |
| Bireysel Çalışma | 14 | 3 | 42 |
| Ara Sınav İçin Bireysel Çalışma | 7 | 3 | 21 |
| Final Sınavı içiin Bireysel Çalışma | 7 | 3 | 21 |
| Toplam İş Yükü (saat) | 178 | ||
| PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | PÇ 6 | PÇ 7 | PÇ 8 | PÇ 9 | |
| ÖÇ 1 | 5 | 5 | 5 | 5 | 4 | ||||
| ÖÇ 2 | 1 | 5 | |||||||
| ÖÇ 3 | 4 | 5 | 5 | ||||||
| ÖÇ 4 | 4 | 5 | 5 | ||||||
| ÖÇ 5 | 4 | 5 | |||||||
| ÖÇ 6 | 2 | 5 | 5 | 5 |