11. Sınıf Web Tabanlı Uygulama Geliştirme Yıllık Planı 2026-2027 - Yazılım Geliştirme

11. Sınıf Web Tabanlı Uygulama Geliştirme Yıllık Planı — Kaynaklar ve İçerik

11. sınıf Web Tabanlı Uygulama Geliştirme dersi, Bilişim Teknolojileri alanının Yazılım Geliştirme dalında haftada 8 ders saati okutulur; yıllık planında 6 öğrenme birimi, 288 ders saati ve 117 kazanım yer alır. Yıl, “Temel Kavramlar” öğrenme birimiyle başlar (Web Sayfası Yayınlamada Temel Kavramlar, Web Yazılımcısı Rolleri, İşaretleme Dili (HTML) vb.); aradaki 4 öğrenme biriminin ardından “Arka Uç Yazılım Geliştirme” öğrenme birimiyle biter.

• 11. Sınıf Web Tabanlı Uygulama Geliştirme Günlük Planları (haftalık ders planları)
• Bilişim Teknolojileri 11. Sınıf Çerçeve Öğretim Programı (ÇÖP)
• Web Tabanlı Uygulama Geliştirme Ders Bilgi Formu (DBF)
• Web Tabanlı Uygulama Geliştirme Ders Materyali (DM)
• Ders İçeriği

  Bilişim Teknolojileri - Yazılım Geliştirme (Mesleki ve Teknik Anadolu Lisesi) alanında Web Tabanlı Uygulama Geliştirme dersi 11. sınıf 2026-2027 eğitim öğretim yılı yıllık planı. Haftalık 8 ders saati.

  Üniteler ve Konular

  1. Temel Kavramlar (8 ders saati)

  • 1. Web Sayfası Yayınlamada Temel Kavramlar
    • Web sayfası kavramı açıklanır.
    • Web sitesi kavramı açıklanır.
    • Alan adı(domain) kavramı açıklanır.
    • Alan adı uzantıları açıklanır.
    • Alan adı alma işlemi açıklanır.
    • Hosting(web sitesi barındırma)kavramı açıklanır.
  • 2. Web Yazılımcısı Rolleri
    • Front-end yazılımcı rolü açıklanır.
    • Back-end yazılımcı rolü açıklanır.
    • Full-stack yazılımcı rolü açıklanır.
  • 3. İşaretleme Dili (HTML)
    • HTML kavramı açıklanır.
    • HTML kodlarının kullanılabileceği editörler açıklanır.
  • 4. Basamaklı Stil Şablonu (CSS)
    • CSS kavramı açıklanır.
  • 5. What You See Is What You Get (WYSIWYG) Editör
    • WYSIWYG kavramı açıklanır.

  2. Web Tasarım İlkeleri (8 ders saati)

  • 1. İçerik
    • Tasarım açısından içeriğin önemi açıklanır.
    • İçerikte kullanılacak resim ve metinlerin belirlenmesi açıklanır.
  • 2. Tasarım
    • Yerleşim planının uygunluğunun sağlanması gerektiği açıklanır.
    • Sitede kullanılacak logo ve menü gibi site bileşenlerinin nasıl kullanılacağı açıklanır.
  • 3. Biçimsellik
    • Sitenin renk ve tipografi düzeninin nasıl olacağı açıklanır.
    • İçerik-tasarım ilişkisinin kurdurulması ile ilgili detaylar anlatılır.
    • Uyumlu renk düzeni yaptırılır.
    • Okunaklı yazı seçimi yaptırılır.
  • 4. İşlevsellik ve Kullanılabilirlik
    • Web sitesinin nasıl kullanıcı dostu olacağı açıklanır.
    • Web sitesine erişimin nasıl kolay olacağı açıklanır.
    • Site haritalarının oluşturulması açıklanır.
    • Web sitesi ziyaretçilerinin siteyi nasıl rahat kullanacağı açıklanır.
  • 5. Güncellik
    • Site içerik ve teknolojilerinin güncel olması gerektiği açıklanır.
    • Yeni teknolojilerin kullanılmasının gerekliliği açıklanır.
    • Çalışılacak platformun yeni nesil teknolojilere uygun seçilmesi gerekliliği açıklanır.
  • 6. Uygunluk ve Güvenilirlik
    • Alan adının(domain name) nasıl olması gerektiği açıklanır.
    • Özgün içerik oluşturulması gerektiği açıklanır.
    • Dilbilgisi kurallarına uyulmasının önemi açıklanır.
  • 7. Uyumluluk
    • Web sitelerinde tarayıcı uyumluluğunun önemi açıklanır.
    • Tarayıcı uyumluluk testinin önemi açıklanır.
    • Responsive tasarım açıklanır.
    • Media query kullanımı gerekliliği açıklanır.

  3. Html5 (48 ders saati)

  • 1. HTML5 Belge Yapısı
    • HTML kavramı açıklanır.
    • Etiket (Tag) kavramı açıklanır.
    • HTML5 kavramı açıklanır.
    • HTML5 belge yapısı açıklanır.
    • HTML sayfasında bulunması gereken standart etiketler açıklanır.
    • DOCTYPE kavramı açıklanır.
    • Temel meta etiketleri açıklanır.
    • HTML'de açıklama satırı kullanmanın gerekliliği açıklanır.
    • HTMl5'deki yeni özellikler açıklanır.
    • HTML5 belge yapısı kullanılarak basit bir web sayfası hazırlatılır.
  • 2. Başlık Elemanları
    • em kavramı açıklanır.
    • H1-H6 elemanlarının özellikleri açıklanır.
  • 3. Paragraflar ve Metin Biçimlendirme
    • Metin biçimlendirme etiketleri açıklanır.
    • Görünüm düzenleme etiketleri açıklanır.
    • Paragraflar ve metin biçimlendirme elemanlarını web sayfasında kullanımı açıklanır.
    • Listeleme etiketleri açıklanır.
    • Madde işaretleri açıklanır.
    • Tabloların kullanım amacı açıklanır.
    • Tablo etiketlerinde kullanılan özellikler açıklanır.
  • 4. Yerleşim Elemanları
    • Div ve span kavramları açıklanır.
    • HTML tasarım şablonu açıklanır.
    • HTML5 tasarım şablonu açıklanır.
    • Yerleşim elemanlarının kullanımı açıklanır.
  • 5. Resim, Video ve Ses (Medya) Elemanları
    • Resim ekleme etiketi ve özellikleri açıklanır.
    • Ses ekleme etiketi ve özellikleri açıklanır.
    • Video ekleme etiketi ve özellikleri açıklanır.
    • Slider ekleme açıklanır.
    • Resim, video ve ses elemanlarını sayfaya nasıl ekleneceği açıklanır.
  • 6. Bağlantı Elemanları
    • Bağlantı(köprü) özellikleri açıklanır.
    • Bağlantı elemanlarının özellikleri ve kullanım şekilleri açıklanır.
  • 7. Form Elemanları
    • Formların yapısı açıklanır.
    • Form nesnelerinin görevleri açıklanır.
    • Form elemanları özellikleri ve çalışma prensipleri açıklanır.

  4. Basamaklı Stil Şablonu (CSS) (40 ders saati)

  • 1. CSS Ekleme Yöntemleri
    • Stil uygulanacak elemanların seçiminin nasıl yapılacağı açıklanır.
  • 2. Kutu Modeli Özellikleri ve Çalışma Prensipleri
    • Kutu modeli özellikleri ve çalışma prensipleri açıklanır.
    • Görünüm ve pozisyon ayarlarının nasıl yapıldığı açıklanır.
    • Görünüm ve pozisyon ayarları yaptırılır.
  • 3. Renk Kullanımı ve Tipografi
    • Web sayfasında kullanılacak renk tanımlamasını yaptırır.
    • Tipografi özellikleri açıklanır.
    • Tipografi kullanımı açıklanır.
  • 4. Duyarlılık (Responsivity)
    • Duyarlılık kavramı açıklanır.
    • Farklı ortamlar için medya sorguları (media query) oluşturulur.
    • Popüler frameworkler listelenir.(Bootstrap, UI Kit, Materialize, vd.).
    • CSS frameworkleri açıklanır.

  5. Etkileşim (Javascript) (40 ders saati)

  • 1. Javascript Kod Yapısı ve Değişkenler
    • Javascript kod yazım kurallarını açıklar.
    • Javascript eleman seçicilerini sıralar.
    • Değişken ve veri tipleri açıklanır.
    • Operatörlerin kullanımı ve kullanım yerleri açıklanır.
  • 2. Olaylar ve Fonksiyonlar
    • Olayların kullanımını açıklar.
    • Olay çeşitlerini sıralar.
    • Fonksiyon kullanımı açıklanır.
  • 3. Kontrol Yapıları
    • Koşullu ifadelerin kullanımı açıklanır.
  • 4. Diziler
    • Dizilerin kullanımı açıklanır.
  • 5. Döngüler, Zamanlayıcılar ve Popüler Javascript Kütüphaneleri
    • Döngülerin kullanımı ve özellikleri açıklanır.
    • Zamanlayıcıların kullanımı açıklanır.
    • Popüler javascript kütüphanelerini listeler.
    • Popüler kütüphaneler açıklanır. (jQuery, React, Angular, Vue, Ember, Backbone, vd.).

  6. Arka Uç Yazılım Geliştirme (144 ders saati)

  • 1. .Net Core Teknolojisi
    • .Net Core teknolojisi ile ilgili özellikler açıklanır.
    • Diğer teknolojilerden farkları açıklanır.
  • 2. MVC Tasarım Deseni
    • Model katmanı kullanımı açıklanır.
    • View katmanı kullanımı açıklanır.
    • Controller katmanı kullanımı açıklanır.
    • Razor sayfaları özellikleri açıklanır.
    • MVC ve Razor sayfaları aralarındaki ilişki açıklanır.
  • 3. Standart Klasör ve Sayfalar
    • Standart klasör ve sayfaların kullanımıyla ilgili özellikler açıklanır.
    • Konfigürasyon yöntemlerinin özellikleri açıklanır.
  • 4. Ara Katman (Middleware)
    • Ara katman yapısının kullanımı açıklanır.
  • 5. Yönlendirme (Routing)
    • Yönlendirme mekanizmasının özellikleri kullanılır.
  • 6. Form İşlemleri
    • Form işlemleri ve form özellikleri açıklanır.
    • Form doğrulama özellikleri açıklanır.
    • Form kullandırılır.
  • 7. Etiket Yardımcıları (Tag Helpers)
    • Etiket yardımcılarının kullanımı açıklanır.
  • 8. Doğrulama İşlemleri
    • Sunucu taraflı doğrulama işlemlerini açıklar.
    • İstemci taraflı doğrulama işlemlerini açıklar.
  • 9. Paket Yöneticisi (Nuget)
    • Paket yöneticisi özellikleri açıklanır.
    • Paket yöneticisi kullandırılır.
  • 10. Entity Framework Core ile Veri Tabanı İşlemleri
    • EF Core özellikleri açıklanır.
    • Veri tabanı bağlantısı yaptırılır.
    • Veri tabanı işlemleri gerçekleştirilir.
  • 11. Web Servisleri
    • Web servisleri özellikleri ve çeşitleri açıklanır.
    • Web servisi ile nasıl haberleşileceği açıklanır.
  • 12. Yayınlama (Publish) İşlemleri
    • Yayınlama işlemi açıklanır.

  Dersin Amaçları

  • Bu derste öğrenciye; web sitesi tasarımı, dinamik programlama, veri tabanı işlemleri ve web sitesini yayınlama ile ilgili bilgi ve becerilerin kazandırılması amaçlanmaktadır.