Javascript Programlama Dilini Öğrenmek İsteyenler

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
# 28 Mar 2023 22:54:20
[linkler sadece üyelerimize görünmektedir.]
Ben bu komutlarla yaptırmıştım en son paylaştığım uygulamayı. Yapay zeka farklı zamanlarda farklı algılayıp farklı cevaplar yazabiliyor demek ki. En güzeli [linkler sadece üyelerimize görünmektedir.] hocam gibi programlama diline vakıf olmak sanırım.
Hocam, benim tavsiyem, önce HTML ve css'yi iyice öğrenmeniz.  Yani istediğiniz şekli ve görünümü elde etmeyi başarabilirseniz, işin javascript programlama kısmı ikinci planda kalıyor. 
Zaten ben bir program oluştururken önce resmini çiziyorum, ardından bu resmi HTML ve css ile oluşturuyorum. En son olarak düğmelere tıklandığında neler olacağını belirlemek için javascript kodları yazmaya başlıyorum.

Çevrimdışı akboga21

  • Tecrübeli Üye
  • ****
  • 127
  • 378
  • 127
  • 378
# 30 Mar 2023 22:15:49
Merhaba [linkler sadece üyelerimize görünmektedir.] hocam, ikili yarışma programınızı sınıfımda severek kullanıyorum ve şunu farkettim. İki öğrencinin aynı anda soruya cevap vermeleri çocukları panikletiyor ve gerçek performanslarını sergilemelerine engel oluyor. Bu durum biraz da web sitelerinden esinlenerek şöyle bir yarışma programı şablonu oluşturmamı sağladı. İlginizi çekerse böyle bir programı denemeyi isterim.

Kutu oyununuzdaki ayarlar gibi bir bölüm esnekliği de artıracaktır.

Soru ortada, seçenekler ise sırası gelen çocuğun bulunduğu tarafta görünecek. Süreyi ise çocukların görmemesi daha iyi olur diye düşündüm.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
# 30 Mar 2023 22:42:13
[linkler sadece üyelerimize görünmektedir.] hocam, detaylı açıklamalarınız çok işime yarıyor. en kısa zamanda hazırlamaya çalışacağım.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
# 30 Mar 2023 22:43:54
öğrencilerin isimlerini ödev sayfalarının üzerine basma programı.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
# 02 Nis 2023 15:55:10
[linkler sadece üyelerimize görünmektedir.] hocam. bu programı yaparken, kapılı olsa nasıl olur diye kafama bir soru takıldı. onun üzerinde baya uğraştım.
sonuçta ortaya iki çeşit program çıktı.
1) normal ikili yarışma. bu programda eğer içini açarsanız, font büyüklüğü ve font türü ile ilgili ayarları görebilirsiniz. çok fazla ayar koyamadım. programın yapısı sebebiyle çok esnek değil.
2) kapılı olan. bunda hiç ayar yok.

ceza süresini kaldırdım. onun yerine her hata için -5 puan var. sorunun görünme süresini ayarlamadım. öğrenci doğru cevabı buluncaya kadar denemeye ve soruyu görmeye devam etmeli diye düşündüm. :)

Çevrimdışı akboga21

  • Tecrübeli Üye
  • ****
  • 127
  • 378
  • 127
  • 378
# 02 Nis 2023 16:49:57
[linkler sadece üyelerimize görünmektedir.] hocam, elinize emeğinize sağlık. Çok güzel bir uygulama olmuş. İkisini de denedim.

Beraberlik durumunda her bir oyuncunun toplam kullandığı süre, yani oyunculara ait soruların ekranda görünme süresi, birinciyi belirlemede kıstas olabilir. Eklemesi zor mu bilmiyorum ama resimde gösterdiğim yere konumlandırılabilir.

Bir de daha önemlisi, işlemlerin karışık gelme olasılığı var mı, bu sizi çok uğraştırır mı? Yani toplama ve çıkarma karışık sorulsun, hatta üst sınıflarda çarpma işlemi de dahil edilebilir.

Her şey için çok teşekkür ederim. Gerçekten size çok minettarım.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
# 02 Nis 2023 21:16:16
hocam, süreyi ekledim, beraberlik durumunda kazananı belirliyor.
karışık işlem hazırlamak biraz uzun iş olacağı için kısa yol tercih ettim. çoklu işlem seçmek için "özel işlem" kısmında ctrl tuşuna basarak birden fazla işlem seçebilirsiniz.  çıkarma hesapları hatalı yapılıyordu, düzelttim.

Çevrimdışı gokselgursu

  • Bilge Meclis Üyesi
  • *****
  • 4.153
  • 14.967
  • 1. Sınıf Öğretmeni
  • 4.153
  • 14.967
  • 1. Sınıf Öğretmeni
# 03 Nis 2023 12:50:56
Merhaba [linkler sadece üyelerimize görünmektedir.] hocam.
Çarpma ile ilgili şablonlu alıştırma sayfası yapmanız mümkün mü?

Şablon ekte verilmiştir.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
# 03 Nis 2023 20:23:17
[linkler sadece üyelerimize görünmektedir.]
Merhaba [linkler sadece üyelerimize görünmektedir.] hocam.
Çarpma ile ilgili şablonlu alıştırma sayfası yapmanız mümkün mü?

Şablon ekte verilmiştir.
Hocam, ekranın ortasında tek bir çarpma işlemi mi olacak?

Pardon hocam, alıştırma sayfası demişsiniz. Şimdi anladım.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
# 04 Nis 2023 01:51:21
[linkler sadece üyelerimize görünmektedir.] Hocam, biraz aceleyle bir şeyler yaptım. ayarları görebilmek için html dosyasını vscodium ile açın.
özellikleri:
*soru sayısına göre otomatik sayfa ekliyor.
*aynı soruların tekrar gelmesini önleyen sistem var.

Çevrimdışı gokselgursu

  • Bilge Meclis Üyesi
  • *****
  • 4.153
  • 14.967
  • 1. Sınıf Öğretmeni
  • 4.153
  • 14.967
  • 1. Sınıf Öğretmeni
# 04 Nis 2023 02:29:51
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] Hocam, biraz aceleyle bir şeyler yaptım. ayarları görebilmek için html dosyasını vscodium ile açın.
özellikleri:
*soru sayısına göre otomatik sayfa ekliyor.
*aynı soruların tekrar gelmesini önleyen sistem var.
Teşekkürler.

Çevrimdışı yalman68

  • Tecrübeli Üye
  • ****
  • 517
  • 11.862
  • 3. Sınıf Öğretmeni
  • 517
  • 11.862
  • 3. Sınıf Öğretmeni
# 04 Nis 2023 12:01:01
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] Hocam, biraz aceleyle bir şeyler yaptım. ayarları görebilmek için html dosyasını vscodium ile açın.
özellikleri:
*soru sayısına göre otomatik sayfa ekliyor.
*aynı soruların tekrar gelmesini önleyen sistem var.

[linkler sadece üyelerimize görünmektedir.] hocam iyi günler...
Tam da sizin için, hocam 4 işlem için böyle bir program yapsa diyordum yapmışsınız.
elinize sağlık...
bu programı ben toplama şeklinde de biraz düzenledim...
çıkarma işlemi, bölme işlemi de eklenebilir mi?
teşekkür ederim...

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
# 05 Nis 2023 00:36:36
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] hocam iyi günler...
Tam da sizin için, hocam 4 işlem için böyle bir program yapsa diyordum yapmışsınız.
elinize sağlık...
bu programı ben toplama şeklinde de biraz düzenledim...
çıkarma işlemi, bölme işlemi de eklenebilir mi?
teşekkür ederim...
4 işlemi ekledim. olabildiğince fazla ayar ekledim.
ayarları hep mm cinsine çevirdim.
kenarlıkları kaldırma (transparent) veya renk değiştirme ayarı da ekledim.
dikkat edin; başlık yandan taşarsa ilk sayfanın boş çıkmasına sebep oluyor. böyle bir durumda başlığı kısaltın.

bütün ayarları deneme fırsatım olmadı, hata ile karşılaşırsanız belirtin, düzeltmeye çalışırım.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
  • 4.628
  • 34.097
  • 4. Sınıf Öğretmeni
# 05 Nis 2023 19:11:37
[linkler sadece üyelerimize görünmektedir.] hocam ve [linkler sadece üyelerimize görünmektedir.] hocam.( [linkler sadece üyelerimize görünmektedir.] hocam, sizin de hoşunuza gideceğini düşünüyorum ) bu fikir çok hoşuma gitti ve bugün okulda kullanırken bazı eksiklikler hissettim. bu nedenle bazı düzeltmeler ve eklemeler yaptım. yeni ayarlar ekledim. program daha güzel oldu.

* toplamada maksimum değer özelliği ekledim. böylece örneğin toplamları 20'yi geçmeyen işlemler hazırlanabiliyor.

* semboller biraz yukarıda duruyordu.onların yerini ayarlama ayarı koydum. böylece işlem çizgisine daha yakın durabiliyor.

* küçük kutular arasına 1mm boşluk koymuştum. artık o da ayarlanabiliyor. isterseniz 0 yapılabiliyor.(borderSpace ayarı)

* ilk sayfada başlık olup diğer sayfalarda olmayınca çok boşluk kalıyordu. diğer sayfalara başlık ekleme yaptım. ikinciBaşlık kısmına yazdıklarınız, diğer sayfalara eklenecek.

* başlığın kalın karakter olması özelliğini kaldırdım. eğer başlığın kalın olmasını isterseniz <b></b> tagı arasına alın.

* sayfa numarası ekleyebilme ve yerini belirleyebilme özelliği ekledim. sayfa numarası altta sayfa kenar boşluğunun içine yazılıyor. eğer yeterince boşluk yoksa numara çıkmayabilir.

* işlemleri table tagı ile hazırlıyordum. garip bir şekilde sayıların etrafında fazladan boşluk oluyordu. onu düzelttim.

* bölme işleminde bölünen kutu genişliğini diğer kutu genişliklerine eşitledim.

* bölme çizgilerini background ile değil border ile hazırlama özelliği yaptım. çünkü yazdırırken bazı durumlarda çizgiler görünmüyordu. şimdi görünüyor.

* önceden de vardı ama tekrar söyleyeyim. eğer sayıların etrafında kutucuklar istemiyorsanız kutuKenarRengi= "transparent" ayarlayın. özellikle çok basamaklı çarpmalarda bu özellik gerekli olabilir.

* önceden bahsetmediğim özellik: program işlemleri oluştururken verdiğiniz sayı ikililerine göre tüm ihtimalleri hesaplıyor, sonra karıştırıyor. bu özelliği maksimum 1000'e kadar yaptım. çünkü 1 000 x 1 000 = 1 000 000 ihtimal programı yavaşlatabilir. bundan sonrasını tüm ihtimal hesaplama yerine rastgele sayı ekleme şeklinde yaptım. yani 1000'den sonra işiniz şansa kalıyor. gerçi çok büyük sayılarda rastgele sayı çağırırken aynı sayıların gelme ihtimali çok düşük.

*son olarak üzerinde değişiklik yapılabilen "contenteditable" versiyonunu da zip içine ekledim. bu özellik en başından beri aklımda fakat programın doğal akışı ile uyumlu olmayabilir diye kullanmamıştım. düşününce bazı avantajları olabilir diye programın iki çeşidini de ekledim.

ayinesi iştir kişinin lafa bakılmaz düsturunca, bu programla hazırladığım pdf'yi de ekliyorum. pdf nasıl yapılıyor diye soracak olursanız; yazdır bölümünde "pdf olarak kaydet" var.

Çevrimdışı yalman68

  • Tecrübeli Üye
  • ****
  • 517
  • 11.862
  • 3. Sınıf Öğretmeni
  • 517
  • 11.862
  • 3. Sınıf Öğretmeni
# 05 Nis 2023 19:39:28
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] hocam ve [linkler sadece üyelerimize görünmektedir.] hocam.( [linkler sadece üyelerimize görünmektedir.] hocam, sizin de hoşunuza gideceğini düşünüyorum ) bu fikir çok hoşuma gitti ve bugün okulda kullanırken bazı eksiklikler hissettim. bu nedenle bazı düzeltmeler ve eklemeler yaptım. yeni ayarlar ekledim. program daha güzel oldu.

* toplamada maksimum değer özelliği ekledim. böylece örneğin toplamları 20'yi geçmeyen işlemler hazırlanabiliyor.

* semboller biraz yukarıda duruyordu.onların yerini ayarlama ayarı koydum. böylece işlem çizgisine daha yakın durabiliyor.

* küçük kutular arasına 1mm boşluk koymuştum. artık o da ayarlanabiliyor. isterseniz 0 yapılabiliyor.(borderSpace ayarı)

* ilk sayfada başlık olup diğer sayfalarda olmayınca çok boşluk kalıyordu. diğer sayfalara başlık ekleme yaptım. ikinciBaşlık kısmına yazdıklarınız, diğer sayfalara eklenecek.

* başlığın kalın karakter olması özelliğini kaldırdım. eğer başlığın kalın olmasını isterseniz <b></b> tagı arasına alın.

* sayfa numarası ekleyebilme ve yerini belirleyebilme özelliği ekledim. sayfa numarası altta sayfa kenar boşluğunun içine yazılıyor. eğer yeterince boşluk yoksa numara çıkmayabilir.

* işlemleri table tagı ile hazırlıyordum. garip bir şekilde sayıların etrafında fazladan boşluk oluyordu. onu düzelttim.

* bölme işleminde bölünen kutu genişliğini diğer kutu genişliklerine eşitledim.

* bölme çizgilerini background ile değil border ile hazırlama özelliği yaptım. çünkü yazdırırken bazı durumlarda çizgiler görünmüyordu. şimdi görünüyor.

* önceden de vardı ama tekrar söyleyeyim. eğer sayıların etrafında kutucuklar istemiyorsanız kutuKenarRengi= "transparent" ayarlayın. özellikle çok basamaklı çarpmalarda bu özellik gerekli olabilir.

* önceden bahsetmediğim özellik: program işlemleri oluştururken verdiğiniz sayı ikililerine göre tüm ihtimalleri hesaplıyor, sonra karıştırıyor. bu özelliği maksimum 1000'e kadar yaptım. çünkü 1 000 x 1 000 = 1 000 000 ihtimal programı yavaşlatabilir. bundan sonrasını tüm ihtimal hesaplama yerine rastgele sayı ekleme şeklinde yaptım. yani 1000'den sonra işiniz şansa kalıyor. gerçi çok büyük sayılarda rastgele sayı çağırırken aynı sayıların gelme ihtimali çok düşük.

*son olarak üzerinde değişiklik yapılabilen "contenteditable" versiyonunu da zip içine ekledim. bu özellik en başından beri aklımda fakat programın doğal akışı ile uyumlu olmayabilir diye kullanmamıştım. düşününce bazı avantajları olabilir diye programın iki çeşidini de ekledim.

ayinesi iştir kişinin lafa bakılmaz düsturunca, bu programla hazırladığım pdf'yi de ekliyorum. pdf nasıl yapılıyor diye soracak olursanız; yazdır bölümünde "pdf olarak kaydet" var.


Hocam elinize emeğinize sağlık...

 


Egitimhane.Com ©2006-2023 KVKK