Web Tabanlı Uygulama Geliştirme Yıllık Plan

T.C. MİLLİ EĞİTİM BAKANLIĞI
.......... OKUL SEÇ ..........
2026-2027 EĞİTİM ÖĞRETİM YILI 11. SINIF WEB TABANLI UYGULAMA GELİŞTİRME DERSİ DERS PLANI

Öğretmen Adı

Ders Öğretmeni

Müdür Adı

Okul Müdürü

Hafta 8 / 37
2026-2027 günlük plan ana yapı tablosu — 37 hafta
HaftaTarihSaatTema / ÜniteÜnite / TemaKonuÖğrenme Çıktısı KodlarıKazanım KodlarıÖğrenme KanıtlarıÖlçme-DeğerlendirmeBölüm / Durum
#14-18 Eylül9Web Tasarım İlkeleriWeb sitesi yayınlama / Web yazılımcısı rolleriWeb sitesi yayınlama ile ilgili temel işlemleri uygular.Yazılı Sınav, Performans GöreviDolu
#21-25 Eylül9Web Tasarım İlkeleriYeni teknolojilerin önemiYeni teknolojilerin kullanılmasının önemini açıklar.Yazılı Sınav, Performans GöreviDolu
#28 Eylül - 2 Ekim9Web Tasarım İlkeleriWeb sitesinin yapısal uygunluğuWeb sitesinin yapısal uygunluğunu açıklar.Yazılı Sınav, Performans GöreviDolu
#5-9 Ekim9Web Tasarım İlkeleriTüm platformlarla sorunsuz çalışma / Web sitesi taslak oluşturmaWeb sitesinin tüm platformlarla sorunsuz çalışması ilkesini açıklar.Yazılı Sınav, Performans GöreviDolu
#12-16 Ekim9HTMLHTML yapısı / Metin biçimlendirme etiketleriHTML yapısını kullanarak basit bir web sayfası hazırlar.Yazılı Sınav, Performans GöreviDolu
#19-23 Ekim9HTMLListeleme etiketleri / Bağlantı (link) oluşturma etiketleriListeleme etiketlerini kullanır.Yazılı Sınav, Performans GöreviDolu
#26-30 Ekim9HTMLGörsel yerleştirmeGörsel yerleştirme etiketlerini kullanır.Yazılı Sınav, Performans GöreviDolu
#2-6 Kasım9HTMLTablo oluşturmaTablo oluşturma etiketlerini kullanır.Yazılı Sınav, Performans GöreviDolu

8. Hafta — 2-6 Kasım — Tema: HTML Dolu

Ders
Web Tabanlı Uygulama Geliştirme
Sınıf
11. Sınıf
Tema / Ünite
HTML
Konu
Tablo oluşturma
Süre
9 ders saati (360 dk)
Tarih
2-6 Kasım
Hafta
8. Hafta
Belirli Gün ve Haftalar
Kızılay Haftası (29 Ekim-4 Kasım), Lösemili Çocuklar Haftası (2-8 Kasım), Organ Bağışı ve Nakli Haftası (3-9 Kasım)

Öğrenme Çıktıları ve Süreç Bileşenleri MEB

Tablo oluşturma etiketlerini kullanır.
Tablo oluşturma etiketlerinin hiyerarşik yapısı üzerinde durulur.
Satır ve sütun birleştirme işlemleri pratik örneklerle uygulatılır.

Tema Özeti DPO

HTML ünitesinin 4. haftası.

Programlar Arası Bileşenler MEB

Kavramsal BecerilerKB2.2 GözlemKB2.6 Bilgi ToplamaKB2.7 KarşılaştırmaKB2.10 Çıkarım YapmaKB2.13 YapılandırmaKB2.16 Akıl YürütmeKB2.20 SentezKB3.1 Karar VermeKB3.2 Problem Çözme
EğilimlerE1.1 MerakE3.3 YaratıcılıkE3.6 Analitiklik
Sosyal-Duygusal Öğrenme BecerileriSDB1.2 Kendini Düzenleme (Öz Düzenleme)SDB1.3 Kendine Uyarlama (Öz Yansıtma)SDB2.2 İş BirliğiSDB3.1 Sorunları ÇözmeSDB3.2 Sorunları Önleme
DeğerlerD3 Çalışkanlık
Okuryazarlık BecerileriOB1 Bilgi OkuryazarlığıOB2 Dijital Okuryazarlık

Öğrenme Kanıtları (Ölçme ve Değerlendirme) DPO

  • Yazılı Sınav
  • Performans Görevi
  • Öz Değerlendirme Formu

Temel Kabuller DPO

Önceki haftaların çıktıları (Görsel yerleştirme) edinilmiş kabul edilir.

Ön Değerlendirme Süreci DPO

Önceki haftanın çıktıları (Görsel yerleştirme) kısa sorularla yoklanır.

Köprü Kurma DPO

Görsel yerleştirme ile Tablo oluşturma arasında ilişki kurulur; tablo oluşturma hatırlatılır.

Öğrenme-Öğretme Uygulamaları DPO

  1. Derse Giriş35 dk

    Önceki haftanın çıktıları (Görsel yerleştirme) kısa sorularla yoklanır; tablo oluşturma konusuna dikkat çekilir. Kızılay Haftası (29 Ekim-4 Kasım) ile bağ kurularak derse giriş yapılır.

  2. Keşfetme110 dk

    Öğrencilerin tablo oluşturma ile ilgili ön bilgileri sorularla ortaya çıkarılır; gerçek yaşam bağlamından bir örnekle konu keşfettirilir.

  3. Uygulama160 dk

    Öğrenciler tablo oluşturma ile ilgili etkinlikleri bireysel ve grup çalışmasıyla uygular; öğretmen süreci gözlemleyip dönüt verir (Tablo oluşturma).

  4. Sonuçlandırma55 dk

    Öğrencilerin "Satır ve sütun birleştirme işlemleri pratik örneklerle uygulatılır" düzeyine ulaşması gözlenir; yazılı Sınav ile değerlendirilir.

Sınıf defteri: Tablo oluşturma; değerlendirme

Derse Giriş 35 dk

Önceki haftanın çıktıları (Görsel yerleştirme) kısa sorularla yoklanır; tablo oluşturma konusuna dikkat çekilir. Kızılay Haftası (29 Ekim-4 Kasım) ile bağ kurularak derse giriş yapılır.

Keşfetme 110 dk

Öğrencilerin tablo oluşturma ile ilgili ön bilgileri sorularla ortaya çıkarılır; gerçek yaşam bağlamından bir örnekle konu keşfettirilir.

Uygulama 160 dk

Öğrenciler tablo oluşturma ile ilgili etkinlikleri bireysel ve grup çalışmasıyla uygular; öğretmen süreci gözlemleyip dönüt verir (Tablo oluşturma).

Sonuçlandırma 55 dk

Öğrencilerin "Satır ve sütun birleştirme işlemleri pratik örneklerle uygulatılır" düzeyine ulaşması gözlenir; yazılı Sınav ile değerlendirilir.

Farklılaştırma Boş

ZÖğretmen tarafından doldurulacak
DÖğretmen tarafından doldurulacak

Araç-Gereç ve Kaynaklar DPO

Araç-Gereç
  • Ders kitabı
  • Etkileşimli tahta
Kaynaklar
  • Web Tabanlı Uygulama Geliştirme Dersi Öğretim Programı (MEB, Türkiye Yüzyılı Maarif Modeli)

Öğretmen Görüşleri

BÖLÜM I

Ders
Web Tabanlı Uygulama Geliştirme
Sınıf
11. Sınıf
Ünite / Tema
HTML
Konu
Tablo oluşturma
Önerilen Süre
9 ders saati (360 dk)
Tarih
2-6 Kasım
Hafta
8. Hafta
Belirli Gün ve Haftalar
Kızılay Haftası (29 Ekim-4 Kasım), Lösemili Çocuklar Haftası (2-8 Kasım), Organ Bağışı ve Nakli Haftası (3-9 Kasım)

BÖLÜM II DPO

Kazanımlar
Tablo oluşturma etiketlerini kullanır.
Açıklamalar YZ
  • Tablo oluşturma etiketlerinin hiyerarşik yapısı üzerinde durulur.
  • Satır ve sütun birleştirme işlemleri pratik örneklerle uygulatılır.
Öğrenme-Öğretme Yöntem ve Teknikleri
  • Anlatım
  • Soru-Cevap
  • Problem Çözme
  • Gösterip Yaptırma
Kullanılan Eğitim Teknolojileri, Araç ve Gereçler
Araç-Gereç
  • Ders kitabı
  • Etkileşimli tahta
Kaynaklar
  • Web Tabanlı Uygulama Geliştirme Dersi Öğretim Programı (MEB, Türkiye Yüzyılı Maarif Modeli)
Öğrenme-Öğretme Etkinlikleri
Dikkat Çekme

Tablo oluşturma ile ilgili günlük yaşamdan ya da meslekten bir örnek veya soru ile derse başlanır.

Güdüleme

Tablo oluşturma konusunun meslekteki ve günlük yaşamdaki yeri vurgulanır.

Gözden Geçirme

Önceki haftanın konusu (Görsel yerleştirme) kısaca tekrar edilir.

Derse Geçiş

Haftanın kazanımı öğrencilerle paylaşılır: Tablo oluşturma etiketlerini kullanır.

Bireysel Öğrenme Etkinlikleri

Anlatım, soru-cevap ve gösterip yaptırma ile:
1) Tablo oluşturma etiketlerinin hiyerarşik yapısı üzerinde durulur.

Grupla Öğrenme Etkinlikleri

Atölye/laboratuvar uygulaması (grup çalışması, öğretmen gözetiminde):
1) Satır ve sütun birleştirme işlemleri pratik örneklerle uygulatılır.

Özet

Haftanın konuları öğrencilerle birlikte özetlenir; bir sonraki dersin konusu duyurulur.

BÖLÜM III — Ölçme-Değerlendirme

Bireysel Öğrenme Etkinliklerine Yönelik Ölçme-Değerlendirme
  • Yazılı Sınav
  • Performans Görevi
  • Öz Değerlendirme Formu
Grupla Öğrenme Etkinliklerine Yönelik Ölçme-Değerlendirme
  • Grup çalışması gözlem formu
Öğrenme Güçlüğü Olan ve İleri Düzey Öğrenciler İçin Ek Ölçme-Değerlendirme

    BÖLÜM IV — Planın Uygulanmasına İlişkin Açıklamalar

    • Belirtilen tarihlerde ve haftalarda, müfredat programına göre değişiklikler yapılabilir.
    • Öğrenci merkezli öğretim yöntemleri ve teknikleri aktif olarak kullanılacaktır.
    • Ölçme ve değerlendirme süreçlerinde çeşitlilik sağlanacak ve süreç odaklı değerlendirme yapılacaktır.
    • Bireysel farklılıklar dikkate alınarak öğretime yön verilecektir.
    • Teknoloji entegrasyonu ile öğrenme süreçleri desteklenecektir.
    #9-13 Kasım9HTMLForm uygulamasıForm uygulaması gerçekleştirir.Yazılı Sınav, Performans GöreviDolu
    16-20 KasımAkademik Takvim 1. Dönem Ara Tatil
    #23-27 Kasım9HTMLHTML5 semantik etiketleriHTML5 semantik etiketlerini kullanır.Yazılı Sınav, Performans GöreviDolu
    #30 Kasım - 4 Aralık9HTMLMedya öğeleri / Açıklama satırlarıMedya öğelerini web sayfasına ekler.Yazılı Sınav, Performans GöreviDolu
    #7-11 Aralık9Basamaklı Stil ŞablonuBasamaklı stil şablonu kullanım amacı / Basamaklı stil şablonu uygulama yöntemleriBasamaklı stil şablonu (CSS) kullanım amacını açıklar.Yazılı Sınav, Performans GöreviDolu
    #14-18 Aralık9Basamaklı Stil ŞablonuSeçicilerSeçicileri kullanarak elemanlara stil uygular.Yazılı Sınav, Performans GöreviDolu
    #21-25 Aralık9Basamaklı Stil ŞablonuKutu modeli uygulamalarıKutu modeli uygulamaları yapar.Yazılı Sınav, Performans GöreviDolu
    #28 Aralık - 1 Ocak9Basamaklı Stil ŞablonuYerleşim özellikleriYerleşim özellikleri uygulamaları yapar.Yazılı Sınav, Performans GöreviDolu
    #4-8 Ocak9Basamaklı Stil ŞablonuRenk özellikleriRenk tanımlama yöntemlerini yapar.Yazılı Sınav, Performans GöreviDolu
    #11-15 Ocak9Basamaklı Stil ŞablonuMetin (tipografi)Metin (tipografi) uygulamaları yapar.Yazılı Sınav, Performans GöreviDolu
    #18-22 Ocak9Basamaklı Stil ŞablonuDuyarlı tasarım / CSS framework kavramıDuyarlı (responsive) tasarım uygulamaları yapar.Yazılı Sınav, Performans GöreviDolu
    25-29 OcakAkademik Takvim Yarıyıl Tatili
    1-5 ŞubatAkademik Takvim Yarıyıl Tatili
    #8-12 Şubat9Arayüz Kütüphaneleri ile Duyarlı TasarımBootstrap kütüphanesiBootstrap kütüphanesi kullanımını yapar.Yazılı Sınav, Performans GöreviDolu
    #15-19 Şubat9Arayüz Kütüphaneleri ile Duyarlı TasarımIzgara sistemiIzgara sistemi kullanarak sayfa yerleşimi yapar.Yazılı Sınav, Performans GöreviDolu
    #22-26 Şubat9Arayüz Kütüphaneleri ile Duyarlı TasarımSayfa düzeni tasarlamaSayfa düzenini tasarlayıp içeriği organize eder.Yazılı Sınav, Performans GöreviDolu
    #1-5 Mart9Arayüz Kütüphaneleri ile Duyarlı TasarımBootstrap bileşenleri / Arayüz tasarımı geliştirmeBootstrap kütüphanesi bileşenlerini kullanır.Yazılı Sınav, Performans GöreviDolu
    8-12 MartAkademik Takvim 2. Dönem Ara Tatil
    #15-19 Mart9Etkileşimli Web ProgramlamaJavascript uygulaması / Karar kontrol yapılarıJavascript uygulaması yapar.Yazılı Sınav, Performans GöreviDolu
    #22-26 Mart9Etkileşimli Web ProgramlamaDöngü yapılarıDöngü yapıları ile tekrarlı işlemleri yönetir.Yazılı Sınav, Performans GöreviDolu
    #29 Mart - 2 Nisan9Etkileşimli Web ProgramlamaFonksiyon işlemleriFonksiyon işlemleri gerçekleştirir.Yazılı Sınav, Performans GöreviDolu
    #5-9 Nisan9Etkileşimli Web ProgramlamaHTML içeriğini javascript ile değiştirmeHTML içeriğini JavaScript ile değiştirir.Yazılı Sınav, Performans GöreviDolu
    #12-16 Nisan9Etkileşimli Web ProgramlamaOlay tabanlı etkileşimOlay tabanlı etkileşimleri uygular.Yazılı Sınav, Performans GöreviDolu
    #19-23 Nisan9Etkileşimli Web ProgramlamaJquery kütüphanesi / JSON verilerijQuery kütüphanesini kullanır.Yazılı Sınav, Performans GöreviDolu
    #26-30 Nisan9MVC Uygulama MimarisiArka uç yazılım mimarisi temel kavramları / İstemci–sunucu mimarisi temel iletişim yapısıArka uç yazılım mimarisinin temel kavramlarını açıklar.Yazılı Sınav, Performans GöreviDolu
    #3-7 Mayıs9MVC Uygulama Mimarisi.Net proje konfigürasyonu ile ara yazılım yönetimi.NET proje konfigürasyonu ile ara yazılım (Middleware) yönetimi gerçekleştirir.Yazılı Sınav, Performans GöreviDolu
    #10-14 Mayıs9MVC Uygulama MimarisiRazorview engine ile dinamik arayüz tasarlamaRazorView Engine kullanarak dinamik arayüzler tasarlar.Yazılı Sınav, Performans GöreviDolu
    #17-21 Mayıs9MVC Uygulama MimarisiAkış kontrolüAkış kontrolünü sağlar.Yazılı Sınav, Performans GöreviDolu
    #24-28 Mayıs9MVC Uygulama MimarisiVeri transfer yöntemleri / YönlendirmeVeri transfer yöntemleri ile model bağlama işlemlerini uygular.Yazılı Sınav, Performans GöreviDolu
    #31 Mayıs - 4 Haziran9Veri Tabanı İşlemleriVeri tabanı işlemleriVeri tabanı işlemlerini uygular.Yazılı Sınav, Performans GöreviDolu
    #7-11 Haziran9Veri Tabanı İşlemleriEntityframeworkcore ile veri tabanı işlemleri / Data transfer object yaklaşımıEntity Framework Core ile veri tabanı işlemlerini uygular.Yazılı Sınav, Performans GöreviDolu
    #14-18 Haziran9Projeyi YayınlamaBirim test süreçleri / Yayınlama işlemleriBirim test süreçlerini uygular.Yazılı Sınav, Performans GöreviDolu
    #21-25 Haziran9Sosyal EtkinlikSosyal EtkinlikOkul temelli planlama kapsamında sosyal etkinlik haftasıBoş Sosyal Etkinlik

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

    • 11. Sınıf Web Tabanlı Uygulama Geliştirme Yıllık Planı (çerçeve / ünitelendirilmiş yıllık plan)
    • Ders İçeriği

      Radyo-Televizyon - Protokol - Radyo-Televizyon (Mesleki ve Teknik Anadolu Lisesi) alanında Web Tabanlı Uygulama Geliştirme dersi 11. sınıf 2026-2027 eğitim öğretim yılı günlük planı (haftalık ders planı). Haftalık 9 ders saati.

      Üniteler ve Konular

      1. Web Tasarım İlkeleri (39 ders saati)

      Web tasarım ilkelerini uygulayabilme

      • 1. Web sitesi yayınlama
        • Web sitesi yayınlama ile ilgili temel işlemleri uygular.
      • 2. Web yazılımcısı rolleri
        • Web yazılımcısı rollerini açıklar.
      • 3. Yeni teknolojilerin önemi
        • Yeni teknolojilerin kullanılmasının önemini açıklar.
      • 4. Web sitesinin yapısal uygunluğu
        • Web sitesinin yapısal uygunluğunu açıklar.
      • 5. Tüm platformlarla sorunsuz çalışma
        • Web sitesinin tüm platformlarla sorunsuz çalışması ilkesini açıklar.
      • 6. Web sitesi taslak oluşturma
        • Web sitesi taslağı oluşturur.

      2. HTML (66 ders saati)

      HTML kullanarak web sitesi oluşturabilme

      • 1. HTML yapısı
        • HTML yapısını kullanarak basit bir web sayfası hazırlar.
      • 2. Metin biçimlendirme etiketleri
        • Metin biçimlendirme etiketlerini web sayfasında uygun bir şekilde kullanır.
      • 3. Listeleme etiketleri
        • Listeleme etiketlerini kullanır.
      • 4. Bağlantı (link) oluşturma etiketleri
        • Bağlantı (link) oluşturma etiketlerini kullanır.
      • 5. Görsel yerleştirme
        • Görsel yerleştirme etiketlerini kullanır.
      • 6. Tablo oluşturma
        • Tablo oluşturma etiketlerini kullanır.
      • 7. Form uygulaması
        • Form uygulaması gerçekleştirir.
      • 8. HTML5 semantik etiketleri
        • HTML5 semantik etiketlerini kullanır.
      • 9. Medya öğeleri
        • Medya öğelerini web sayfasına ekler.
      • 10. Açıklama satırları
        • HTML kod yapısını açıklama satırlarıyla düzenlemeyi açıklar.

      3. Basamaklı Stil Şablonu (58 ders saati)

      Basamaklı stil şablonu (CSS) uygulamalarını yapabilme

      • 1. Basamaklı stil şablonu kullanım amacı
        • Basamaklı stil şablonu (CSS) kullanım amacını açıklar.
      • 2. Basamaklı stil şablonu uygulama yöntemleri
        • Basamaklı stil şablonu uygulama yöntemlerini açıklar.
      • 3. Seçiciler
        • Seçicileri kullanarak elemanlara stil uygular.
      • 4. Kutu modeli uygulamaları
        • Kutu modeli uygulamaları yapar.
      • 5. Yerleşim özellikleri
        • Yerleşim özellikleri uygulamaları yapar.
      • 6. Renk özellikleri
        • Renk tanımlama yöntemlerini yapar.
      • 7. Metin (tipografi)
        • Metin (tipografi) uygulamaları yapar.
      • 8. Duyarlı tasarım
        • Duyarlı (responsive) tasarım uygulamaları yapar.
      • 9. CSS framework kavramı
        • CSS framework kavramını açıklar.

      4. Arayüz Kütüphaneleri ile Duyarlı Tasarım (32 ders saati)

      Arayüz kütüphaneleri ile duyarlı tasarım uygulamaları yapabilme

      • 1. Bootstrap kütüphanesi
        • Bootstrap kütüphanesi kullanımını yapar.
      • 2. Izgara sistemi
        • Izgara sistemi kullanarak sayfa yerleşimi yapar.
      • 3. Sayfa düzeni tasarlama
        • Sayfa düzenini tasarlayıp içeriği organize eder.
      • 4. Bootstrap bileşenleri
        • Bootstrap kütüphanesi bileşenlerini kullanır.
      • 5. Arayüz tasarımı geliştirme
        • Kullanıcı odaklı arayüz tasarımı geliştirir.

      5. Etkileşimli Web Programlama (52 ders saati)

      Etkileşimli web programlama uygulamalarını yapabilme

      • 1. Javascript uygulaması
        • Javascript uygulaması yapar.
      • 2. Karar kontrol yapıları
        • Karar kontrol yapılarını kullanır.
      • 3. Döngü yapıları
        • Döngü yapıları ile tekrarlı işlemleri yönetir.
      • 4. Fonksiyon işlemleri
        • Fonksiyon işlemleri gerçekleştirir.
      • 5. HTML içeriğini javascript ile değiştirme
        • HTML içeriğini JavaScript ile değiştirir.
      • 6. Olay tabanlı etkileşim
        • Olay tabanlı etkileşimleri uygular.
      • 7. Jquery kütüphanesi
        • jQuery kütüphanesini kullanır.
      • 8. JSON verileri
        • JSON formatında verileri işler.

      6. MVC Uygulama Mimarisi (45 ders saati)

      MVC uygulama mimarisini kullanabilme

      • 1. Arka uç yazılım mimarisi temel kavramları
        • Arka uç yazılım mimarisinin temel kavramlarını açıklar.
      • 2. İstemci–sunucu mimarisi temel iletişim yapısı
        • İstemci–sunucu mimarisini tanıyarak temel iletişim yapısını açıklar.
      • 3. .Net proje konfigürasyonu ile ara yazılım yönetimi
        • .NET proje konfigürasyonu ile ara yazılım (Middleware) yönetimi gerçekleştirir.
      • 4. Razorview engine ile dinamik arayüz tasarlama
        • RazorView Engine kullanarak dinamik arayüzler tasarlar.
      • 5. Akış kontrolü
        • Akış kontrolünü sağlar.
      • 6. Veri transfer yöntemleri
        • Veri transfer yöntemleri ile model bağlama işlemlerini uygular.
      • 7. Yönlendirme
        • Yönlendirme mekanizmalarını kurar.

      7. Veri Tabanı İşlemleri (19 ders saati)

      Veri tabanı işlemlerini yapabilme

      • 1. Veri tabanı işlemleri
        • Veri tabanı işlemlerini uygular.
      • 2. Entityframeworkcore ile veri tabanı işlemleri
        • Entity Framework Core ile veri tabanı işlemlerini uygular.
      • 3. Data transfer object yaklaşımı
        • Data Transfer Object yaklaşımını uygular.

      8. Projeyi Yayınlama (13 ders saati)

      Birim testleri yaparak uygulamayı yayınlayabilme

      • 1. Birim test süreçleri
        • Birim test süreçlerini uygular.
      • 2. Yayınlama işlemleri
        • Yayınlama işlemlerini uygular.

    İlgili Planlar

    Bu ders 11 ve 12. sınıfta aynı programla okutulur; iki sınıfta üniteler ve konular aynıdır.