1. Meslek Dersleri
  2. Bilişim Teknolojileri
  3. Web Tabanli Uygulama Geli̇şti̇rme(Yeni*)-11
Web Tabanli Uygulama Geli̇şti̇rme(Yeni*)-11
Düzenle
PDF İndir Word İndir
Ders Tarihi Saati
22-26 Aralık 8
Ünite/Tema/Öğrenme Alanı

Etkileşim (Javascript)
Konu (İçerik Çerçevesi)
2. Olaylar ve Fonksiyonlar
Öğrenme Çıktısı (Kazanımlar)
Fonksiyon türlerini kullanarak etkileşimli sayfa geliştirir.
Süreç Bileşenleri(Kazanım Maddeleri)
• Olayların kullanımını açıklar • Olay çeşitlerini sıralar. • Fonksiyon kullanımı açıklanır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Çok seviyeli açılır menü yapmak.
2. Aşağı açılır menü yapmak.
3. jQuery ile dinamik HTML işlemleri uygulamak.
Etkinlik
→ Mehmet Akif Ersoy'u Anma Haftası
Ders Tarihi Saati
15-19 Aralık 8
Ünite/Tema/Öğrenme Alanı

Etkileşim (Javascript)
Konu (İçerik Çerçevesi)
1. Javascript kod yapısı ve Değişkenler
Öğrenme Çıktısı (Kazanımlar)
Değişkenler ve veri tiplerini kullanarak etkileşimli sayfalar geliştirir.
Süreç Bileşenleri(Kazanım Maddeleri)
• Javascript kod yazım kurallarını açıklar. • Javascript eleman seçicilerini sıralar. • Değişken ve veri tipleri açıklanır • Operatörlerin kullanımı ve kullanım yerleri açıklanır
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Çok seviyeli açılır menü yapmak.
2. Aşağı açılır menü yapmak.
3. jQuery ile dinamik HTML işlemleri uygulamak.
Etkinlik
→ Tutum, Yatırım ve Türk Malları Haftası
Ders Tarihi Saati
08-12 Aralık 8
Ünite/Tema/Öğrenme Alanı

Basamaklı Stil Şablonu (CSS)
Konu (İçerik Çerçevesi)
4. Duyarlılık (Responsivity)
Öğrenme Çıktısı (Kazanımlar)
Duyarlılık (Responsivity) kavramının önemini açıklar.
Süreç Bileşenleri(Kazanım Maddeleri)
• Duyarlılık kavramı açıklanır. • Farklı ortamlar için medya sorguları (media query) oluşturulur. • Popüler frameworkler listelenir.(Bootstrap, UI Kit, Materialize, vd.) • CSS frameworkleri açıklanır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Tüm HTML elemanlarına görünüm stilleri uygulamak.
2. Sayfayı sütunlara bölmek.
3. Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.
Etkinlik
→ Mevlana Haftası, İnsan Hakları ve Demokrasi Haftası
Ders Tarihi Saati
01-05 Aralık 8
Ünite/Tema/Öğrenme Alanı

Basamaklı Stil Şablonu (CSS)
Konu (İçerik Çerçevesi)
4. Duyarlılık (Responsivity)
Öğrenme Çıktısı (Kazanımlar)
Duyarlılık (Responsivity) kavramının önemini açıklar.
Süreç Bileşenleri(Kazanım Maddeleri)
• Duyarlılık kavramı açıklanır. • Farklı ortamlar için medya sorguları (media query) oluşturulur. • Popüler frameworkler listelenir.(Bootstrap, UI Kit, Materialize, vd.) • CSS frameworkleri açıklanır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Tüm HTML elemanlarına görünüm stilleri uygulamak.
2. Sayfayı sütunlara bölmek.
3. Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.
Etkinlik
→ Dünya Engelliler Günü, Dünya Madenciler Günü, Türk Kadınına Seçme ve Seçilme Hakkının Verilişi
Ders Tarihi Saati
24-28 Kasım 8
Ünite/Tema/Öğrenme Alanı

Basamaklı Stil Şablonu (CSS)
Konu (İçerik Çerçevesi)
3. Renk kullanımı ve Tipografi
Öğrenme Çıktısı (Kazanımlar)
RGB (Red, Green, Blue / Kırmızı, Yeşil, Mavi) değerleri ile renk tanımı yapar.
Süreç Bileşenleri(Kazanım Maddeleri)
• Web sayfasında kullanılacak renk tanımlamasını yaptırır. • Tipografi özellikleri açıklanır. • Tipografi kullanımı açıklanır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Tüm HTML elemanlarına görünüm stilleri uygulamak.
2. Sayfayı sütunlara bölmek.
3. Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.
Etkinlik
→ Ağız ve Diş Sağlığı Haftası, Öğretmenler Günü
Ders Tarihi Saati
17-21 Kasım 8
Ünite/Tema/Öğrenme Alanı

Basamaklı Stil Şablonu (CSS)
Konu (İçerik Çerçevesi)
2. Kutu Modeli Özellikleri ve Çalışma Prensipleri
Öğrenme Çıktısı (Kazanımlar)
Kutu modeli özelliklerini açıklar.
Süreç Bileşenleri(Kazanım Maddeleri)
• Kutu modeli özellikleri ve çalışma prensipleri açıklanır. • Görünüm ve pozisyon ayarlarının nasıl yapıldığı açıklanır. • Görünüm ve pozisyon ayarları yaptırılır.
Ortam ve Donanım
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Öğretim Teknikleri
→ Ortam: Bilişim Teknolojileri laboratuvarı
→ Donanım: Akıllı tahta/projeksiyon
→ bilgisayar
→ yazıcı/tarayıcı
Ölçme
→ Bu derste; öğrenci performansı belirlemeye yönelik çalışmalar değerlendirilirken gözlem formu
→ derecelendirme ölçeği ve dereceli puanlama anahtarı gibi ölçme araçlarından uygun ol anlar seçilerek kullanılabilir. Bunun yanında öz değerlendirme ve akran değerlendirme formları kullanılarak öğrencilerin
→ öğretimin süreç boyutuna katılmaları sağlanabilir.
Temrin Listesi
1. Tüm HTML elemanlarına görünüm stilleri uygulamak.
2. Sayfayı sütunlara bölmek.
3. Çeşitli ekran çözünürlüklerine göre sayfayı duyarlı hale getirmek.
Etkinlik
→ Dünya Felsefe Günü, Dünya Çocuk Hakları Günü
Ders Tarihi Saati
10-14 Kasım 8
Ünite/Tema/Öğrenme Alanı
  1. Dönem Ara Tatili
Konu (İçerik Çerçevesi)
1. Dönem Ara Tatili
Öğrenme Çıktısı (Kazanımlar)
1. Dönem Ara Tatili
Süreç Bileşenleri(Kazanım Maddeleri)
Ortam ve Donanım
Öğretim Teknikleri
Ölçme
Temrin Listesi
Etkinlik
→ Atatürk Haftası, Afet Eğitimi Hazırlık Günü, Dünya Diyabet Günü
 Yıllık Planı İndir
  Yıllık Planı Düzenle
PDF İndir Word İndir