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
29 Aralık-02 Ocak 8
Ünite/Tema/Öğrenme Alanı

Etkileşim (Javascript)
Konu (İçerik Çerçevesi)
3. Kontrol yapıları
Öğrenme Çıktısı (Kazanımlar)
Kontrol yapılarını kullanarak etkileşimli sayfa geliştirir.
Süreç Bileşenleri(Kazanım Maddeleri)
• Koşullu ifadelerin 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
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ü
 Yıllık Planı İndir
  Yıllık Planı Düzenle
PDF İndir Word İndir