Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTS
1CPP107Web Teknolojileri2+2+035

Dersin Detayları
Dersin Dili Türkçe
Dersin Düzeyi Ön Lisans
Bölümü / Programı Bilgisayar Programcılığı
Öğrenim Türü Örgün Öğretim
Dersin Türü Zorunlu
Dersin Amacı Bu dersin amacı öğrencilere web programlamanın temel kavramlarını anlatmaktır. Bu ders World Wide Web için giriş düzeyinde bir derstir.
Dersin İçeriği Internet için bilgisayar programlamaya giriş, sunucu-taraflı programlama ilkeleri, İşaretleme (HTML, CSS, XHTML, XML) ve betik (JavaScript) dilleri, Sunucu taraflı teknolojileri (PHP , Node.js), Web sunucuları ve uygulama sunucuları, veritabanlarıyla etkileşim (SQL, MySQL), Yeni web teknolojileri (Web Hizmetleri, Ajax, Figma). Stratejik Teknoloji analizi, Teknoloji Öngörüsü ve Tahmini, Teknoloji Değerlendirmesi yapılacaktır.
Dersin Yöntem ve Teknikleri Konu anlatımı, Soru-Cevap, Proje.
Ön Koşulları Yok
Dersin Koordinatörü Yok
Dersi Verenler Öğr.Gör. Kerem Çınar
Dersin Yardımcıları Yok
Dersin Staj Durumu Yok

Ders Kaynakları
Kaynaklar Stepp, Miller,Kirst, Web Programming Step by Step, 2nd Ed., ISBN 978-1-105-57878-6
https://codepen.io/
https://jsfiddle.net/
https://getbootstrap.com/
https://developer.mozilla.org/
Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics – Jennifer Niederst Robbins
w3schools.com
w3schools.com
Bir grup projesi
Vize ve Final Proje

Ders Yapısı
Matematik ve Temel Bilimler %0
Mühendislik Bilimleri %10
Mühendislik Tasarımı %10
Sosyal Bilimler %0
Eğitim Bilimleri %0
Fen Bilimleri %0
Sağlık Bilimleri %0
Alan Bilgisi %80

Planlanan Öğrenme Aktiviteleri ve Metodları
Etkinlikler ayrıntılı olarak "Değerlendirme" ve "İş Yükü Hesaplaması" bölümlerinde verilmiştir.

Değerlendirme Ölçütleri
Yarıyıl Çalışmaları Sayısı Katkı
Ara Sınav 1 % 30
Proje 1 % 20
Yarıyıl Sonu Sınavı 1 % 50
Toplam :
3
% 100

 
AKTS Hesaplama İçeriği
Etkinlik Sayısı Süre Toplam İş Yükü (Saat)
Ders Süresi 14 2 28
Sınıf Dışı Ç. Süresi 14 2 28
Ara Sınavlar 1 15 15
Uygulama 14 2 28
Proje 1 10 10
Yarıyıl Sonu Sınavı 1 20 20
Toplam İş Yükü   AKTS Kredisi : 5 129

Dersin Öğrenme Çıktıları: Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir:
Sıra NoAçıklama
1 Öğrenciler, HTML, CSS ve JavaScript gibi temel web teknolojilerini öğrenir ve bu teknolojilerle basit web sayfaları oluşturabilir.
2 Öğrenciler, farklı ekran boyutlarına uyumlu ve kullanıcı dostu (responsive) web tasarımları geliştirebilir.
3 Öğrenciler, JavaScript dilini kullanarak web sayfalarına dinamik içerik ekleyebilir ve kullanıcı etkileşimlerini yönetebilir.
4 Bootstrap gibi popüler Front-End framework lerini kullanarak hızlı ve etkili web arayüzleri geliştirebilir.
5 Öğrenciler, web projelerinde karşılaşabilecekleri tasarım ve işlevsellik problemlerine uygun çözümler üretebilir ve uygulayabilir.


Ders Konuları
HaftaKonuÖn HazırlıkDökümanlar
1 Web'in temelleri: İnternet, web, tarayıcı,Front-End ve Back-End arasındaki farklar ,Web geliştirme araçları ve çalışma ortamının kurulumu
2 HTML yapısı ve temel etiketler HTML5 yenilikleri Sayfa iskeleti ve yapısal etiketler
3 Formlar ve input elemanları Linkler, tablolar ve multimedya içeriklerin kullanımı SEO dostu HTML yapısı
4 CSS’in mantığı ve kullanımı CSS seçiciler ve özellikler Metin ve kutu modeli Dahili, harici ve satır içi CSS
5 Flexbox sistemi Grid sistemi Responsive tasarım: Medya sorguları ve mobil uyumluluk
6 Kullanıcı deneyimi (UX) ve kullanıcı arayüzü (UI) tasarım prensipleri Renk teorisi, tipografi ve düzen Tasarım araçları (Figma, Adobe XD)
7 Öğrencilerden basit bir web sitesi yapmalarının istenmesi HTML ve CSS bilgilerini pekiştirme
8 JavaScript nedir ve nasıl çalışır? Temel değişkenler, veri tipleri ve operatörler Basit DOM manipülasyonu
9 Koşullu ifadeler ve döngüler Fonksiyonlar ve olaylar JavaScript ile formlar ve doğrulama işlemleri
10 DOM nedir? DOM’a erişim ve elementlerle çalışma DOM olayları ve kullanıcı etkileşimleri
11 Temel animasyon teknikleri SetTimeout ve setInterval kullanımı Dinamik içerik yükleme ve güncelleme
12 AJAX nedir? Kullanım alanları JSON formatı ve kullanımı Basit AJAX uygulaması ile veri çekme
13 Front-End Framework nedir? Bootstrap ile hızlı tasarım geliştirme Bootstrap bileşenleri ve ızgara sistemi
14 Öğrencilerin projelerini sunması Soru-cevap ve genel tekrar


Dersin Program Çıktılarına Katkısı
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10
Tüm 4 4 4 4 2 5 4 2 1 3
Ö1 2 3 4 2 1 4 3 1 1 2
Ö2 1 4 5 3 2 5 4 2 2 3
Ö3 2 4 5 4 2 5 4 2 1 3
Ö4 2 3 5 4 2 5 5 1 1 2
Ö5 3 5 5 5 3 5 5 3 2 4

Katkı Düzeyi: 1: Çok Düşük 2: Düşük 3: Orta 4: Yüksek 5: Çok Yüksek


https://obs.gedik.edu.tr/oibs/bologna/progCourseDetails.aspx?curCourse=237553&curProgID=44&lang=tr