| Ay | Hafta | Saat | Ünite | Konu | Kazanım | Açıklama | Teknik | Araç | Ölçme | Etkinlik |
|---|---|---|---|---|---|---|---|---|---|---|
| EYLÜL | 09-13 Eylül | 8 | ÖĞ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 | 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. | Anlatım, araştırma, gösteri, örnek olay, soru-cevap, uygulama, bireysel öğretim, beyin fırtınası | Etkileşimli tahta veya projeksiyon, bilgisayar, internet bağlantısı, kodlama editörleri, görsel ve videolar, ders kitabı | 15 Temmuz Demokrasi ve Millî Birlik Günü | |||
| EYLÜL | 16-20 Eylül | 8 | ÖĞ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 | 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. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | Gaziler Günü (19 Eylül), İlköğretim Haftası | |||
| EYLÜL | 23-27 Eylül | 8 | ÖĞ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 | HTML5 belge yapısını kullanarak basit bir web sayfası hazırlar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| EYLÜL | 30 Eylül- 04 Ekim | 8 | 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 | 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. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | Hayvanları Koruma Günü (4 Ekim) | |||
| EKİM | 07-11 Ekim | 8 | 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 | Paragraflar ve metin biçimlendirme elemanlarını uygun bir şekilde web sayfasında kullanır. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| EKİM | 14-18 Ekim | 8 | 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 | 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. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| EKİM | 21-25 Ekim | 8 | 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 | Web sayfası içerisinde resim, ses/video gösteren HTML5 kodlarını uygular. Web sayfaları arasında bağlantı sağlayan HTML kodunu uygular. | 29 Ekim Cumhuriyet Bayramı | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | |||
| EKİM | 28 Ekim- 01 Kasım | 8 | 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 | Web sayfaları arasında bağlantı sağlayan HTML kodunu uygular. Form elemanlarının özelliklerini gösteren HTML5 kodunu uygular. | 1.Sınav | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | 29 Ekim Cumhuriyet Bayramı | ||
| KASIM | 04-08 Kasım | 8 | ÖĞ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 | Stil uygulanacak olan elemanların seçimini yapar. | 10 Kasım Atatürk'ü Anma Günü ve Atatürk Haftası | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | Atatürk Haftası | ||
| KASIM | 11-15 Kasım | 8 | ARA TATİL (11-15 KASIM) | |||||||
| KASIM | 18-22 Kasım | 8 | 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) | Stil uygulanacak olan elemanların seçimini yapar. Kutu modeli özelliklerini açıklar. | Anlatım, araştırma, gösteri, örnek olay, soru-cevap, uygulama, bireysel öğretim, beyin fırtınası | Etkileşimli tahta veya... | ||||
| KASIM | 25-29 Kasım | 8 | 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ı | Kutu modeli özelliklerini açıklar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | Öğretmenler Günü (24 Kasım) | |||
| ARALIK | 02-06 Aralık | 8 | 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 | RGB (Red, Green, Blue / Kırmızı, Yeşil, Mavi) değerleri ile renk tanımı yapar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | Dünya Engelliler Günü (3 Aralık) | |||
| ARALIK | 09-13 Aralık | 8 | 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 | Duyarlılık (Responsivity) kavramının önemini açıklar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| ARALIK | 16-20 Aralık | 8 | ÖĞ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 | Değişkenler ve veri tiplerini kullanarak etkileşimli sayfalar geliştirir. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| ARALIK | 23-27 Aralık | 8 | 5.2. Olaylar ve Fonksiyonlar 5.2.1. Parametresiz (Basit) Fonksiyonlar 5.2.2. Parametreli Fonksiyonlar 5.2.3. Return Komutu | Fonksiyon türlerini kullanarak etkileşimli sayfa geliştirir. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | Mehmet Akif Ersoy’u Anma Haftası | |||
| ARALIK | 30 Aralık- 03 Ocak | 8 | 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 | Kontrol yapılarını kullanarak etkileşimli sayfa geliştirir. | 2.Sınav | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | |||
| OCAK | 06-10 Ocak | 8 | 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ü | Dizileri kullanarak etkileşimli sayfa geliştirir. Döngüleri kullanarak etkileşimli sayfa geliştirir. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| OCAK | 13-17 Ocak | 8 | 5.5.5. Zamanlayıcılar 5.5.6. Popüler Javascript Kütüphaneleri 5.5.7. jQuery Kütüphanesi | Döngüleri kullanarak etkileşimli sayfa geliştirir. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| OCAK | 20-24 Ocak | 8 | YARI YIL TATİLİ (20 OCAK - 3 ŞUBAT) | |||||||
| OCAK | 27-31 Ocak | 8 | YARI YIL TATİLİ (20 OCAK - 3 ŞUBAT) | |||||||
| ŞUBAT | 03-07 Şubat | 8 | ÖĞ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ı | .Net Core özelliklerini açıklar. | Anlatım, araştırma, gösteri, örnek olay, soru-cevap, uygulama, bireysel öğretim, beyin fırtınası | Etkileşimli tahta veya... | ||||
| ŞUBAT | 10-14 Şubat | 8 | 6.2. MVC Tasarım Deseni 6.2.1. MVC Projesi Oluşturma 6.2.2. Model Katmanı | MVC tasarım desenini kullanarak web uygulamaları geliştirir | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| ŞUBAT | 17-21 Şubat | 8 | 6.2.3. Controller Katmanı 6.2.4. View Katmanı 6.2.5. Razor Pages | MVC tasarım desenini kullanarak web uygulamaları geliştirir | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| ŞUBAT | 24-28 Şubat | 8 | 6.3. Standart Klasör ve Dosyalar 6.4. Ara Katman (Middleware) 6.4.1. İşlem Hattı (Pipeline) | Standart klasör ve sayfaları kullanarak web uygulamaları geliştirir. Ara katman (Middleware) yapısını kullanır. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| MART | 03-07 Mart | 8 | 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ı | Ara katman (Middleware) yapısını kullanır. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| MART | 10-14 Mart | 8 | 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ı | Yönlendirme (Routing) mekanizmasını kullanır. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | İstiklâl Marşı'nın Kabulü be Mehmet Akif Ersoy'u Anma Günü (12 Mart) | |||
| MART | 17-21 Mart | 8 | 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 | Yönlendirme (Routing) mekanizmasını kullanır. | 18 Mart Çanakkale Zaferi ve Şehitler Günü | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | 18 Mart Çanakkale Zaferi, Şehitler Günü | ||
| MART | 24-28 Mart | 8 | 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 | Form işlemleri ve model doğrulama yapar. | 1.Sınav | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | Dünya Tiyatrolar Günü (27 Mart) | ||
| MART | 31 Mart- 04 Nisan | 8 | 6.6.3. Form ile Dosya Yükleme 6.6.4. Doğrulama İşlemleri (Validation) | Form işlemleri ve model doğrulama yapar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | Kütüphaneler Haftası, Dünya Otizm Farkındalık Günü (2 Nisan) | |||
| NİSAN | 07-11 Nisan | 8 | ARA TATİL (31 MART - 4 NİSAN) | |||||||
| NİSAN | 14-18 Nisan | 8 | 6.6.5. Model Doğrulama (Model Validation) 6.6.6. İstemci Taraflı Doğrulama (Client Side Validation) | Form işlemleri ve model doğrulama yapar. | Anlatım, araştırma, gösteri, örnek olay, soru-cevap, uygulama, bireysel öğretim, beyin fırtınası | Etkileşimli tahta veya... | ||||
| NİSAN | 21-25 Nisan | 8 | 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 | Etiket yardımcılarını (Tag Helpers) kullanır. Doğrulama işlemleri yapar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | 23 Nisan Ulusal Egemenlik ve Çocuk Bayramı | |||
| NİSAN | 28 Nisan- 02 Mayıs | 8 | 6.8. Paket Yöneticisi (NuGet) 6.8.1. Paket Yöneticisi Araçları | Paket yöneticisini (Nuget) kullanır. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | Kût'ül Amâre Zaferi (29 Nisan), 1 Mayıs Emek ve Dayanışma Günü | |||
| MAYIS | 05-09 Mayıs | 8 | 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ı | Entity Framework Core ile veri tabanı işlemlerini yapar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| MAYIS | 12-16 Mayıs | 8 | 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 | Entity Framework Core ile veri tabanı işlemlerini yapar. | 19 Mayıs Atatürk'ü Anma, Gençlik ve Spor Bayramı | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | |||
| MAYIS | 19-23 Mayıs | 8 | 3.6.1. 6.9.6. Entity Framework Core Veri Alma ve LINQ Sorguları 6.9.7. Entity Framework Core Veri Güncelleme | Entity Framework Core ile veri tabanı işlemlerini yapar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | 19 Mayıs Atatürk'ü Anma ve Gençlik ve Spor Bayramı | |||
| MAYIS | 26-30 Mayıs | 8 | 6.9.8. Entity Framework Core Veri Silme 6.9.9. Entity Framework Core Veri Tabanı İlişkileri 2.Dönem 2.Sınav | Entity Framework Core ile veri tabanı işlemlerini yapar. | 2.Sınav | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | İstanbul'un Fethi (29 Mayıs) | ||
| HAZİRAN | 02-06 Haziran | 8 | 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 | Web servislerini kullanır. Yayınlama (Publish) işlemini yapar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... | ||||
| HAZİRAN | 09-13 Haziran | 8 | 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 | Web servislerini kullanır. Yayınlama (Publish) işlemini yapar. | Anlatım, araştırma, gösteri,... | Etkileşimli tahta veya... |
.......................................
Ders Öğretmeni
......................................
Ders Öğretmeni
......................................
Ders Öğretmeni
......................................
Ders Öğretmeni
..../..../2024
UYGUNDUR
......................................
Okul Müdürü