2024-2025 Eğitim Öğretim Yılı Web Tabanlı Uygulama Geliştirme dersi Yıllık Planı

<section class="invoice">
                                <div class="row">
                
                                    <div class="col-12 text-center" style="text-align: center;">
                                                                                <p style="font-weight: bold;">
                                        2024-2025 EĞİTİM-ÖĞRETİM YILI  .......................................................................... <br>
                                         BILIŞIM TEKNOLOJILERI ALANI  11. SINIF  WEB TABANLI UYGULAMA GELIŞTIRME DERSİ ÜNİTELENDİRİLMİŞ YILLIK PLANI
                                       </p>
                                                     
                
                
                                    </div>       
                                
                                    
                                    
                                    <div class="col-12 table-responsive" style="font-size:10pt;">
                                        <table width="100%" style="border:none;margin-bottom:20px;">
                                            <thead>
                                                <tr >
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse; " >Ay</th>
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Hafta</th>
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Saat</th>
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Ünite</th>
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Konu</th>
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Kazanım</th>
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Teknik</th>
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Araç</th>
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">Ölçme</th>
                                                     <th style="text-align:left; vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">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;">
                                                    
                                                                                                                09-13 Eylül
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ÖĞRENME BİRİMİ 1: TEMEL KAVRAMLAR
1.1. Web Sayfası Yayınlamada Temel Kavramlar
1.1.1. Web Sayfası
1.1.2. Web Sitesi
1.1.3. Alan Adı (Domain)
1.1.4. Alan Adı Uzantıları
1.1.5. Alan Adı Alma İşlemi
1.1.6. Hosting (Web Sitesi Barındırma)
1.2. Web Yazılımcısı Rolleri
1.3. İşaretleme Dili (HTML)
1.3.1.HTML Editörleri
1.4. CSS [Cascaded Style Sheet(Basamaklı Stil Şablonu)]
1.5. WYSIWYG [What You See Is What You Get (Editörler)]
Demokrasinin önemi</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;">
                                                                                                                Anlatım, araştırma, gösteri, örnek olay, soru-cevap, uygulama, bireysel öğretim, beyin fırtınası
                                                                                                            </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                Etkileşimli tahta veya projeksiyon, bilgisayar, internet bağlantısı, kodlama editörleri,
görsel ve videolar, ders kitabı
                                                                                                            </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;">15 Temmuz Demokrasi ve Millî Birlik 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;">
                                                    
                                                                                                                16-20 Eylül
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ÖĞRENME BİRİMİ 2: WEB TASARIM İLKELERİ
2.1. İçerik
2.2. Tasarım
2.3. Biçimsellik
2.3.1. Tipografi
2.3.2. İçerik-Tasarım İlişkisi
2.3.3. Renk Düzeni ve Okunabilirlik
2.4. İşlevsellik ve Kullanılabilirlik
2.5. Güncellik
2.6. Uygunluk ve Güvenilirlik
2.7. Uyumluluk
2.7.1. Tarayıcı Uyumluluğu
2.7.2. Duyarlı (Responsive) Tasarım</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">Gaziler Günü (19 Eylül), İlköğretim 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; ">
                                                  
                                                        
                                                      EYLÜL
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                23-27 Eylül
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ÖĞRENME BİRİMİ 3: HTLM5
3.1. HTML5 Belge Yapısı
3.1.1. HTML Hakkında
3.1.2. HTML5 Temel Etiketleri ve Belge Yapısı
3.1.3. HTML5 Anlamsal Etiketler
3.2. Başlık Elemanları
3.2.1. HTML h1-h6 Başlık Etiketleri</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.
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      EYLÜL
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                         
                                                        30 Eylül-
                                                        04 Ekim
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3.2.2. Başlık Etiketlerinin Kullanım Sebepleri
3.2.3. Başlık Kullanımı
3.3. Paragraflar ve Metin Biçimlendirme
3.3.1. p Etiketi
3.3.2. b ve strong Etiketi
3.3.3. i ve em Etiketleri</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       H1-H6 elemanlarını web sayfasında uygun bir şekilde kullanır.
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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">Hayvanları Koruma Günü (4 Ekim)</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; ">
                                                  
                                                        
                                                      EKİM
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                07-11 Ekim
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3.3.4. u ve ins Etiketleri
3.3.5. small Etiketi
3.3.6. pre Etiketi
3.3.7. del Etiketi
3.3.8. sup ve sub Etiketleri
3.3.9. Listeleme Etiketleri</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      EKİM
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                14-18 Ekim
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3.3.10. Tablolar
3.3.11. Metin Biçimlendirmesinde Kullanılan Diğer Etiketler
3.4. Yerleşim Elemanları
3.4.1. div Etiketi
3.4.2. span Etiketi
3.4.3. HTML5 Tasarım Şablonu</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.
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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      EKİM
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                21-25 Ekim
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3.5. Medya (Resim, Video ve Ses) Elemanları
3.5.1. HTML5 img Kullanımı
3.5.2. HTML5 video Kullanımı
3.5.3. HTML5 audio> Kullanımı
3.6. Bağlantı Elemanları
3.6.1. HTML Bağlantı Söz Dizimi
3.6.2. Sayfa İçi Bağlantılar
3.6.3. Sayfalar Arası Bağlantılar Atatürk'ün Cumhuriyetçilik İlkesi</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.
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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      EKİM
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                         
                                                        28 Ekim-
                                                        01 Kasım
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3.6.4. Site Dışına Bağlantı
3.6.5. Diğer Bağlantı Çeşitleri
3.7. Form Elemanları
3.7.1. Formun Tanımı
3.7.2. Form Oluşturmak
3.7.3. Form Elemanları
3.7.4. Veri Giriş (Input) Özellikleri 1.Dönem 1.Sınav</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.
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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">29 Ekim 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;">
                                                    
                                                                                                                04-08 Kasım
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ÖĞRENME BİRİMİ 4: BASAMAKLI STİL ŞABLONU (CSS)
4.1. CSS Ekleme Yöntemleri
4.1.1. Satır İçi CSS Ekleme
4.1.2. Sayfa İçi CSS Ekleme
4.1.3. Sayfa Dışı (Haricî) CSS Ekleme Atatürk'ün eğitime ve bilime verdiği önem</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Stil uygulanacak olan elemanların
seçimini yapar.
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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ı</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;">
                                                    
                                                                                                                11-15 Kasım
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ARA TATİL (11-15 KASIM)</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          
                                                                                                                                                                                                                              </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      KASIM
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                18-22 Kasım
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">4.1.4. Çok Kullanılan CSS Kodları
4.1.5. Seçiciler (Selectors)
4.2. Kutu Modeli Özellikleri ve Çalışma
Prensipleri
4.2.1. CSS Ölçü Birimleri
4.2.2. Dış Boşluk (Margin)</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Stil uygulanacak olan elemanların
seçimini yapar.
Kutu modeli özelliklerini açıklar.
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım, araştırma, gösteri, örnek olay, soru-cevap, uygulama, bireysel öğretim, beyin fırtınası
                                                                                                                                                                                                                              </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      KASIM
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                25-29 Kasım
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">4.2.3. Kenarlık (Border)
4.2.4. İç Boşluk (Padding)
4.2.5. İçerik (Content)
4.2.6. Görünüm Ayarları
4.2.7. Pozisyon Ayarları</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">Öğretmenler Günü (24 Kasım)</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;">
                                                    
                                                                                                                02-06 Aralık
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">4.3. Renk Kullanımı ve Tipografi
4.3.1. Klasik Renk Tanımlama Çeşitleri
4.3.2. Geçişli Renk Tanımlama
4.3.3. 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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">Dünya Engelliler Günü (3 Aralık)</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;">
                                                    
                                                                                                                09-13 Aralık
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">4.4. Duyarlılık (Responsivity)
4.4.1. Medya Sorgusu
4.4.2. Popüler CSS Frameworkleri
4.4.3. Bootstrap Framework
4.4.3.1. Konteyner Çeşitleri</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      ARALIK
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                16-20 Aralık
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ÖĞRENME BİRİMİ 5: ETKİLEŞİM (JAVASCRİPT)
5.1. Javascript Kod Yapısı ve Değişkenler
5.1.1. Seçiciler
5.1.2. Değişkenler ve Veri Tipleri
5.1.3. Operatörlerin Kullanımı ve Kullanım Yerleri</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      ARALIK
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                23-27 Aralık
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">5.2. Olaylar ve Fonksiyonlar
5.2.1. Parametresiz (Basit) Fonksiyonlar
5.2.2. Parametreli Fonksiyonlar
5.2.3. Return Komutu</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">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;">
                                                    
                                                         
                                                        30 Aralık-
                                                        03 Ocak
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">5.3. Kontrol Yapıları
5.3.1. if Yapısı
5.3.2. if-else Yapısı
5.3.3. else if Yapısı
5.3.4. Switch-Case
1.Dönem 2.Sınav</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">
                                                    
                                                                                                                06-10 Ocak
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">5.4. Diziler
5.5. Döngüler Zamanlayıcılar ve Popüler
Javascript Kütüphaneleri
5.5.1. Sayaçlar
5.5.2. For Döngüsü
5.5.3. While Döngüsü
5.5.4. Do-While Döngüsü</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Dizileri kullanarak etkileşimli sayfa geliştirir.
Döngüleri kullanarak etkileşimli sayfa geliştirir.
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">
                                                    
                                                                                                                13-17 Ocak
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">5.5.5. Zamanlayıcılar
5.5.6. Popüler Javascript Kütüphaneleri
5.5.7. jQuery Kütüphanesi</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Döngüleri kullanarak etkileşimli sayfa geliştirir.
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">
                                                    
                                                                                                                20-24 Ocak
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">YARI YIL TATİLİ (20 OCAK - 3 ŞUBAT)</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          
                                                                                                                                                                                                                              </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          
                                                                                                                                                                     </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;">
                                                    
                                                                                                                27-31 Ocak
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">YARI YIL TATİLİ (20 OCAK - 3 ŞUBAT)</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       
                                                                                                                 </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          
                                                                                                                                                                     </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;">
                                                    
                                                                                                                03-07 Şubat
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ÖĞRENME BİRİMİ 6: ARKA UÇ YAZILIM GELİŞTİRME
6.1. .NET Core Teknolojisi
6.1.1. .NET Kurulumu
6.1.2. ASP.NET Core ve Diğer Teknolojilerden Farkı</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;">
                                                                                                                                                                          Anlatım, araştırma, gösteri, örnek olay, soru-cevap, uygulama, bireysel öğretim, beyin fırtınası
                                                                                                                                                                                                                              </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">
                                                    
                                                                                                                10-14 Şubat
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.2. MVC Tasarım Deseni
6.2.1. MVC Projesi Oluşturma
6.2.2. Model Katmanı</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">
                                                    
                                                                                                                17-21 Şubat
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.2.3. Controller Katmanı
6.2.4. View Katmanı
6.2.5. Razor Pages</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       MVC tasarım desenini...
                                                                                                                 </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">
                                                    
                                                                                                                24-28 Şubat
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.3. Standart Klasör ve Dosyalar
6.4. Ara Katman (Middleware)
6.4.1. İşlem Hattı (Pipeline)</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.
Ara katman (Middleware) yapısını kullanır.
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      MART
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                03-07 Mart
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.4.1. İşlem Hattı (Pipeline)
6.4.2. İşlem Hattını Bölümleme
6.4.3. Dâhilî Ara Katmanlar ve Öncelik Sıraları</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      MART
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                10-14 Mart
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.5. Yönlendirme (Routing)
6.5.1. Varsayılan Yönlendirme
6.5.2. Özel Yönlendirme Oluşturma
6.5.3. Parametre Kısıtlamaları</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">İstiklâl Marşı'nın Kabulü be Mehmet Akif Ersoy'u Anma Günü (12 Mart)</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;">
                                                    
                                                                                                                17-21 Mart
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.5.4. Öznitelik Yönlendirmeleri
6.5.5. İstek Yolunu Değiştirme
6.5.6. Belirteç Değiştirme
Atatürk’ün vatan ve millet sevgisi</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Yönlendirme (Routing) mekanizmasını...
                                                                                                                 </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">18 Mart Çanakkale Zaferi, Şehitler 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;">
                                                    
                                                                                                                24-28 Mart
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.6. Form İşlemleri
6.6.1. Form GET Metodu Kullanımı
6.6.2. Form POST Metodu Kullanımı 2.Dönem 1.Sınav</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">Dünya Tiyatrolar Günü (27 Mart)</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;">
                                                    
                                                         
                                                        31 Mart-
                                                        04 Nisan
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.6.3. Form ile Dosya Yükleme
6.6.4. Doğrulama İşlemleri (Validation)</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Form işlemleri ve...
                                                                                                                 </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">Kütüphaneler Haftası, Dünya Otizm Farkındalık Günü (2 Nisan)</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; ">
                                                  
                                                        
                                                      NİSAN
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                07-11 Nisan
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">ARA TATİL (31 MART - 4 NİSAN)</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          
                                                                                                                                                                                                                              </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      NİSAN
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                14-18 Nisan
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.6.5. Model Doğrulama (Model Validation)
6.6.6. İstemci Taraflı Doğrulama (Client Side
Validation)</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;">
                                                                                                                                                                          Anlatım, araştırma, gösteri, örnek olay, soru-cevap, uygulama, bireysel öğretim, beyin fırtınası
                                                                                                                                                                                                                              </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      NİSAN
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                21-25 Nisan
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.7. Etiket Yardımcıları (Tag Helper)
6.7.1. Input Tag Helper Kullanımı
6.7.2. Label Tag Helper Kullanımı
6.7.3. Form Tag Helper Kullanımı
6.7.4. Validation Tag Helper Kullanımı
Çocuk, insan sevgisi ve evrensellik</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. Doğrulama işlemleri yapar.
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">23 Nisan 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; ">
                                                  
                                                        
                                                      NİSAN
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                         
                                                        28 Nisan-
                                                        02 Mayıs
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.8. Paket Yöneticisi (NuGet)
6.8.1. Paket Yöneticisi Araçları</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Paket yöneticisini (Nuget) kullanır.
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">Kût'ül Amâre Zaferi (29 Nisan), 1 Mayıs Emek ve Dayanışma 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; ">
                                                  
                                                        
                                                      MAYIS
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                05-09 Mayıs
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.9. Entity Framework Core ile Veri Tabanı İşlemleri
6.9.1. Entity Framework Core Kurulumu
6.9.2. Entity Framework Core DbContext Sınıfı</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      MAYIS
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                12-16 Mayıs
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.9.3. Entity Framework Core DbSet Özelliği
6.9.4. Entity Framework Core Migrations
6.9.5. Entity Framework Core Veri Ekleme
Atatürkçü düşüncede yer alan temel fikirler</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Entity Framework Core...
                                                                                                                 </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      MAYIS
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                19-23 Mayıs
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">3.6.1. 6.9.6. Entity Framework Core Veri Alma ve LINQ Sorguları
6.9.7. Entity Framework Core Veri Güncelleme</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Entity Framework Core...
                                                                                                                 </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">	19 Mayıs 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;">
                                                    
                                                                                                                26-30 Mayıs
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.9.8. Entity Framework Core Veri Silme
6.9.9. Entity Framework Core Veri Tabanı İlişkileri
2.Dönem 2.Sınav</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Entity Framework Core...
                                                                                                                 </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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;">İstanbul'un Fethi (29 Mayıs)</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; ">
                                                  
                                                        
                                                      HAZİRAN
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                02-06 Haziran
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.10. Yayınlama (Publish) İşlemleri
6.10.1. Çalışma Zamanına Bağlı Yayınlama
6.10.2. Bağımsız Yayınlama</td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">                                                                                                                       Web servislerini kullanır. Yayınlama (Publish) işlemini yapar.
                                                                                                                                                                          </td>
                                                 
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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; ">
                                                  
                                                        
                                                      HAZİRAN
                                                        
                                                       
                                                    
                                                        </td>    
                                                    <td style=" text-align: center;
                                                    vertical-align:middle;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                    
                                                                                                                09-13 Haziran
                                                          
                                                        
                                                    </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;"></td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">6.10.3. Windows ile IIS Sunucuda Yayınlama
6.10.4. Web Servisler
6.10.5. Web Servis Çeşitleri
6.10.6. Web Servisler Katmanlı Mimari</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;">
                                                                                                                                                                          Anlatım,...
                                                                                                                                                                     </td>
                                                    <td  style="
                                                    vertical-align:top;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                                                                                                                                          Etkileşimli...
                                                                                                                                                                     </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>     
                                                                                                
                                                                                                                
                
                                            </tbody>
                                        </table>
                                            <p class="text-left">
                                                <ul>
                                                    <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>
                                            </p>
                                        </div>
                
                                     
                
                                        <div class="col-12" style="text-align: center; font-size:10pt; margin-top:50px!important;">
                                            <table style="width:100%; border: 1px solid rgb(227, 212, 212);
                                            border-collapse: collapse;">
                                                <tbody>
                                                    <tr>
                                                        <td style="width:25%;border: 1px solid rgb(238, 225, 225);border-collapse: collapse;">
                                                            <p>                                                                .......................................
                                                             <br>
                                            
                                                                    Ders Öğretmeni</p>
                                                           </td>
                                                        
                                                                                                                <td style="width:25%;border: 1px solid rgb(238, 225, 225);
                                                        border-collapse: collapse;">
                                                          <p>...................................... <br>
                                            
                                                                    Ders Öğretmeni</p>
                                            
                                                          </td>
                                                      
                                                                                                                <td style="width:25%;border: 1px solid rgb(238, 225, 225);
                                                        border-collapse: collapse;">
                                                          <p>...................................... <br>
                                            
                                                                    Ders Öğretmeni</p>
                                            
                                                          </td>
                                                      
                                                                                                                <td style="width:25%;border: 1px solid rgb(238, 225, 225);
                                                        border-collapse: collapse;">
                                                          <p>...................................... <br>
                                            
                                                                    Ders Öğretmeni</p>
                                            
                                                          </td>
                                                      
                                                                                                            </tr>
                                                </tbody>
                                            </table>
                                           </div>
                                            <div class="col-12 text-center mt-5" style="text-align: center; font-size:11pt; margin-top:50px;">
                                               
                                                <p>..../..../2025 <br>
                                                    UYGUNDUR</p>
                                                    <p>...................................... <br>
                                                        Okul Müdürü </p>
                                              </div>
                                          
                                            
                                            </div>
                                
                                  
                                
                            
                                  
                
                        </section>