Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTSSon Güncelleme Tarihi
1CPP107Web Teknolojileri2+2+03525.09.2025

 
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 Öğretim Şekli Yüz Yüze
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
Ders Notları Jon Duckett – HTML and CSS: Design and Build Websites
Thomas A. Powell – HTML & CSS: The Complete Reference
Elisabeth Robson, Eric Freeman – Head First HTML and CSS
Jon Duckett – JavaScript and JQuery: Interactive Front-End Web Development
Marijn Haverbeke – Eloquent JavaScript
David Flanagan – JavaScript: The Definitive Guide .
geekforgeeks,
w3schools.com
Dökümanlar Jon Duckett –JavaScript and JQuery: Interactive Front-End Web Development, HTML and CSS: Design and Build Websites,w3schools.com
Ödevler Bir grup projesi
Sınavlar 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
İş Yükü 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 Ders işleyişi, dönem planı, Git & GitHub temelleri. Repo oluşturma, commit-push mantığı.
2 Web’in temelleri: İnternet, web, tarayıcı. Front-End ve Back-End farkları. Çalışma ortamı kurulumu.
3 HTML yapısı ve temel etiketler (başlık, paragraf, link, resim). HTML5 yenilikleri.
4 Listeler, tablolar, formlar, input elemanları. Multimedya içeriklerin kullanımı. SEO dostu HTML yapısı.
5 CSS’e giriş: Kullanım mantığı, inline–internal–external CSS. Seçiciler ve özellikler.
6 Box modeli, renkler, yazı tipleri. Konumlandırma: Position, Flexbox ve Grid sistemine giriş.
7 Öğrencilerden basit bir web sitesi yapmalarının istenmesi HTML ve CSS bilgilerini pekiştirme
8 Vize Sınavı
9 Bootstrap temelleri: Grid sistemi, navbar, butonlar, kart yapısı.
10 Responsive tasarım: Media queries, mobil uyumlu sayfa tasarımı (Bootstrap grid).
11 Koşullu ifadeler (if-else, switch). Döngüler (for, while).
12 Fonksiyonlar, scope, olaylar (onclick, addEventListener).
13 DOM nedir? DOM’a erişim, elementlerle çalışma, DOM manipülasyonu.
14 Dinamik içerik yükleme: setTimeout, setInterval, basit AJAX ve JSON kullanımı.
15 HTML-CSS-Bootstrap-JS kullanarak proje geliştirme (ör. portföy sitesi, to-do list, quiz app).
16 Final Sınavı

 
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