Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTSSon Güncelleme Tarihi
6YBS314İnternet ve Web Geliştirme (TS)3+0+03522.06.2026

 
Dersin Detayları
Dersin Dili Türkçe
Dersin Düzeyi Lisans
Bölümü / Programı Yönetim Bilişim Sistemleri
Öğrenim Türü Örgün Öğretim
Dersin Türü Seçmeli
Dersin Öğretim Şekli Yüz Yüze
Dersin Amacı Öğrencilere internet altyapısını ve modern web geliştirme teknolojilerini (HTML5, CSS3,     JavaScript    , React/Next.js) öğreterek; responsive, dinamik ve tam fonksiyonel web uygulamaları tasarlama, geliştirme ve yayınlama becerisi kazandırmaktır.
Dersin İçeriği İnternet mimarisi, HTTP/HTTPS protokolleri, semantik HTML5, CSS3 ile esnek sayfa düzeni (Flexbox, Grid), responsive tasarım, temel ve asenkron    JavaScript    (ES6+, DOM, API entegrasyonu), modern frontend frameworkleri (React, Next.js), state yönetimi, web güvenliği, SEO ve bulut platformlarında web uygulaması dağıtımı.
Dersin Yöntem ve Teknikleri Anlatım, Bilgisayar Laboratuvarında Uygulamalı Çalışma, Proje Tabanlı Öğrenme, Soru-Cevap
Ön Koşulları Yok
Dersin Koordinatörü Yok
Dersi Verenler Öğr. Gör. Ahmet Çankal
Dersin Yardımcıları Yok
Dersin Staj Durumu Yok

Ders Kaynakları
Kaynaklar Duckett, J. (2022). HTML, CSS, & JavaScript: The Ultimate Beginner's Guide. Wiley.
Haverbeke, M. (2024). Eloquent JavaScript: A Modern Introduction to Programming (4th Edition). No Starch Press.
Banks, A., & Porcello, E. (2021). Learning React: Modern Patterns for Developing Real-World Applications (2nd Edition). O'Reilly Media
Şahin, M. (2023). A'dan Z'ye Modern Web Geliştirme: HTML5, CSS3, Modern JavaScript ve React. Abaküs Kitap.
Ders Notları Duckett, J. (2022). HTML, CSS, &    JavaScript   : The Ultimate Beginner's Guide. Wiley.

Banks, A., & Porcello, E. (2021). Learning React: Modern Patterns for Developing Real-World Applications (2nd Edition). O'Reilly Media.

Şahin, M. (2023). A'dan Z'ye Modern Web Geliştirme: HTML5, CSS3, Modern    JavaScript    ve React. Abaküs Kitap.

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

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 % 40
Yarıyıl Sonu Sınavı 1 % 60
Toplam :
2
% 100

 
AKTS Hesaplama İçeriği
İş Yükü Sayısı Süre Toplam İş Yükü (Saat)
Ders Süresi 14 3 42
Sınıf Dışı Ç. Süresi 14 4 56
Ödevler 2 10 20
Sunum/Seminer Hazırlama 1 10 10
Ara Sınavlar 1 10 10
Uygulama 1 1 1
Laboratuvar 1 1 1
Yarıyıl Sonu Sınavı 1 10 10
Toplam İş Yükü   AKTS Kredisi : 5 150

 
Dersin Öğrenme Çıktıları: Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir:
Bilgi 
1 İnternet protokolleri, istemci-sunucu (client-server) mimarisi ve modern webin çalışma prensiplerini açıklar.
Beceri 
2 Semantik HTML5 ve CSS3 standartlarını kullanarak responsive (mobil uyumlu) web arayüzleri tasarlar.
Yetkinlik 
3 Modern bir frontend framework'ü (React/Next.js) kullanarak bileşen tabanlı (component-based) dinamik web uygulamaları geliştirir.

 
Ders Konuları
HaftaKonuÖn HazırlıkDökümanlar
1 İnternet Mimarısi: İstemci-Sunucu Modeli, HTTP/HTTPS Protokolleri ve DNS Modern web mimarisi üzerine makale okuması Şahin (2023), Bölüm 1; W3C Protokol Kılavuzları
2 Semantik HTML5 Yapısı ve Web Sayfası İskeleti Oluşturma W3C HTML5 standartlarının incelenmesi Duckett (2022), HTML Bölümü - Ünite 1-4; Şahin (2023), Bölüm 2
3 Gelişmiş CSS3: Kutu Modeli (Box Model), Flexbox ve Grid Sayfa Düzeni CSS Layout mekanizmaları üzerine pratikler Duckett (2022), CSS Bölümü - Ünite 10-13; Şahin (2023), Bölüm 3
4 Responsive (Esnek) Tasarım Prensipleri, Medya Sorguları (Media Queries) Mobil öncelikli (Mobile-First) tasarım analizi Duckett (2022), CSS Bölümü - Ünite 15; Şahin (2023), Bölüm 4
5 Temel JavaScript (ES6+): Değişkenler, Fonksiyonlar ve DOM Manipülasyonu JS Esasları ve tarayıcı konsol uygulamaları Haverbeke (2024), Bölüm 1-3; Duckett (2022), JS Bölümü - Ünite 1-3
6 JavaScript Gelişmiş Özellikleri: Olay Yönetimi (Event Handling) ve Diziler Dinamik arayüz etkileşimleri tasarımı Haverbeke (2024), Bölüm 4 & 15; Şahin (2023), Bölüm 5
7 Asenkron JavaScript:   Fetch   API, Promises, Async/Await ve JSON Veri Yapısı REST API entegrasyonu üzerine ön çalışma Haverbeke (2024), Bölüm 11 & 18; Ş??in (2023), Bölüm 6
8 Ara Sınav ve Modern Web Araçlarına Giriş (Git, GitHub, NPM ve Vite) Dönem içi konuların ve lab kodlarının tekrarı Banks & Porcello (2021), Bölüm 1 & 2; Ders Notları (Modül 1)
9 Modern Frontend Dünyası: Component (Bileşen) Yapısı ve React Temelleri React dökümantasyonu (Bileşen yapısı) okuması Banks & Porcello (2021), Bölüm 4 & 5; Şahin (2023), Bölüm 7
10 React State Yönetimi, Props ve Form Kontrolleri Dinamik veri akış senaryoları analizi Banks & Porcello (2021), Bölüm 6 & 7; Şahin (2023), Bölüm 8
11 Modern Web Frameworkleri: Next.js Mimarisi ve Dosya Tabanlı Yönlendirme Server-Side Rendering (SSR) kavramı araştırması Banks & Porcello (2021), Bölüm 11; Next.js Resmi Geliştirici Dokümantasyonu
12 Tailwind CSS ve Stil Kütüphaneleri ile Hızlı Arayüz Geliştirme Utility-First CSS yaklaşımının incelenmesi Şahin (2023), Bölüm 9; Tailwind CSS Dokümantasyon Kitaplığı
13 Web Güvenliği Esasları (XSS, CSRF), Performans Optimizasyonu ve SEO Google Lighthouse performans kriterleri analizi Haverbeke (2024), Bölüm 21; OWASP Top 10 Güvenlik Rehberi
14 Web Uygulamalarının Dağıtımı (Deployment) ve Bulut Entegrasyonu (Vercel/Netlify) Üretim ortamı (Production) hazırlık kılavuzu Banks & Porcello (2021), Bölüm 12; Vercel/Netlify Dağıtım Dökümanları

 
Sürdürülebilir Kalkınma Amaçları
Dersin Program Çıktılarına Katkısı
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10
Tüm 3 2 4 2 2 3 3 4 3 4
Bi1 3 2 4 2 2 3 3 4 3 4
Be2 2 1 4 2 2 3 3 4 3 4
Ye3 3 2 3 3 2 3 3 4 3 4

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

  
  https://obs.osmaniye.edu.tr/oibs/bologna/progCourseDetails.aspx?curCourse=290541&lang=tr