GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| BİLTEK-106 | İNTERNET PROGRAMCILIĞI-I | Ders | 1 | 2 | 4,00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Dersin Amacı
Bu ders ile öğrenci; web sayfalarını tasarlama ve oluştuma yeterlikleri kazandırılacaktır.
Dersi Veren Öğretim GörevlisiGörevlileri
Öğr.Gör.Adil KONDİLOĞLU
Öğrenme Çıktıları
| 1 | Web sayfalarının tasarımı için gerekli programları kurmak |
| 2 | HTML dilini kullanarak Web sayfalarını oluşturmak |
| 3 | CSS kodlarını kullanarak HTML sayfaları üzerinde şekillendirmeler yapmak |
| 4 | JavaScript dilini kullanarak etkileşimli Web sayfaları hazırlamak |
Öğrenim Türü
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
Uygulama Yazılımlarının Kurulumu HTML'e giriş HTML5 ile Gelen Yenilikler HTML5 ile Yeni Veri Girişi ve Form Elemanları HTML5 ile İleri Teknolojiler CSS ve Metin Stilleri CSS'te Renk Tanımı ve Tablo Düzenleme Liste ve Görsellerde CSS Stilleri CSS'te Kutu Modeli, Kalıtsallık ve Öncelikler Javascript ile Kodlamaya Giriş Javascript Dili ve Komutları Javascript'te İleri Konular JQuery'e Giriş ve Kullanımı Bootstrap ile Duyarlı Web Tasarımı
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Teorik | Uygulama | Laboratuvar |
|---|---|---|---|
| 1 | 1.1. Uygulama Yazılımları Kurulumu 1.2. Eklentilerin Kurulumu 1.3. Tarayıcıların Geliştirici Seçenekleri | ||
| 2 | 1.1. HTML Nedir? 1.2. HTML'in Temel Özellikleri 1.3. HTML'in Temel Etiketleri | ||
| 3 | 2.1. HTML5'in Temel Özellikleri 2.2. HTML5 ile Gelen Yenilikler 2.3. HTML5 ile Değişen Etiketler 2.4. HTML5 ile Yeni SemantikAnlamsal Etiketler 2.5. HTML5 ile Yeni Form 2.6. Elementleri | ||
| 4 | 4.1. HTML5 ile Çoklu Ortam 4.2. HTML5 ile Grafik 4.3. HTML5 ile Konum Belirleme 4.4. HTML5 ile Sürükle Bırak 4.5. HTML5 ile Uygulama Önbellekleme 4.6. HTML5 ile Gelen Diğer API'ler 4.7. HTML5 İle Kaldırılan Etiketler | ||
| 5 | 3.1. HTML5 ile Yeni Veri Giriş (Input) Tipleri 3.2. HTML5 ile Yeni Form Özellikleri 3.3. Form Örnekleri | ||
| 6 | 5.1. CSS Nedir? 5.2. CSS Sürümleri Nelerdir? 5.3. CSS Tanımlama Yöntemleri 5.4. CSS Seçicileri 5.5. CSS ve Metin | ||
| 7 | 6.1. CSS Renk Tanımlama Yöntemleri 6.2. Margin ve Padding Kullanımı 6.3. Tablo Düzenleme | ||
| 8 | 7.1. Listelerde CSS Kullanımı 7.2. Görsellerde CSS Kullanımı | ||
| 9 | ARA SINAV | ||
| 10 | 9.1. CSS'te Kutu Modeli 9.2. CSS'te Öncelikler 9.3. CSS'te Kalıtsallık | ||
| 11 | 10.1. JavaScript Nereye Yazılır? 10.2. JavaScript Yazma, Çalıştırma ve Test Etme 10.3. JavaScript ile Yapılabilecek İşler 10.4. JavaScript Dilinin Genel Özellikleri | ||
| 12 | 12.1. Javascript ve HTML Etiketleri İlişkisi 12.2. Değişkenler 12.3. Operatörler 12.4. Koşul Komutları ve Koşul Operatörü | ||
| 13 | 13.1. Metin İşlemleri 13.2. Döngü Komutları 13.3. Diziler 13.4. Fonksiyonlar 13.5. Olaylar 13.6. DOM ile Programlama 13.7. Window Nesnesi | ||
| 14 | 14.1. jQuery Nedir? 14.3. Nasıl Çalışır? 14.4. Query Kurulumu 14.5. jQuery Sözdizimi (Syntax) 14.6. Seçiciler (Selectors) 14.7. Olaylar (Events) 14.8. jQuery Efektleri | ||
| 15 | 15.1. Bootstrap Nedir? 15.2. Bootstrap Kurulumu 15.3. Bootstrap ile Duyarlı Web Sayfası Tasarımı | ||
| 16 | FİNAL SINAVI |
Ders Kitabı Malzemesi Önerilen Kaynaklar
Planlanan Öğrenme Aktiviteleri ve Metodları
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 70 |
| Derse Katılım | 1 | 10 |
| Laboratuvar | 1 | 20 |
| Toplam | 100 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | Adet | Değer |
| Final Sınavı | 1 | 60 |
| Proje Sunma | 1 | 40 |
| Toplam | 100 | |
| Yarıyıl (Yıl) İçi Etkinlikleri | 40 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | 60 | |
Staj Durumu
Yok
İş Yükü Hesaplaması
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Ara Sınav | 1 | 1 | 1 |
| Final Sınavı | 1 | 1 | 1 |
| Derse Katılım | 12 | 4 | 48 |
| Uygulama/Pratik | 4 | 3 | 12 |
| Laboratuvar | 14 | 2 | 28 |
| Ara Sınav İçin Bireysel Çalışma | 5 | 3 | 15 |
| Final Sınavı içiin Bireysel Çalışma | 5 | 3 | 15 |
| Toplam İş Yükü (saat) | 120 | ||
Program ve Öğrenme Çıktıları İlişkisi
| PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | PÇ 6 | PÇ 7 | PÇ 8 | PÇ 9 | PÇ 10 | PÇ 11 | PÇ 12 | PÇ 13 | PÇ 14 | PÇ 15 | PÇ 16 | PÇ 17 | |
| ÖÇ 1 | |||||||||||||||||
| ÖÇ 2 | |||||||||||||||||
| ÖÇ 3 | |||||||||||||||||
| ÖÇ 4 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek