Mühendislik Fakültesi
Bilgisayar Ve Yazılım Mühendisliği
Ders Bilgileri
| CSS VE BOOTSTRAP İLE İLERİ ESNEK WEB TASARIMI | |||||
|---|---|---|---|---|---|
| Kodu | Dönemi | Teori | Uygulama | Ulusal Kredisi | AKTS Kredisi |
| Saat / Hafta | |||||
| CSE338 | Bahar | 2 | 2 | 3 | 4 |
| Ön Koşulu Olan Ders( ler ) | Yok |
|---|---|
| Dili | İngilizce |
| Türü | Seçmeli |
| Seviyesi | Lisans |
| Öğretim Elemanı( ları ) | Dr. Öğr. Üyesi Furkan GÖZÜKARA |
| Öğretim Sistemi | Yüz Yüze |
| Önerilen Hususlar | Yok |
| Staj Durumu | Yok |
| Amacı | Bütün platformlarda çalışabilecek şekilde esnek tasarıma sahip web uygulamalarının arayüzünü geliştirmeyi öğrenmek. |
| İçeriği | C# ve ASP.NET programlama dili ile beraber Bootstrap v4 kütüphanesi, jQuery v3 Javascript kütüphanesi ve ileri CSS v3 teknikleri ile herhangi bir web tarayıcısına sahip tüm platform ve cihazlar için (telefon, tablet, akıllı TV, bilgisayar vb.) uyumlu esnek web sitesi ön-yüz (front-end) tasarımı bu derste öğretilecektir. |
Dersin Öğrenim Çıktıları
| # | Öğrenim Çıktıları |
|---|---|
| 1 | Öğrenci CSS kullanmayı öğrenir. |
| 2 | Öğrenci HTML kullanmayı öğrenir. |
| 3 | Öğrenci Bootstrap kütüphanesi kullanmayı öğrenir. |
| 4 | Öğrenci bütün platformlarda çalışabilecek esnek tasarıma sahip web arayüzü yapmayı öğrenir. |
Haftalık Ayrıntılı Ders İçeriği
| # | Konular | Öğretim Yöntem ve Teknikleri |
|---|---|---|
| 1 | HTML5'e Giriş ve Dökümanlar | Anlatım, tartışma, sunum |
| 2 | HTML5 Blok, İç Etiketler ve Listeler | Anlatım, tartışma, sunum |
| 3 | HTML5 Text Düzenleme, Tablolar ve Div etiketi | Anlatım, tartışma, sunum |
| 4 | HTML5 IFrame ve Formlar | Anlatım, tartışma, sunum |
| 5 | CSS'e Giriş | Anlatım, tartışma, sunum |
| 6 | CSS Seçicileri ve Tanımlama Biçimleri | Anlatım, tartışma, sunum |
| 7 | CSS Arkaplan Çalışmaları, Kenarlıklar, Metin ve Yazı Tipi | Anlatım, tartışma, sunum |
| 8 | Ara Sınav | Ölçme |
| 9 | Margin ve Padding, Position ve Display Kullanımı | Anlatım, tartışma, sunum |
| 10 | CSS Resim Galerisi ve Dropdown Menü Tasarımı | Anlatım, tartışma, sunum |
| 11 | CSS Formları ve Buton Tasarımları | Anlatım, tartışma, sunum |
| 12 | Bootstrap'a Giriş ve Kurulum | Anlatım, tartışma, sunum |
| 13 | Bootstrap Grid Sistemleri ve Responsive Tasarım | Anlatım, tartışma, sunum |
| 14 | Bootstrap Tipografi, Form ve Tablolar | Anlatım, tartışma, sunum |
| 15 | Bootstrap Butonları, Yardımcı Sınıflar, Glyphiconlar | Anlatım, tartışma, sunum |
| 16 | Son Sınav | Ölçme |
Resources
| # | Malzeme / Kaynak Adı | Kaynak Hakkında Bilgi | Referans / Önerilen Kaynak |
|---|
Ölçme ve Değerlendirme Sistemi
| # | Ağırlık | Çalışma Türü | Çalışma Adı |
|---|---|---|---|
| 1 | %40 | Ara Sınav | Ara Sınav |
| 2 | %60 | Son Sınav | Son Sınav |
Dersin Öğrenim Çıktıları ve Program Yeterlilikleri ile İlişkileri
| # | Öğrenim Çıktıları | Program Çıktıları | Ölçme ve Değerlendirme |
|---|---|---|---|
| 1 | Öğrenci CSS kullanmayı öğrenir. | 2͵3͵4 | 1͵2 |
| 2 | Öğrenci HTML kullanmayı öğrenir. | 2͵3͵4 | 1͵2 |
| 3 | Öğrenci Bootstrap kütüphanesi kullanmayı öğrenir. | 2͵3͵4 | 1͵2 |
| 4 | Öğrenci bütün platformlarda çalışabilecek esnek tasarıma sahip web arayüzü yapmayı öğrenir. | 2͵3͵4 | 1͵2 |
İş Yükü Detayları
| # | Etkinlik | Adet | Süre (Saat) | İş Yükü |
|---|---|---|---|---|
| 1 | Ders Süresi | 14 | 4 | 56 |
| 2 | Sınıf Dışı Ders Süresi (Ön çalışma, pekiştirme) | 0 | 0 | 0 |
| 3 | Sunum ve Seminer Hazırlama | 0 | 0 | 0 |
| 4 | İnternette tarama, kütüphane ve arşiv çalışması | 0 | 0 | 0 |
| 5 | Belge/Bilgi listeleri oluşturma | 0 | 0 | 0 |
| 6 | Atölye | 0 | 0 | 0 |
| 7 | Ara Sınav için Hazırlık | 1 | 2 | 2 |
| 8 | Ara Sınav | 0 | 0 | 0 |
| 9 | Kısa Sınav | 0 | 0 | 0 |
| 10 | Ödev | 4 | 5 | 20 |
| 11 | Ara Proje | 1 | 10 | 10 |
| 12 | Ara Uygulama | 0 | 0 | 0 |
| 13 | Son Proje | 1 | 10 | 10 |
| 14 | Son Uygulama | 0 | 0 | 0 |
| 15 | Son Sınav için Hazırlık | 0 | 0 | 0 |
| 16 | Son Sınav | 1 | 2 | 2 |
| 100 | ||||