BLP120
WEB PROGRAMLAMA I
- Yarıyıl
- 2
- Türü
- Zorunlu
- Teori / Uygulama / Lab.
- 2 / 2 / 0
- AKTS
- 4
- Öğretim düzeyi
- Ön Lisans
- Öğretim türü
- Birinci Öğretim
- Öğretim elemanı
- Öğr. Gör. Osman Doğuş GÜLGÜN
- Ön koşul dersleri
- Temel Programlama ve Algoritmalar I, Temel Programlama ve Algoritmalar II
- Staj durumu
- Yok
Dersin amacı
Bu dersin amacı, öğrencilere web teknolojilerinin temelini oluşturan kavramları ve dilleri öğretmektir. HTML, CSS ve temel düzeyde JavaScript gibi istemci taraflı teknolojiler ile statik web sayfalarının nasıl oluşturulacağını kavratmak; internet, tarayıcı ve sunucu etkileşimleri hakkında temel bilgi vermek hedeflenmektedir. Öğrencilerin web sayfası yapısını, biçimlendirmesini ve kullanıcı ile etkileşimini sağlayacak temel web bileşenlerini kullanarak işlevsel ve görsel açıdan düzgün web sayfaları tasarlayabilmeleri amaçlanmaktadır.
Dersin içeriği
Web programlama temelleri, web projesi geliştirme adımları, Web sunucuları, HTML, CSS, JavaScript, JQUERY, Web Servisleri.
Kaynaklar
Web Tasarımı ve Web Programlama - A'dan Z'ye Yeni Nesil Tekniklerle Her Yönüyle Html Javascript Programlama Css 3 Başlangıçtan İleri Seviye Php Kobiler İçin Php İle Online Satış Sitesi Beyaz Şapkalı Seo
Önerilen diğer hususlar
Öğrencilerin derse düzenli katılım göstermeleri, hem teorik bilgilerin hem de uygulamalı çalışmaların etkin şekilde öğrenilmesi açısından önemlidir. Ders kapsamında bireysel ve grup temelli mini projeler yapılabileceğinden, öğrencilerin kendi bilgisayarlarında temel bir metin editörü (VS Code, Sublime Text vb.) ve modern bir tarayıcı (Google Chrome, Firefox vb.) bulundurması tavsiye edilir. Kod yazma pratiği öğrenmenin en etkili yoludur; bu nedenle öğrencilerin düzenli olarak ders dışında da uygulama yapmaları teşvik edilir. Daha önce algoritma ve programlama temelleri (değişken, koşul, döngü yapıları) hakkında bilgi sahibi olmak öğrenmeyi kolaylaştıracaktır. Öğrencilerin ders dışında W3Schools, Mozilla Developer Network (MDN) gibi güvenilir kaynaklardan da araştırmalar yapmaları önerilir.
Öğrenme çıktıları
- 1 Öğrenci, HTML etiketlerini kullanarak temel bir web sayfası oluşturabilir.
- 2 Öğrenci, CSS ile web sayfalarının tasarımını ve stilini düzenleyebilir.
- 3 Öğrenci, JavaScript ile web sayfasına etkileşimli öğeler ekleyebilir.
- 4 Öğrenci, istemci tarafı web teknolojileri ile kullanıcı arayüzü geliştirebilir.
- 5 Öğrenci, temel web programlama bilgilerini kullanarak küçük çaplı web projeleri geliştirebilir.
Haftalık konular
| 1. hafta | Dersin tanıtımı, internet ve web kavramlarına giriş |
|---|---|
| 2. hafta | HTML’ye giriş: Temel etiketler (başlıklar, paragraflar, bağlantılar) |
| 3. hafta | HTML: Görseller, listeler, tablolar ve formlar |
| 4. hafta | HTML: Form elemanları ve sayfa yapısı |
| 5. hafta | CSS’ye giriş: Seçiciler, renkler, yazı tipleri ve kutu modeli |
| 6. hafta | CSS: Konumlandırma (position, float, flexbox) ve arka plan stilleri |
| 7. hafta | CSS: Responsive tasarım temelleri, media queries kullanımı |
| 8. hafta | JavaScript’e giriş: Değişkenler, operatörler, veri tipleri |
| 9. hafta | JavaScript: Koşul ifadeleri, döngüler ve fonksiyonlar |
| 10. hafta | JavaScript: DOM (Document Object Model) ve olay yönetimi |
| 11. hafta | Temel web sitesi yapımı (HTML + CSS + JS) – Proje başlangıcı |
| 12. hafta | Öğrenci mini projelerinin geliştirilmesi ve destek çalışmaları |
| 13. hafta | Web sayfası test etme, hata ayıklama ve son düzenlemeler |
| 14. hafta | Proje sunumları ve genel değerlendirme |
Değerlendirme
Yarıyıl (Yıl) İçi Etkinlikleri
- Ara Sınav %100
Yarıyıl (Yıl) Sonu Etkinlikleri
- Yarıyıl Sonu Sınavı %100
Yarıyıl(yıl) içi etkinliklerin ve yarıyıl(yıl) sonu sınavının başarı notuna katkısı
- Yarıyıl (Yıl) İçi Etkinlikleri %40
- Yarıyıl (Yıl) Sonu Etkinlikleri %60
AKTS iş yükü
| Etkinlik | Sayı | Süre (saat) | Toplam (saat) |
|---|---|---|---|
| Ara Sınav | 1 | 1 | 1 |
| Ara Sınav İçin Bireysel Çalışma | 1 | 12 | 12 |
| Bireysel Çalışma | 14 | 3 | 42 |
| Final Sınavı | 1 | 1 | 1 |
| Final Sınavı içiin Bireysel Çalışma | 1 | 22 | 22 |
| Derse Katılım | 14 | 3 | 42 |
| Toplam iş yükü / AKTS | 120 saat · 4 AKTS | ||