Marmara Üniversitesi
Marmara Üniversitesi Eğitim-Öğretim Bilgi Sistemi

Programlar Hakkında Bilgi

Önlisans - Teknik Bilimler Meslek Yüksekokulu - Bilgisayar Programcılığı

Müfredat Adı Ders Kodu Ders Adı Ders Türü Dönem AKTS Teorik Uygulama
Bilgisayar Programcılığı-Önlisans-2014 BLY1003 Web Tasarım Zorunlu 1 4,00 3 1

Dersin İçeriği

Dersin Amacı

HTML ve HTML5 tasarım dilini mantığına uygun bir şekilde öğrenmek. BOOTSTRAP 4 frameworkünü öğrenip HTML5-CSS3-JAVASCRIPT yoğunluğuna girmeden Responsive yani bütün cihazlarda uyumlu WEB siteleri oluşturmak. React kütüphanesini öğrenerek JAVASCRIPT programlamayı minimuma indirerek siteleriniz üzerindeki hakimiyeti arttırmak.

Öğrenim Türü

-

Dersin İçeriği

HTML ve HTML5 tasarım dilini mantığına uygun bir şekilde öğrenmek. BOOTSTRAP 4 frameworkünü öğrenip HTML5-CSS3-JAVASCRIPT yoğunluğuna girmeden Responsive yani bütün cihazlarda uyumlu WEB siteleri oluşturmak. React kütüphanesini öğrenerek JAVASCRIPT programlamayı minimuma indirerek siteleriniz üzerindeki hakimiyeti arttırmak.

Planlanan Öğrenme Aktiviteleri ve Metodları

Anlatım, Soru-Cevap, Araştırma

Staj Durumu

Yok

Dersin Sunulduğu Dil

Türkçe

Ders Kitabı / Malzemesi / Önerilen Kaynaklar

www.w3schools.com

Dersin Web Sayfası

ww.w3schools.com

Öğrenme Çıktıları

  • HTML ve HTML5 tasarım dilini mantığına uygun bir şekilde öğrenmek,
  • BOOTSTRAP 4 kütüphanesini öğrenip HTML5-CSS3-JAVASCRIPT yoğunluğuna girmeden Responsive siteler tasarlayabilmek,
  • React kütüphanesini öğrenerek JAVASCRIPT programlamayı minimuma indirerek siteleriniz üzerindeki hakimiyeti arttırmak,
  • CSS ve CSS3 ile web sitelerinin tasarım dosyalarını oluşturabilmek,
  • JAVASCRIPT dilini öğrenerek web sitelerini dinamik hale getirebilmek.

Haftalık Ayrıntılı Ders İçeriği

Hafta Teorik
1 HTML nedir? Paragraf Etiketi, Metinlerin Biçimlendirilmesi, Başlıklar - Yatay Çizgi - Yorum Yapma
2 Meta etiketi ve HTML etiketleri Öz Nitelikleri, Img Etiketi - Resim Ekleme, a etiketi - Link Verme, ol ve ul etiketleri - Sıralı ve Sırasız Listeler
3 table etiketi - Tablo Oluşturma, Inline ve Block Elementleri, div etiketi - Bölme Etiketi, Form Etiketi - Form Oluşturma, Renkler ve Kullanımları
4 HTML 5 Semantic Elements - Anlamsal Etiketler (Ufak Bilgilendirme), Ses ve Video Ekleme, Progress Bar - Ilerleme Çubuğu, IFrames - Siteye html dosyalarını ve hazır videoları gömme
5 CSS3 'e giriş, Inline (Satır içi) CSS - Embedded/Internal (Dahili) CSS - External (Harici) CSS, Selectors - Seçiciler
6 CSS'te kalıtım - CSS'te öncelik, Group Selectors - Gruplayarak Seçme, Sözde Sınıfa Göre Seçme - Sözde Etikete Göre Seçme - Özelliğe Göre seçme
7 Text (Metin) düzenlemesi
8 Ara sınav
9 Javascript'e GİRİŞ, Değişken Kavramı, Değişkenler (Detaylı),
10 Matematik Operatörleri, Atama Operatörleri, Karşılaştırma Operatörleri, Mantıksal Operatörler
11 Kontrol Yapıları ( If - else if - else ), Kontrol Yapıları ( Switch - Case ), Döngüler,
12 Fonksiyonlar, Alert Box - Prompt Box - Confirm Box, Objeler (Nesneler),
13 DOM'a Giriş, Elemanları Seçme İşlemleri, Elemanların özelliklerini değiştirme, Elemanların stillerini değiştirme
14 Element Oluşturma (Create), Element Silme (Delete), Element Güncelleme (Update)
15 Bootstrap
16 Final
17

Değerlendirme

Değerlendirme Değer
Yarıyıl (Yıl) İçi Etkinlikleri 40
Yarıyıl (Yıl) Sonu Etkinlikleri 60
Yarıyıl (Yıl) Sonu Etkinlikleri Değer
Final Sınavı 100

Öğrenci İş Yükü Hesabı

Etkinlikler Sayısı Süresi (saat) Toplam İş Yükü (saat)
Ders Öncesi/Sonrası Bireysel Çalışma 14 1 14
Laboratuvar ve Hazırlığı 14 1 14
Araştırma ve Hazırlığı 14 3 42
Arasınav ve Hazırlığı 14 1 14
Kısa Sınav ve Hazırlığı 1
Final ve Hazırlığı 14 2 28

Program ve Öğrenme Çıktıları İlişkisi

ÖÇ1
ÖÇ2
ÖÇ3
ÖÇ4
ÖÇ5