Skip to content
Toros University

BLP120

WEB PROGRAMLAMA I

Computer Programming
Download course information package PDF Excel Word XML CSV
Semester
2
Type
Zorunlu
Theory / Practice / Lab
2 / 2 / 0
ECTS
4
Level of study
Ön Lisans
Mode of study
Birinci Öğretim
Instructor
Öğr. Gör. Osman Doğuş GÜLGÜN
Prerequisite courses
Temel Programlama ve Algoritmalar I, Temel Programlama ve Algoritmalar II
Internship status
Yok

Course objectives

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.

Course content

Web programlama temelleri, web projesi geliştirme adımları, Web sunucuları, HTML, CSS, JavaScript, JQUERY, Web Servisleri.

Resources

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

Other recommended points

Öğ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.

Learning outcomes

  1. 1 Öğrenci, HTML etiketlerini kullanarak temel bir web sayfası oluşturabilir.
  2. 2 Öğrenci, CSS ile web sayfalarının tasarımını ve stilini düzenleyebilir.
  3. 3 Öğrenci, JavaScript ile web sayfasına etkileşimli öğeler ekleyebilir.
  4. 4 Öğrenci, istemci tarafı web teknolojileri ile kullanıcı arayüzü geliştirebilir.
  5. 5 Öğrenci, temel web programlama bilgilerini kullanarak küçük çaplı web projeleri geliştirebilir.

Weekly topics

Week 1 Dersin tanıtımı, internet ve web kavramlarına giriş
Week 2 HTML’ye giriş: Temel etiketler (başlıklar, paragraflar, bağlantılar)
Week 3 HTML: Görseller, listeler, tablolar ve formlar
Week 4 HTML: Form elemanları ve sayfa yapısı
Week 5 CSS’ye giriş: Seçiciler, renkler, yazı tipleri ve kutu modeli
Week 6 CSS: Konumlandırma (position, float, flexbox) ve arka plan stilleri
Week 7 CSS: Responsive tasarım temelleri, media queries kullanımı
Week 8 JavaScript’e giriş: Değişkenler, operatörler, veri tipleri
Week 9 JavaScript: Koşul ifadeleri, döngüler ve fonksiyonlar
Week 10 JavaScript: DOM (Document Object Model) ve olay yönetimi
Week 11 Temel web sitesi yapımı (HTML + CSS + JS) – Proje başlangıcı
Week 12 Öğrenci mini projelerinin geliştirilmesi ve destek çalışmaları
Week 13 Web sayfası test etme, hata ayıklama ve son düzenlemeler
Week 14 Proje sunumları ve genel değerlendirme

Assessment

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

ECTS workload

Event Number Duration (hours) Total (hours)
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
Total workload / ECTS 120 hours · 4 ECTS

Cookie settings

Choose which cookies you allow; you can change your choice at any time using the "Cookie settings" link at the bottom of the page.