2025-2026 Eğitim Öğretim Yılı Web Tabanli Uygulama Geli̇şti̇rme(Yeni*) dersi Yllık Planı

<div class="col-12 text-center" style="font-weight: bold; text-align: center; margin-bottom: 20px; font-size:12pt;">
                                                                                <p style="font-weight: bold; font-size: 12pt; line-height: 1.5;">
                                        2025-2026 EĞİTİM-ÖĞRETİM YILI  .......................................................................... <br>
                                         BILIŞIM TEKNOLOJILERI ALANI  11. SINIF   WEB TABANLI UYGULAMA GELİŞTİRME(YENI*)  DERSİ ÜNİTELENDRİLMİŞ YILLIK PLANI
                                       </p>

</div>

<div class="col-12 table-responsive" style="font-size:9pt;">
                                        <table width="100%" style="border:none;margin-bottom:20px;border-collapse: collapse;">
                                            <thead>
                                                <tr>
                                                    <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;width:5%;">Ay</th>
                                                    <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;width:8%;">Hafta</th>
                                                    <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;width:5%;">Saat</th>
                                                    <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;width:12%;">Ünite</th>
                                                    <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;width:12%;">Konu</th>
                                                    <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;width:15%;">Kazanım</th>
                                                    <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;width:15%;">Kazanım Açıklaması</th>
                                                    <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;width:8%;">Etkinlik</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                                                                                                                                                                                                                                                               <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">EYLÜL</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            1. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            08-12 Eylül
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Temel Kavramlar</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.   Web Sayfası Yayınlamada Temel Kavramlar / 2.   Web Yazılımcısı rolleri / 3.  İşaretleme Dili(HTML) / 4.  Basamaklı Stil Şablonu (CSS) / 5.  What You See İs What You Get (WYSIWYG) Editör</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Web Sayfası yayınlama ile ilgili temel kavramları açıklar.
 Web yazılımcısı rollerini açıklar.
 İşaretleme      Dili(HTML)      kodlarının      kullanılabileceği editörlere örnek verir.
 Basamaklı  stil  şablonu  (CSS  –  Cascaded  Style  Sheet) kavramını açıklar.
 WYSIWYG   (What   you   see   is   what   you   get)   editör kullanımını açıklar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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.
 •      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.
 •      HTML kavramı açıklanır.
 •      HTML kodlarının kullanılabileceği editörler açıklanır.
 •      CSS kavramı açıklanır.
 •      WYSIWYG kavramı açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Uluslararası Temiz Hava Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">EYLÜL</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            2. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            15-19 Eylül
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Web Tasarım İlkeleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.  İçerik / 2.  Tasarım / 3.  Biçimsellik / 4.  İşlevsellik ve Kullanılabilirlik / 5  Güncellik / 6   Uygunluk ve Güvenilirlik / 7.   Uyumluluk</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Tasarım açısından içeriğin önemini açıklar.
 Tasarımda  yerleşim  planını  uygun  bir  şekilde  olmasını sağlar.
 Renk düzeni, okunabilirlik, içerik - tasarım ilişkisini kurar.
 Web    sitesinin    kullanıcı    dostu    olmasını    ve    erişim kolaylığını sağlar.
 Yeni teknolojilerin kullanılmasının önemini açıklar.
 Web sitesinin, alan adı, içerik vb konularda uygunluğunu açıklar.
 Web   sitesinin   tüm   platformlarda   sorunsuz   çalışması ilkesini açıklar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Tasarım açısından içeriğin önemi açıklanır.
 •      İçerikte   kullanılacak   resim   ve   metinlerin   belirlenmesi açıklanır.
 •      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.
 •      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.
 •      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.
 •      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.
 •      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.
 •      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.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">İlköğretim Haftası, Mevlid-i Nebî Haftası, Öğrenciler Günü, Gaziler Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">EYLÜL</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            3. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            22-26 Eylül
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HTML5</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.  HTML5 belge yapısı / 2.   Başlık elemanları</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             HTML5  belge  yapısını  kullanarak  basit  bir  web  sayfası hazırlar.
 H1-H6  elemanlarını  web  sayfasında  uygun  bir  şekilde kullanır.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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.
 •      em kavramı açıklanır.
 •      H1-H6 elemanlarının özellikleri açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">EYLÜL</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            4. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            29 Eylül-
                                                                03 Ekim
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HTML5</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3.  Paragraflar ve metin biçimlendirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Paragraflar  ve  metin  biçimlendirme  elemanlarını  uygun bir şekilde web sayfasında kullanır.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Disleksi Haftası, Dünya Disleksi Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">EKIM</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            5. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            06-10 Ekim
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HTML5</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">4.   Yerleşim elemanları</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Yerleşim   (Layout)   elemanlarını   kullanarak   örnek   web uygulamaları geliştirir.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Ahilik Kültürü Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">EKIM</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            6. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            13-17 Ekim
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HTML5</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">5.  Resim, video ve ses (medya) elemanları</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Web  sayfası  içerisinde  resim,  ses/video  gösteren  HTML5 kodlarını uygular.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">EKIM</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            7. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            20-24 Ekim
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HTML5</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.  Bağlantı elemanları</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Web  sayfaları  arasında  bağlantı  sağlayan  HTML  kodunu uygular.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Bağlantı(köprü) özellikleri açıklanır.
 •      Bağlantı  elemanlarının  özellikleri  ve  kullanım   şekilleri açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">EKIM</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            8. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            27-31 Ekim
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HTML5</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">7.  Form elemanları</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Form  elemanlarının  özelliklerini  gösteren  HTML5  kodunu uygular.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Formların yapısı açıklanır.
 •      Form nesnelerinin görevleri açıklanır.
 •      Form    elemanları    özellikleri    ve    çalışma    prensipleri açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Cumhuriyet Bayramı</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">KASIM</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            9. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            03-07 Kasm
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Basamaklı Stil Şablonu (CSS)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.  CSS Ekleme Yönemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                <b>1. Dönem 1. Sınav</b><br>
                                                                                                             Stil uygulanacak olan elemanların seçimini yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Stil  uygulanacak  elemanların  seçiminin  nasıl  yapılacağı açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Kızılay Haftası, Organ Bağışı ve Nakli Haftası, Lösemili Çocuklar Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">KASIM</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            10. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            10-14 Kasm
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1. Dönem Ara Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1. Dönem Ara Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                            1. Dönem Ara Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Atatürk Haftası, Afet Eğitimi Hazırlık Günü, Dünya Diyabet Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">KASIM</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            11. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            17-21 Kasm
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Basamaklı Stil Şablonu (CSS)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">2.   Kutu Modeli Özellikleri ve Çalışma Prensipleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Kutu modeli özelliklerini açıklar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Dünya Felsefe Günü, Dünya Çocuk Hakları Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">KASIM</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            12. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            24-28 Kasm
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Basamaklı Stil Şablonu (CSS)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3.  Renk kullanımı ve Tipografi</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             RGB (Red, Green, Blue / Kırmızı, Yeşil, Mavi) değerleri ile renk tanımı yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Web sayfasında kullanılacak renk tanımlamasını yaptırır.
 •      Tipografi özellikleri açıklanır.
 •      Tipografi kullanımı açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Ağız ve Diş Sağlığı Haftası, Öğretmenler Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ARALIK</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            13. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            01-05 Aralık
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Basamaklı Stil Şablonu (CSS)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">4.  Duyarlılık (Responsivity)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Duyarlılık (Responsivity) kavramının önemini açıklar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Dünya Engelliler Günü, Dünya Madenciler Günü, Türk Kadınına Seçme ve Seçilme Hakkının Verilişi</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ARALIK</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            14. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            08-12 Aralık
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Basamaklı Stil Şablonu (CSS)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">4.  Duyarlılık (Responsivity)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Duyarlılık (Responsivity) kavramının önemini açıklar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Mevlana Haftası, İnsan Hakları ve Demokrasi Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ARALIK</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            15. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            15-19 Aralık
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etkileşim (Javascript)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.  Javascript kod yapısı ve Değişkenler</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Değişkenler ve veri tiplerini kullanarak etkileşimli sayfalar geliştirir.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Tutum, Yatırım ve Türk Malları Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ARALIK</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            16. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            22-26 Aralık
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etkileşim (Javascript)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">2.  Olaylar ve Fonksiyonlar</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Fonksiyon türlerini kullanarak etkileşimli sayfa geliştirir.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •     Olayların kullanımını açıklar
 •     Olay çeşitlerini sıralar.
 •     Fonksiyon kullanımı açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Mehmet Akif Ersoy'u Anma Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ARALIK</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            17. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            29 Aralık-
                                                                02 Ocak
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etkileşim (Javascript)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3. Kontrol yapıları</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Kontrol yapılarını kullanarak etkileşimli sayfa geliştirir.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Koşullu ifadelerin kullanımı açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">OCAK</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            18. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            05-09 Ocak
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etkileşim (Javascript)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">4.  Diziler</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                <b>1. Dönem 2. Sınav</b><br>
                                                                                                             Dizileri kullanarak etkileşimli sayfa geliştirir.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Dizilerin kullanımı açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Enerji Tasarrufu Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">OCAK</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            19. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            12-16 Ocak
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etkinlik Haftası</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etkinlik Haftası</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                            Etkinlik Haftası</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">OCAK</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            20. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            19-23 Ocak
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Yarıyıl Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Yarıyıl Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                            Yarıyıl Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">OCAK</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            21. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            26-30 Ocak
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Yarıyıl Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Yarıyıl Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                            Yarıyıl Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ŞUBAT</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            22. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            02-06 Şubat
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.   .Net Core teknolojisi</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             .Net Core özelliklerini açıklar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      .Net Core teknolojisi ile ilgili özellikler açıklanır.
 •      Diğer teknolojilerden farkları açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ŞUBAT</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            23. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            09-13 Şubat
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">2.  MVC tasarım deseni</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             MVC tasarım desenini kullanarak web uygulamaları geliştirir</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      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.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ŞUBAT</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            24. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            16-20 Şubat
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3.   Standart klasör ve sayfalar</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Standart klasör ve sayfaları kullanarak web uygulamaları geliştirir.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Standart  klasör  ve  sayfaların  kullanımıyla  ilgili  özellikler açıklanır.
 •      Konfigürasyon yöntemlerinin özellikleri açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ŞUBAT</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            25. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            23-27 Şubat
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">4.  Ara katman (Middleware)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Ara katman (Middleware) yapısını kullanır.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Ara katman yapısının kullanımı açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Vergi Haftası, Yeşilay Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">MART</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            26. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            02-06 Mart
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">5.  Yönlendirme (Routing)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Yönlendirme (Routing) mekanizmasını kullanır.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Yönlendirme mekanizmasının özellikleri kullanılır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Girişimcilik Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">MART</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            27. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            09-13 Mart
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6  Form İşlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Form işlemleri ve model doğrulama yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Form işlemleri ve form özellikleri açıklanır.
 •      Form doğrulama özellikleri açıklanır.
 •      Form kullandırılır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Bilim ve Teknoloji Haftası, İstiklâl Marşı'nın Kabulü ve Mehmet Akif Ersoy'u Anma Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">MART</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            28. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            16-20 Mart
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">2. Dönem Ara Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">2. Dönem Ara Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                            2. Dönem Ara Tatili</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Tüketiciyi Koruma Haftası, Türk Dünyası ve Toplulukları Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">MART</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            29. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            23-27 Mart
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">7.   Etiket yardımcıları (Tag Helpers)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Etiket yardımcılarını (Tag Helpers) kullanır.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Etiket yardımcılarının kullanımı açıklanır
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Orman Haftası, Dünya Tiyatrolar Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">MART</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            30. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            30 Mart-
                                                                03 Nisan
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8.  Doğrulama İşlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Doğrulama işlemleri yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Sunucu taraflı doğrulama işlemlerini açıklar.
 •      İstemci taraflı doğrulama işlemlerini açıklar.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Kütüphaneler Haftası, Kanser Haftası, Dünya Otizm Farkındalık Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">NISAN</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            31. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            06-10 Nisan
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">9.  Paket yöneticisi (Nuget)</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                <b>2. Dönem 1. Sınav</b><br>
                                                                                                             Paket yöneticisini (Nuget) kullanır.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Paket yöneticisi özellikleri açıklanır.
 •      Paket yöneticisi kullandırılır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Kanser Haftası, Dünya Sağlık Günün/Dünya Sağlık Haftası, Kişisel Verileri Koruma Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">NISAN</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            32. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            13-17 Nisan
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">10.  Entity framework core ile veri tabanı işlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Entity Framework Core ile veri tabanı işlemlerini yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      EF Core özellikleri açıklanır.
 •      Veri tabanı bağlantısı yaptırılır.
 •      Veri tabanı işlemleri gerçekleştirilir.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Turizm Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">NISAN</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            33. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            20-24 Nisan
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">11.Web servisleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Web servislerini kullanır.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Web servisleri özellikleri ve çeşitleri açıklanır.
 •      Web servisi ile nasıl haberleşileceği açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Ulusal Egemenlik ve Çocuk Bayramı</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">NISAN</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            34. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            27 Nisan-
                                                                01 Mayıs
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">12. Yayınlama (Publish) İşlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Yayınlama (Publish) işlemini yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Yayınlama işlemi açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Kût'ül Amâre Zaferi</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">MAYIS</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            35. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            04-08 Mayıs
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">12. Yayınlama (Publish) İşlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Yayınlama (Publish) işlemini yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Yayınlama işlemi açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Bilişim Haftası, Trafik ve İlkyardım Haftası, İş Sağlığı ve Güvenliği Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">MAYIS</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            36. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            11-15 Mayıs
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">12. Yayınlama (Publish) İşlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Yayınlama (Publish) işlemini yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Yayınlama işlemi açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Engelliler Haftası, Vakıflar Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">MAYIS</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            37. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            18-22 Mayıs
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">12. Yayınlama (Publish) İşlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Yayınlama (Publish) işlemini yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Yayınlama işlemi açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Müzeler Haftası, Atatürk'ü Anma ve Gençlik ve Spor Bayramı</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">MAYIS</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            38. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            25-29 Mayıs
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">12. Yayınlama (Publish) İşlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Yayınlama (Publish) işlemini yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Yayınlama işlemi açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etik Günü, İstanbul'un Fethi</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HAZIRAN</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            39. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            01-05 Haziran
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">12. Yayınlama (Publish) İşlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                <b>2. Dönem 2. Sınav</b><br>
                                                                                                             Yayınlama (Publish) işlemini yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Yayınlama işlemi açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etik Günü, Hayat Boyu Öğrenme Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HAZIRAN</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            40. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            08-12 Haziran
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">12. Yayınlama (Publish) İşlemleri</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                             Yayınlama (Publish) işlemini yapar.</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"> •      Yayınlama işlemi açıklanır.
</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etik Günü, Çevre ve İklim Değişikliği Haftası</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HAZIRAN</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            41. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            15-19 Haziran
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Genel Tekrar</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Genel Tekrar</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                            Genel Tekrar</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Genel Tekrar</td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etik Günü</td>
                                                </tr>
                                                                                                                                                                                                <tr>
                                                    <td style="text-align: center; vertical-align:top;writing-mode: vertical-rl;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HAZIRAN</td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                        <div style="margin-bottom: 5px;">
                                                            42. Hafta:
                                                        </div>
                                                        <div>
                                                                                                                            22-26 Haziran
                                                                                                                    </div>
                                                    </td>
                                                    <td style="text-align: center; vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">8</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etkinlik Haftası</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etkinlik Haftası</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                            Etkinlik Haftası</td>
                                                    <td style="vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;"></td>
                                                    <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etik Günü</td>
                                                </tr>
                                                                                                                                                                                            </tbody>
                                        </table>
                                        </div>
                                                                                <div class="col-12 table-responsive" style="font-size:10pt;">
                                            <table width="100%" style="border:none;margin-bottom:20px;border-collapse: collapse;">
                                                <thead>
                                                    <tr>
                                                        <th colspan="2" style="text-align:center; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Temrin Listesi</th>
                                                    </tr>
                                                    <tr>
                                                        <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;width:20%;">Ünite</th>
                                                        <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Temrin</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                                                                                                                               <tr>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Temel Kavramlar</td>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.   Boş alan adı sorgulamak.
2.   Kişisel alan adı almak.
3.   Barındırma (Hosting) almak.
4.   ASP.NET Hosting ayarları yapmak. (.Net Core Runtime kurmak)
5.   ASP.net Core örnek web siteleri incelemek.
6.   Front-end, back-end, full stack kavramları hakkında sunum hazırlamak.
7.   Basit bir HTML sayfası oluşturmak.
8.   Oluşturulan HTML sayfasına basit bir CSS kodu yerleştirmek.
9.   Oluşturulan HTML sayfasına basit bir Javascript kodu yerleştirmek.
10. Visual Studio (Community Edition) programını kurmak.
11. Server/Client iletişimi hakkındaki sunuları ve videoları incelemek.</td>
                                                     </tr>
                                                                                                                                                                                                                    <tr>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Web Tasarım İlkeleri</td>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.   Kütüphane takip sistemi için yapılmış örnek web sitelerini incelemek.
2.   Kütüphane takip sistemi için web tasarım ilkelerine uygun tasarım kurgulamak.
3.   Uyumlu renk düzeni seçmek.
4.   Yazı fontlarını belirlemek.
5.     Web sitesinde kullanılacak içerikleri hazırlamak. (Metin, ses, resim, video, vd.)</td>
                                                     </tr>
                                                                                                                                                                                                                    <tr>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">HTML5</td>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.   HTML5 belge yapısını kullanarak sayfa hazırlamak.
2.   H1-H6 elemanlarının sayfa içerisinde yerleşimini yapmak.
3.   Paragraflar ve metin biçimlendirme elemanlarını web sayfasında kullanmak.
4.   Sayfa görünümünü tasarlamak.
5.   Resim, video ve ses elemanlarını sayfada kullanmak.
6.   Site içi ve site dışı bağlantıları yapmak.
7.   Kütüphane takip sisteminde kullanılacak kitap listesi için tablo hazırlamak.
8.     Kütüphane takip sisteminde kullanılacak yeni kitap kaydı için form oluşturmak.</td>
                                                     </tr>
                                                                                                                                                                                                                    <tr>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Basamaklı Stil Şablonu (CSS)</td>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.    Tüm HTML elemanlarına görünüm stilleri uygulamak.
2.    Sayfayı sütunlara bölmek.
3.   Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.</td>
                                                     </tr>
                                                                                                                                                                                                                                                                                                                              <tr>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Etkileşim (Javascript)</td>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">1.    Çok seviyeli açılır menü yapmak.
2.    Aşağı açılır menü yapmak.
3.   jQuery ile dinamik HTML işlemleri uygulamak.</td>
                                                     </tr>
                                                                                                                                                                                                                                                                                                                                                                                                                                        <tr>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Arka Uç Yazılım Geliştirme</td>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Kütüphane takip sisteminde;
1.    Kitapları listelemek
2.    Listelemede sayfalama kullanmak
3.    Kitap adına göre, yazara göre ve benzeri kriterlere göre arama yapmak
4.    Yeni kitap kaydı eklemek
5.    Kitap kaydı güncellemek
6.    Kitap listesinden kayıt silmek
7.    Veri tabanını oluşturmak
8.    Veri tabanı bağlantısını konfigürasyon özelliklerini kullanarak sağlamak.
9.    Paket yöneticisinden gerekli paketleri projeye eklemek
10.  Kitap listesinin web servisini hazırlamak ve bu servisi bir istemci üzerinden çağırmak.
11.  Biten web sitesini yayınlamak.
12. Biten sitenin SEO skorunu belirlemek, sitedeki SEO hatalarını düzeltmek.</td>
                                                     </tr>
                                                                                                                                                                                                                                                                                                                                                                              </tbody>
                                            </table>
                                        </div>
                                        <div class="col-12 table-responsive" style="font-size:10pt;">
                                            <table width="100%" style="border:none;margin-bottom:20px;border-collapse: collapse;">
                                                <thead>
                                                    <tr>
                                                        <th colspan="2" style="text-align:center; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Derse Ait Diğer Bilgiler</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                                                                         <tr>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;" class="font-weight-bold">Eğitim-Öğretim Ortam ve Donanımı</td>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                            Ortam: Bilişim Teknolojileri laboratuvarı,
Donanım: Akıllı tahta/projeksiyon, bilgisayar, yazıcı/tarayıcı
                                                                                                                    </td>
                                                    </tr>
                                                    <tr>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;" class="font-weight-bold">Ölçme ve Değerlendirme</td>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                            Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu, derecelendirme  ölçeği  ve  dereceli  puanlama  anahtarı  gibi  ölçme  araçlarından  uygun  ol  anlar seçilerek   kullanılabilir.   Bunun   yanında   öz  değerlendirme   ve  akran   değerlendirme  formları kullanılarak öğrencilerin, öğretimin süreç boyutuna katılmaları sağlanabilir.
                                                                                                                    </td>
                                                    </tr>

<tr>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;" class="font-weight-bold">Plan Hakkında</td>
                                                        <td style="vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                            <ul class="pl-3 mb-0">
                                                                <li>Bu plan Talim Terbiye Kurulunun yayınladıı Çerçeve Öğretim Program ve Ders Bilgi Formlarına göre hazırlanmıştır.</li>
                                                                <li>Atatürkçülük konuları ile ilgili olarak Talim ve Terbiye Kurulu Başkanlığının 2104 ve 2488 sayılı Tebliğler Dergisinden yararlanılmıştır.</li>
                                                            </ul>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>

Ders Öğretmeni</p>
                                                           </td>

Ders ğretmeni</p>

</td>

Ders ğretmeni</p>

</td>

Ders ğretmeni</p>

</td>

</tr>
                                                </tbody>
                                            </table>
                                           </div>
                                            <div class="col-12 mudur-imza-container" style="text-align: center; font-size:11pt; margin-top:50px;">
                                                <table width="100%" class="mudur-imza-table" style="border: 1px solid rgb(227, 212, 212); border-collapse: collapse;">
                                                    <tbody>
                                                        <tr>
                                                            <td style="width:100%; border: 1px solid rgb(238, 225, 225); border-collapse: collapse; text-align: center; vertical-align: middle; padding: 10px;">
                                                                <p class="mudur-tarih">..../..../2025 <br>
                                                                    UYGUNDUR</p>
                                                                    <p class="mudur-imza"> ...................................... <br>
                                                                    Okul Müdürü </p>
                                                            </td>
                                                           
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>

</div>

</section>