Ders Notları

100% Complete (success)
Dikkat !!! Lütfen okuyunuz ...

Öğretim Üyesi (Üyeleri): Doç. Dr. Nursel Bolat *

(*) Ders notu girebilmek için, bu alanda kendi isminiz yazıyor olmalı...

  • Bologna verilerinin girilmesi;
    ubys.omu.edu.tr adresinden,
    ÜBYS' de Öğretim Elemanları yetkisi seçilmeli... Öğretim elemanı danışmanlık işlemlerinden yapabilirsiniz...
Yıl: 2023, Dönem: Bahar
Ders Kitabı / Malzemesi / Önerilen Kaynaklar

Web tasarımı ile ilgili temel kavramların ve araçların tanıtımı, Web tasarımı sürecinin aşamaları, HTML ve HTML5 etiketlerinin ve özelliklerinin kullanımı, CSS ile sayfa biçimlendirme ve düzenleme.

Dersin İçeriği

Erdinç, F. (2014). Yeni başlayanlar için HTML5 ve CSS3. İstanbul: Pusula Yayıncılık. Gelişken, U. (2016). A'dan Z'ye Yeni Nesil Tekniklerle Web Tasarımı ve Web Programlama (2. Baskı) . İstanbul: Level Yayıncılık. Tokak, B. (2015). HTML5, CSS3 ve JavaScript ile Web Tasarımı. İstanbul: Dikey Eksen Yayınları. Carey, P. (2017). New Perspectives on HTML5 and CSS3, 7th Edition, Comprehensive. Cengage Learning, Boston, USA. Duckett, J. (2011). HTML ve CSS Design and Build Websites. John Wiley ve Sons, Inc., Indianapolis, Indiana, USA. Robbins, J. N. (2012). Learning Web Design (Fourth Edition). O’Reilly Media, Inc., Canada. Sklar, J. (2015). Principles of Web Design (Sixth Edition). Cengage Learning, Boston, USA. w3schools.com

Dersin Amacı

Bu ders, öğrencileri etkin web sayfaları tasarlama konusunda eğitmeyi amaçlamaktadır. Web geliştirme sürecinin analiz ve tasarım aşamalarını, verilen projeler kapsamında uygulatmaktır. Ayrıca, içerik üretme ve bu içeriğin grafik tasarımının hazırlanmasına yönelik teknik beceriler kazandırmaktır.

Haftalık Ders İçeriği

Hafta Teorik Uygulama Laboratuar Ders Notları
1 Giriş ve Temel Kavramlar Web tasarımına giriş HTML ve CSS temelleri Temel web tasarım terminolojisi
2 HTML ve CSS Temelleri HTML elementleri ve semantik kullanımı CSS stili ve temel seçiciler Temel bir web sayfası oluşturma pratiği
3 Responsive Tasarım ve Mobil Uyum Responsive tasarımın önemi CSS grid ve flexbox ile çalışma Media queries kullanarak mobil uyumlu tasarım
4 JavaScript Temelleri ve DOM Manipülasyonu JavaScript temel syntax DOM'a erişim ve manipülasyon Temel etkileşim örnekleri ve animasyonlar
5 Kullanıcı Deneyimi (UI/UX) Tasarımı Renk psikolojisi ve kullanımı Tipografi ve font seçimi Kullanıcı araştırmaları ve prototip oluşturma
6 CSS Animasyonları ve Geçiş Efektleri CSS animasyonlarının temelleri Keyframes kullanımı Sayfa geçiş efektleri ve kullanımı
7 İleri Düzey JavaScript ve ES6 Modern JavaScript özellikleri Arrow fonksiyonlar, destructuring, spread operatörü Asenkron JavaScript ve Promises
8
9 Web Tasarım Araçları ve Prototipleme Adobe XD, Sketch veya Figma kullanımı Prototipleme ve wireframing Kullanıcı geri bildirimleri ve tasarım revizyonu
10 CSS Framework'leri ve Kullanımı Bootstrap, Tailwind CSS veya Bulma CSS framework'leri ile hızlı tasarım Özel projelerde framework kullanımı
11 Frontend Framework'leri (React.js) React.js temelleri ve bileşen yapısı React Router kullanımı Basit bir React uygulaması oluşturma
12 Frontend Framework'leri (Vue.js) Vue.js temelleri ve bileşen yapısı Vue Router kullanımı Basit bir Vue uygulaması oluşturma
13 Frontend Framework'leri (Angular) Angular temelleri ve bileşen yapısı Angular Router kullanımı Basit bir Angular uygulaması oluşturma
14 API Entegrasyonu ve Veri Alışverişi RESTful API konseptleri Fetch API kullanımı Dış kaynaklardan veri alışverişi ve kullanımı
15 Proje Geliştirme ve Portföy Oluşturma Öğrenilen konuların pratiğe dökülmesi Kişisel web sitesi veya proje oluşturma Portföy oluşturma ve projelerin sunumu
16