Ders AdıKodu Yerel KrediAKTS Ders (saat/hafta)Uygulama (saat/hafta)Laboratuar (saat/hafta)
Web ProgramlamaMTM460236300
ÖnkoşullarYok
YarıyılBahar
Dersin Diliİngilizce, Türkçe
Dersin SeviyesiLisans
Dersin TürüSeçmeli @ Matematik Mühendisliği Lisans Programı
Seçmeli @ Matematik Lisans Programı
Ders KategorisiTemel Meslek Dersleri
Dersin Veriliş ŞekliYüz yüze
Dersi Sunan Akademik BirimMatematik Mühendisliği Bölümü
Dersin KoordinatörüAydın Seçer
Dersi Veren(ler)Aydın Seçer
Asistan(lar)ıHandenur Esen
Dersin AmacıBu ders, öğrencilere HTML, CSS, istemci ve sunucu tarafı programlama, duyarlı tasarım ve web güvenliği gibi konuları kapsayan temel kavramları, araçları ve teknikleri öğreterek, sağlam ve verimli web uygulamaları oluşturma becerileri kazandırmayı amaçlamaktadır.
Dersin İçeriğiWeb programlama giriş, temel kavramlar, iletişim protokolleri, Web programlamanın önemi ve kullanım alanları, İnternetin çalışma şekli ve temel protokoller, Web standartları ve tarayıcı uyumluluğu, HTML temelleri, yapısal etiketler ve semantik, HTML belgesi yapısı ve etiket kullanımı, Başlık, paragraf, liste ve diğer yapısal etiketler, Semantik HTML ve anlamlı yapı, CSS temelleri, seçiciler ve kutu modeli, CSS ile stillendirme, seçiciler ve öznitelikler, Renk, yazı tipi ve arka plan gibi stil özellikleri, Kutu modeli, padding, margin ve border, Uyarlanabilir web tasarımı, medya sorguları ve Flexbox, Mobil uyumlu tasarım prensipleri, Medya sorguları ve ekran boyutlarına göre stillendirme, Flexbox ile düzenleme ve hizalama, Çerçeve sistemleri, ızgara ve bileşenler, Izgara sistemleri ve düzenleme, Bileşen tabanlı tasarım ve örnek bileşenler, Performans ve erişilebilirlik prensipleri, İstemci tarafı betikleri, temel kavramlar, kontrol yapıları, Betik dili temelleri ve değişkenler, Karar yapıları, döngüler ve fonksiyonlar, Hata yönetimi ve hata ayıklama, DOM işlemleri, olay yönetimi ve asenkron programlama, HTML belgesine erişim ve manipülasyon, Olaylar ve olay işleyiciler, Promise ve async/await ile asenkron programlama, Kütüphaneler, animasyonlar ve asenkron veri alışverişi, Genel amaçlı kütüphaneler ve kullanımı, CSS animasyonları ve etkileşimli bileşenler, Asenkron veri alışverişi ve kullanım alanları, Web servisleri, API ve veri formatları, Web servisleri ve API'lar ile iletişim, RESTful servisler ve kullanım prensipleri, Veri formatları ve işlemler. İstemci tarafı uygulama geliştirme ve bileşenler, Uygulama yapısı ve bileşen tabanlı geliştirme, Durum yönetimi ve bileşenler arası iletişim, Test yazma ve test süreçleri, Yönlendirme ve durum yönetimi, Genel durum yönetimi ve uygulama içi veri paylaşımı, Modüler yapı ve kod organizasyonu, Sunucu tarafı programlama temelleri ve kavramlar, Web uygulama çatıları ve kullanımı, Veritabanı bağlantısı ve temel işlemler, Önbellekleme stratejileri ve sunucu tarafı performans iyileştirmeleri, Web uygulaması güvenliği ve önemli güvenlik prensipleri, Kimlik doğrulama, yetkilendirme ve güvenli iletişim
Ders Kitabı / Malzemesi / Önerilen Kaynaklar
  • Kitap: "Web Programming Step by Step" by Marty Stepp and Jessica Miller
  • Kitap: "Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics" by Jennifer Niederst Robbins
  • Kitap: "Web Development and Design Foundations with HTML5" by Terry Felke-Morris
  • Online Kaynak: Coursera: https://www.coursera.org/
  • Online Kaynak: Pluralsight: https://www.pluralsight.com/browse?=&q=web%20programming&type=all&sort=default
  • Online Kaynak: Udemy: https://www.udemy.com/courses/search/?src=ukw&q=web+programlama
Opsiyonel Program BileşenleriYok

Ders Öğrenim Çıktıları

  1. Temel web programlama kavramlarını ve tekniklerini anlayarak, HTML ve CSS ile yapısal ve stil özelliklerini kullanarak etkili web sayfaları oluşturma becerisi.
  2. Uyarlanabilir ve mobil uyumlu tasarım prensiplerine uygun olarak, çeşitli ekran boyutları ve cihazlar için optimize edilmiş web uygulamaları geliştirme becerisi.
  3. İstemci tarafı betikleri ve asenkron programlama teknikleri kullanarak, interaktif ve dinamik web uygulamaları oluşturma becerisi.
  4. Web servisleri ve API'lar ile etkili bir şekilde iletişim kurarak, veri alışverişi ve işleme süreçlerini yönetme becerisi.
  5. Sunucu tarafı programlama temellerini öğrenerek, veritabanı işlemleri, performans optimizasyonu ve web uygulamalarının güvenliğini sağlama becerisi.

Ders Öğrenim Çıktısı & Program Çıktısı Matrisi

DÖÇ-1DÖÇ-2DÖÇ-3DÖÇ-4DÖÇ-5
PÇ-153322
PÇ-225444
PÇ-344554
PÇ-444554
PÇ-533445
PÇ-644445
PÇ-744445
PÇ-833554
PÇ-933454
PÇ-1033335
PÇ-1133335
PÇ-1233335
PÇ-1333335
PÇ-1433333
PÇ-1533333
PÇ-1633333
PÇ-1744444
PÇ-1833333
PÇ-1933333
PÇ-2033334
PÇ-2144444
PÇ-2233333
PÇ-2344445
PÇ-2433333
PÇ-2544445
PÇ-2644445
PÇ-2733333
PÇ-2833333
PÇ-2944445
PÇ-3044444

Haftalık Konular ve İlgili Ön Hazırlık Çalışmaları

HaftaKonularÖn Hazırlık
1Web programlama giriş, temel kavramlar, iletişim protokolleri, Web programlamanın önemi ve kullanım alanları, İnternetin çalışma şekli ve temel protokoller, Web standartları ve tarayıcı uyumluluğu, HTML temelleri, yapısal etiketler ve semantikKaynaklardaki ilgili bölüm
2HTML belgesi yapısı ve etiket kullanımı, Başlık, paragraf, liste ve diğer yapısal etiketler, Semantik HTML ve anlamlı yapı, CSS temelleri, seçiciler ve kutu modeliKaynaklardaki ilgili bölüm
3CSS ile stillendirme, seçiciler ve öznitelikler, Renk, yazı tipi ve arka plan gibi stil özellikleri, Kutu modeli, padding, margin ve border, Uyarlanabilir web tasarımı, medya sorguları ve FlexboxKaynaklardaki ilgili bölüm
4Mobil uyumlu tasarım prensipleri, Medya sorguları ve ekran boyutlarına göre stillendirme, Flexbox ile düzenleme ve hizalama, Çerçeve sistemleri, ızgara ve bileşenlerKaynaklardaki ilgili bölüm
5Izgara sistemleri ve düzenleme, Bileşen tabanlı tasarım ve örnek bileşenler, Performans ve erişilebilirlik prensipleri, İstemci tarafı betikleri, temel kavramlar, kontrol yapılarıKaynaklardaki ilgili bölüm
6Betik dili temelleri ve değişkenler, Karar yapıları, döngüler ve fonksiyonlar, Hata yönetimi ve hata ayıklama, DOM işlemleri, olay yönetimi ve asenkron programlama, HTML belgesine erişim ve manipülasyon, Olaylar ve olay işleyiciler, Promise ve async/await ile asenkron programlama, Kütüphaneler, animasyonlar ve asenkron veri alışverişiKaynaklardaki ilgili bölüm
7Genel amaçlı kütüphaneler ve kullanımı, CSS animasyonları ve etkileşimli bileşenler, Asenkron veri alışverişi ve kullanım alanları, Web servisleri, API ve veri formatlarıKaynaklardaki ilgili bölüm
8Ara Sınav 1 / Uygulama veya Konu Tekrarı
9Web servisleri ve API'lar ile iletişim, RESTful servisler ve kullanım prensipleri, Veri formatları ve işlemler. Kaynaklardaki ilgili bölüm
10İstemci tarafı uygulama geliştirme ve bileşenler, Uygulama yapısı ve bileşen tabanlı geliştirmeKaynaklardaki ilgili bölüm
11Durum yönetimi ve bileşenler arası iletişim, Test yazma ve test süreçleriKaynaklardaki ilgili bölüm
12Yönlendirme ve durum yönetimi, Genel durum yönetimi ve uygulama içi veri paylaşımı, Modüler yapı ve kod organizasyonuKaynaklardaki ilgili bölüm
13Sunucu tarafı programlama temelleri ve kavramlar, Web uygulama çatıları ve kullanımı, Veritabanı bağlantısı ve temel işlemlerKaynaklardaki ilgili bölüm
14Önbellekleme stratejileri ve sunucu tarafı performans iyileştirmeleri, Web uygulaması güvenliği ve önemli güvenlik prensipleri, Kimlik doğrulama, yetkilendirme ve güvenli iletişimKaynaklardaki ilgili bölüm
15Final

Değerlendirme Sistemi

EtkinliklerSayıKatkı Payı
Devam/Katılım110
Laboratuar
Uygulama
Arazi Çalışması
Derse Özgü Staj
Küçük Sınavlar/Stüdyo Kritiği
Ödev
Sunum/Jüri
Projeler120
Seminer/Workshop
Ara Sınavlar130
Final140
Dönem İçi Çalışmaların Başarı Notuna Katkısı
Final Sınavının Başarı Notuna Katkısı
TOPLAM100

AKTS İşyükü Tablosu

EtkinliklerSayıSüresi (Saat)Toplam İşyükü
Ders Saati133
Laboratuar
Uygulama
Arazi Çalışması
Sınıf Dışı Ders Çalışması136
Derse Özgü Staj
Ödev
Küçük Sınavlar/Stüdyo Kritiği
Projeler120
Sunum / Seminer
Ara Sınavlar (Sınav Süresi + Sınav Hazırlık Süresi)115
Final (Sınav Süresi + Sınav Hazırlık Süresi)120
Toplam İşyükü :
Toplam İşyükü / 30(s) :
AKTS Kredisi :
Diğer NotlarYok