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
Ders Tarihi Saati
05-09 Ocak 8
Ünite

Etkileşim (Javascript)
Konu
  1. Diziler
Öğrenme Çıktısı (Kazanımlar)

Dizileri kullanarak etkileşimli sayfa geliştirir.
Süreç Bileşenleri(Kazanım Maddeleri)
• Dizilerin 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

Enerji Tasarrufu Haftası
Ders Tarihi Saati
29 Aralık-02 Ocak 8
Ünite

Etkileşim (Javascript)
Konu
  1. 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

Etkileşim (Javascript)
Konu
  1. 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

Etkileşim (Javascript)
Konu
  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

Basamaklı Stil Şablonu (CSS)
Konu
  1. 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

Basamaklı Stil Şablonu (CSS)
Konu
  1. 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

Basamaklı Stil Şablonu (CSS)
Konu
  1. 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ü
 Yıllık Planı İndir
  Yıllık Planı Düzenle
PDF İndir