| Ders Adı | Kodu | Yarıyıl | T+U Saat | Kredi | AKTS |
|---|---|---|---|---|---|
| Web Teknolojileri | BSM 104 | 2 | 3 + 0 | 3 | 4 |
| Ön Koşul Dersleri | |
| Önerilen Seçmeli Dersler | |
| Dersin Dili | Türkçe |
| Dersin Seviyesi | Lisans |
| Dersin Türü | Zorunlu |
| Dersin Koordinatörü | Dr.Öğr.Üyesi CAN YÜZKOLLAR |
| Dersi Verenler | |
| Dersin Yardımcıları | |
| Dersin Kategorisi | Diğer |
| Dersin Amacı | Bu ders kapsamında amaç, öğrencilere istemci tarafında modern web geliştirme sürecinde kullanılan temel araçlar, teknikler ve teknolojiler hakkında kapsamlı bir bilgi kazandırmaktır. Bu ders, HTML, CSS ve JavaScript gibi temel web teknolojilerini öğretirken, web apiler vb konularla da öğrencilerin duyarlı ve kullanıcı dostu web sayfaları tasarlama ve geliştirme becerilerini geliştirmeyi hedeflemektedir. Ayrıca öğrenciler, gerçek dünya projeleri ve uygulamalı çalışmalar aracılığıyla teorik bilgilerini pratiğe dökme fırsatı bulurlar.
|
| Dersin İçeriği | Ders, Internet ve web teknolojileri kavramlarının ele alınmasıyla başlar. HTML ve CSS gibi temel teknolojilerle web sayfaları oluşturma becerisi kazandırır. Ardından, JavaScript ve DOM yapısıyla beraber istemci taraflı etkileşimli web uygulamaları geliştirme konuları ele alınır. Ders kapsamında ayrıca, API kullanımı ve responsive tasarım gibi ileri konular ele alınarak istemci ve sunucu taraflı etkileşimin açıklanması anlamında sunucu taraflı programlamadan da temel düzeyde bahsedilir. |
| # | Ders Öğrenme Çıktıları | Öğretim Yöntemleri | Ölçme Yöntemleri |
|---|---|---|---|
| 1 | Internet, Web ve temel internet teknolojileri hakkında kavramlarını tanımlar. | Anlatım, Soru-Cevap, Beyin Fırtınası, Bireysel Çalışma, | |
| 2 | Html etiketleri kullanarak web sayfaları tasarlar. | Tartışma, Bireysel Çalışma, Grupla Çalışma, | |
| 3 | CSS teknolojisini kullanarak Html etiketlerine stiller tanımlar, katmanlarda ki çalışmalarını yorumlayabilir, CSS ve Html teknolojilerini kullanarak web sayfaları tasarlar. | Tartışma, Bireysel Çalışma, Grupla Çalışma, | |
| 4 | Javascript kullanarak kullanıcı etkileşimli web sayfaları tasarlar. | Tartışma, Grupla Çalışma, | |
| 5 | Document Object Model (DOM)’ i bilir. Javascript ile bu yapıyı kullanarak dinamik içerikler oluşturabilir. | Tartışma, Grupla Çalışma, | |
| 6 | Farklı cihaz ve ekran boyutlarına uygun, responsive web sayfaları oluşturabilir. | Tartışma, Grupla Çalışma, | |
| 7 | Sunucu taraflı dinamik programlamayla ilgili temel kavramları bilir. | ||
| 8 | Web servisleri ve API'ların ne olduğunu bilir ve bunları kullanabilme yetisine sahiptir. | ||
| 9 | Hazırladığı web sayfalarını, web sunucularını kullanarak internette yayınlayabilir. |
| Hafta | Ders Konuları | Ön Hazırlık |
|---|---|---|
| 1 | İnternet ve Web Teknolojileri Temel Kavramları ve Protokolleri | |
| 2 | Web Tasarımına Giriş, Web Tasarım İlkeleri, Semantic Web Teknolojileri | |
| 3 | Temel Html Etiketleri | |
| 4 | HTML Form Elemanları | |
| 5 | HTML5 | |
| 6 | PHP´ye Giriş | |
| 7 | PHP Form Uygulamaları | |
| 8 | CSS, Stiller | |
| 9 | CSS, Stiller ile Çalışma, Div Örnekleri | |
| 10 | Bootstrap | |
| 11 | JavaScript-Temel Bilgiler | |
| 12 | JavaScript-DOM | |
| 13 | Web API'ler | |
| 14 | JQuery, İstemci ve Sunucu Taraflı Kodlamaya Genel Bakış |
| Kaynaklar | |
|---|---|
| Ders Notu | Ders Notları
|
| Ders Kaynakları | Ders Notları1 |
| Sıra | Program Çıktıları | Katkı Düzeyi | |||||
|---|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | |||
| 1 | Matematik, fen bilimleri ve ilgili mühendislik disiplinine özgü konularda yeterli bilgi birikimi; bu alanlardaki kuramsal ve uygulamalı bilgileri, karmaşık mühendislik problemlerinde kullanabilme becerisi. | X | |||||
| 2 | Karmaşık mühendislik problemlerini saptama, tanımlama, formüle etme ve çözme becerisi; bu amaçla uygun analiz ve modelleme yöntemlerini seçme ve uygulama becerisi. | X | |||||
| 3 | Mühendislik uygulamalarında karşılaşılan karmaşık problemlerin analizi ve çözümü için gerekli olan modern teknik ve araçları geliştirme, seçme ve kullanma becerisi; bilişim teknolojilerini etkin bir şekilde kullanma becerisi. | X | |||||
| 4 | Karmaşık bir sistemi, süreci, cihazı veya ürünü gerçekçi kısıtlar ve koşullar altında, belirli gereksinimleri karşılayacak şekilde tasarlama becerisi; bu amaçla modern tasarım yöntemlerini uygulama becerisi. | X | |||||
| 5 | Karmaşık mühendislik problemlerinin veya disipline özgü araştırma konularının incelenmesi için deney tasarlama, deney yapma, veri toplama, sonuçları analiz etme ve yorumlama becerisi. | X | |||||
| 6 | Bilişim Teknolojilerinin yönetim, denetim, gelişim ve güvenliği/güvenilirliği hakkında bilgi sahibi olma ve farkındalık, | X | |||||
| 7 | Disiplin içi ve çok disiplinli takımlarda etkin biçimde çalışabilme becerisi; bireysel çalışma becerisi. | X | |||||
| 8 | Türkçe sözlü ve yazılı etkin iletişim kurma becerisi; en az bir yabancı dil bilgisi; etkin rapor yazma ve yazılı raporları anlama, tasarım ve üretim raporları hazırlayabilme, etkin sunum yapabilme, açık ve anlaşılır talimat verme ve alma becerisi. | X | |||||
| 9 | Yaşam boyu öğrenmenin gerekliliği bilinci; bilgiye erişebilme, bilim ve teknolojideki gelişmeleri izleme ve kendini sürekli yenileme becerisi. | X | |||||
| 10 | Etik ilkelerine uygun davranma, mesleki ve etik sorumluluk bilinci; mühendislik uygulamalarında kullanılan standartlar hakkında bilgi. | ||||||
| 11 | Proje yönetimi, risk yönetimi ve değişiklik yönetimi gibi, iş hayatındaki uygulamalar hakkında bilgi; girişimcilik, yenilikçilik hakkında farkındalık; sürdürülebilir kalkınma hakkında bilgi. | ||||||
| 12 | Mühendislik uygulamalarının evrensel ve toplumsal boyutlarda sağlık, çevre ve güvenlik üzerindeki etkileri ve çağın mühendislik alanına yansıyan sorunları hakkında bilgi; mühendislik çözümlerinin hukuksal sonuçları konusunda farkındalık. | X | |||||
| # | Ders Öğrenme Çıktılarının Program Çıktılarına Katkısı | PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | PÇ 6 | PÇ 7 | PÇ 8 | PÇ 9 | PÇ 10 | PÇ 11 | PÇ 12 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1 | Internet, Web ve temel internet teknolojileri hakkında kavramlarını tanımlar. | 0 | 0 | 0 | 0 | 0 | 5 | 4 | 0 | 0 | 0 | ||
| 2 | Html etiketleri kullanarak web sayfaları tasarlar. | 3 | 3 | ||||||||||
| 3 | CSS teknolojisini kullanarak Html etiketlerine stiller tanımlar, katmanlarda ki çalışmalarını yorumlayabilir, CSS ve Html teknolojilerini kullanarak web sayfaları tasarlar. | 4 | 4 | ||||||||||
| 4 | Javascript kullanarak kullanıcı etkileşimli web sayfaları tasarlar. | 5 | 3 | 3 | 5 | ||||||||
| 5 | Document Object Model (DOM)’ i bilir. Javascript ile bu yapıyı kullanarak dinamik içerikler oluşturabilir. | 5 | 3 | 3 | 5 | ||||||||
| 6 | Farklı cihaz ve ekran boyutlarına uygun, responsive web sayfaları oluşturabilir. | 3 | |||||||||||
| 7 | Sunucu taraflı dinamik programlamayla ilgili temel kavramları bilir. | 4 | 4 | 4 | 4 | 4 | |||||||
| 8 | Web servisleri ve API'ların ne olduğunu bilir ve bunları kullanabilme yetisine sahiptir. | 5 | 5 | 5 | 4 | 5 | 5 | ||||||
| 9 | Hazırladığı web sayfalarını, web sunucularını kullanarak internette yayınlayabilir. | 4 |
| Değerlendirme Sistemi | |
|---|---|
| Yarıyıl Çalışmaları | Katkı Oranı |
| 1. Ödev | 20 |
| 1. Ara Sınav | 40 |
| Toplam | 60 |
| 1. Yıl İçinin Başarıya | 60 |
| 1. Final | 40 |
| Toplam | 100 |
| AKTS - İş Yükü Etkinlik | Sayı | Süre (Saat) | Toplam İş Yükü (Saat) |
|---|