Javascript Programlama Dilini Öğrenmek İsteyenler

Çevrimdışı akboga21

  • Tecrübeli Üye
  • ****
  • 127
  • 377
  • 127
  • 377
# 19 Ara 2023 01:01:52
[linkler sadece üyelerimize görünmektedir.] hocam, aşağıda basit şablonunu eklediğim eşitlik ile ilgili alıştırma uygulaması yapılabilir mi?

Çevrimdışı iskelet

  • Tecrübeli Üye
  • ****
  • 276
  • 1.534
  • 276
  • 1.534
# 19 Ara 2023 08:31:01
[linkler sadece üyelerimize görünmektedir.]
Hocam, zipten çıkarın, resimleri data klasörünün içine atın.resimler ardaşık numaralara sahip olsun(1.png,2.png...).
uzantıları png olsun.
"soru aralığı.txt" dosyasını açıp, soru aralığı belirleyin. bu sayede istediğiniz kadar resim atıp istediğiniz aralığı gösterbilirsiniz.

ardından "Bilgi Yarışması.html" dosyasını chrome ile açın. eğer ilk defa kullanacaksanız "Yeni Oyun", düğmesini seçin. eğer programı kapatıp açtıysanız ve eski oyunu devam ettirmek istiyorsanız "Eski Oyuna Devam Et" düğmesini kullanınız.

"Yeni Oyun" düğmesi her seferinde soruları karıştırırken, "Eski Oyuna Devam Et" düğmesi eski soruları tekrar karıştırmadan devam eder.

resimler otomatik olarak pencereye sığacak şekilde boyutlandırılır

programda gizli bir özellik var. sağ üst köşeye tıklarsanız önceki soruya döner. resme tıklarsanız yeni soruya geçer.

eğer hata olursa veya geçiş efektini beğenmediyseniz söyleyin, değiştiririm.
[linkler sadece üyelerimize görünmektedir.] hocam dün akıllı tahtada yarışmayı yaptım tekrar çok teşekkür ederim. Şöyle bir ekleme yapabilir miyiz? Cevap ve yeni soru adlı İki buton ekleyebilir miyiz? Olmazsa da sorun değil bu haliyle de işime yaradı. Tekrar teşekkür ederim.🙏

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
# 19 Ara 2023 18:35:02
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] hocam, aşağıda basit şablonunu eklediğim eşitlik ile ilgili alıştırma uygulaması yapılabilir mi?
aşağıya istediğiniz gibi bir program hazırladım. fakat daha önceden bu konu ile ilgili hazırladığım başka bir program var. göz atmak isterseniz:
[linkler sadece üyelerimize görünmektedir.]

Çevrimdışı akboga21

  • Tecrübeli Üye
  • ****
  • 127
  • 377
  • 127
  • 377
# 19 Ara 2023 18:57:00
[linkler sadece üyelerimize görünmektedir.]
aşağıya istediğiniz gibi bir program hazırladım. fakat daha önceden bu konu ile ilgili hazırladığım başka bir program var. göz atmak isterseniz:
[linkler sadece üyelerimize görünmektedir.]

Teşekkür ederim [linkler sadece üyelerimize görünmektedir.] hocam. Önceki programınızın farklı bir versiyonunu görmüştüm. Renkli daireler ekleyerek eşitliğin sağlandığı program. O, görsellik açısından çok güzel ancak gelen işlemler biraz daha basit ve çizim alanı olmadığı için şablonunu attığım programı düşünmüştüm.

Yeni yaptığınız program da çok güzel olmuş. Elinize sağlık! Text olarak açıp fontu değiştirirsem egitimhane fontuyla görünür mü acaba?

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
# 19 Ara 2023 20:00:15
[linkler sadece üyelerimize görünmektedir.]
Teşekkür ederim [linkler sadece üyelerimize görünmektedir.] hocam. Önceki programınızın farklı bir versiyonunu görmüştüm. Renkli daireler ekleyerek eşitliğin sağlandığı program. O, görsellik açısından çok güzel ancak gelen işlemler biraz daha basit ve çizim alanı olmadığı için şablonunu attığım programı düşünmüştüm.

Yeni yaptığınız program da çok güzel olmuş. Elinize sağlık! Text olarak açıp fontu değiştirirsem egitimhane fontuyla görünür mü acaba?
hocam vscodium veya herhangi bir text programı ile açıp 11. satıra şunu eklerseniz olur:
font-family: "Egitimhane ABC";

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
# 20 Ara 2023 00:30:36
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] hocam dün akıllı tahtada yarışmayı yaptım tekrar çok teşekkür ederim. Şöyle bir ekleme yapabilir miyiz? Cevap ve yeni soru adlı İki buton ekleyebilir miyiz? Olmazsa da sorun değil bu haliyle de işime yaradı. Tekrar teşekkür ederim.🙏
Hocam, ben yeni öğrendiğim bazı uygulamaları denemek istedim.
programı exe haline getirdim.(çalışması için chrome kurulu olmalı)
biraz büyük olduğu için harici bir siteye yüklemek zorunda kaldım.

[linkler sadece üyelerimize görünmektedir.]

yukarıdaki linkten indirip zipten çıkarın. soru aralığı yazmayı kaldırdım. ayrıca artık soruları istediğiniz gibi isimlendirebilirsiniz. jpg ve png kabul ediyor.

birden fazla bilgi yarışması ekleyebilirsiniz. açılışta istediğinizi seçip önceki gibi kullanailirsiniz. cevapları nasıl eklemeniz gerektiğini içinde açıkladım.

tek yapmanız gereken resimlerin ve cevapların bulunduğu klasörü _internal->web klasörünün içine atmak.

Çevrimdışı iskelet

  • Tecrübeli Üye
  • ****
  • 276
  • 1.534
  • 276
  • 1.534
# 21 Ara 2023 05:54:44
[linkler sadece üyelerimize görünmektedir.] hocam indirmeye çalıştığımda virüs uyarısı veriyor. İndirmeye izin vermiyor bilgisayar. Muhtemelen .exe uzantısı olduğu için bunun bir çözümü var mı?

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
# 21 Ara 2023 18:04:52
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] hocam indirmeye çalıştığımda virüs uyarısı veriyor. İndirmeye izin vermiyor bilgisayar. Muhtemelen .exe uzantısı olduğu için bunun bir çözümü var mı?
bende indirdiğimde kaydetmedi.şüpheli dosya saklayayım m diye soru. ben devam et deyince indirdi. bu pythonla hazırladığım bir program olduğu için sorunun ne olduğunu biraz araştırayım. bu arada da sadece javascript olan versiyonunu hazırlayayım

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
# 21 Ara 2023 19:46:11
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] hocam indirmeye çalıştığımda virüs uyarısı veriyor. İndirmeye izin vermiyor bilgisayar. Muhtemelen .exe uzantısı olduğu için bunun bir çözümü var mı?
hocam, araştırdım fakat çözüm bulamadım.
yapacak birşey yok maalesef. ben tekrar özüme döndüm ve sadece js ile programı yaptım.
nasıl çalışır:
1) 1.png,2.png... diye resimleri ekleyin.
2) soru aralığını belirleyin.bunu koyma sebebim, belki 100 soru eklersiniz arasından 50 tanesini sormak istersiniz diye düşündüm.
3) cevaplar.txt dosyasına istediğiniz soruların cevaplarını ekleyin.
(not bu dosyayı silmeyin. sadece
1-A
2-C
gibi değişiklikleri yapın.tüm soruların cevaplarının eklenmesi zorunlu değildir.)
4) çok sıkıcı olmasın diye girişe ve ana ekrana arkaplan resimleri ekledim. isterseniz bunları değiştirebilirsiniz.(aynı isim ve uzantı olmalı)
5) girişte karışık seçeneği ekledim.
6) giriş ekranına dönmek için sayfayı yenileyin.

Çevrimdışı iskelet

  • Tecrübeli Üye
  • ****
  • 276
  • 1.534
  • 276
  • 1.534
# 22 Ara 2023 05:15:06
[linkler sadece üyelerimize görünmektedir.]
hocam, araştırdım fakat çözüm bulamadım.
yapacak birşey yok maalesef. ben tekrar özüme döndüm ve sadece js ile programı yaptım.
nasıl çalışır:
1) 1.png,2.png... diye resimleri ekleyin.
2) soru aralığını belirleyin.bunu koyma sebebim, belki 100 soru eklersiniz arasından 50 tanesini sormak istersiniz diye düşündüm.
3) cevaplar.txt dosyasına istediğiniz soruların cevaplarını ekleyin.
(not bu dosyayı silmeyin. sadece
1-A
2-C
gibi değişiklikleri yapın.tüm soruların cevaplarının eklenmesi zorunlu değildir.)
4) çok sıkıcı olmasın diye girişe ve ana ekrana arkaplan resimleri ekledim. isterseniz bunları değiştirebilirsiniz.(aynı isim ve uzantı olmalı)
5) girişte karışık seçeneği ekledim.
6) giriş ekranına dönmek için sayfayı yenileyin.

Karışık soru sorma ve arka plan çok iyi olmuş. Çok teşekkür ederim [linkler sadece üyelerimize görünmektedir.] hocam.

Çevrimdışı ogrtmen321

  • Üye
  • *
  • 12
  • 5
  • 12
  • 5
# 24 Ara 2023 12:41:15
[linkler sadece üyelerimize görünmektedir.] hocam bu programları nasıl yapıyorsunuz yapmayı öğreten videolar atsanız keşke biz de öğrenebilsek bir youtube hasabınız veya tavsiye ettiğiniz videolar var mı neyi izlersem öğrenirim bu konuları

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
# 24 Ara 2023 16:54:07
[linkler sadece üyelerimize görünmektedir.]
[linkler sadece üyelerimize görünmektedir.] hocam bu programları nasıl yapıyorsunuz yapmayı öğreten videolar atsanız keşke biz de öğrenebilsek bir youtube hasabınız veya tavsiye ettiğiniz videolar var mı neyi izlersem öğrenirim bu konuları
hocam, ÖBA'da zaman zaman HTML,CSS ve Javascript dersleri oluyor. o dersleri takip edebilirsiniz. ben aldım. çok faydalılar.

İnternette javascript ile birçok kaynak var. youtube'da videolar var. istediğinizi takip edebilirsiniz. hepsi de çok güzel. şu anda bile bir program yaparken internetteki kaynaklardan çok faydalanıyorum.

kısacası günümüzde öğrenmek isteyen için çok kaynak var.


fakat bir şey yapabilmek için bu üçünü de bilmeniz gerekiyor.
1) HTML -> arabanın kasası gibi düşünebilirsiniz
2) CSS -> arabanın boyası, makyajı ve aksesuarları olarak düşünebilirsiniz.
3) Javascript -> arabanın motoru olarak düşünebilirsiniz. motoru olmadan araba yapabilirsiniz fakat hareket etmez.


bir diğer yardımcı ise vscodium uygulaması. ücretsiz olan bu uygulama otomatik kod tamamlaması ile işleri 10 kat kolaylaştırıyor.

vscodium uygulamasını kurun,yeni metin belgesi deyin. tür olarak HTML seçin. ünlem işareti yazıp entere basın, tada size bir sayfayı otomatik olarak oluşturur.

ayrıca her tarayıcı(chrome,firefox vb.) birer javascript çalıştırıcısıdır. F12'ye basın. açılan kısımda konsol'u seçin. işte size Javascript kodlarını deneyebileceğiniz bir alan açıldı.

alert("merhaba") yazıp entere basın. işte ilk javascript kodunuz çalıştı.

öğrenmek için de bu kısım iyidir.
var a=5;var b=6; yazıp entere basın.
sonra a*b yazıp entere basın size 30 değerini döndürecektir.
eğer bir ucundan işe başlarsanız gerisi gelir diye düşünüyorum.

takıldığınız konuları da her zaman sorabilirsiniz.

Çevrimdışı smyi

  • Bilge Meclis Üyesi
  • *****
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
  • 4.565
  • 32.045
  • 4. Sınıf Öğretmeni
# 26 Ara 2023 01:55:03
python ile kafayı yemek üzereydim ki(sürekli virüs hatası veriyor) neden bu saçmalıkla uğraşıyorum dedim.

özüme dönüp javascript ile docx birleştirme programı yaptım.
zipten çıkarıp chrome veya firefox ile açın.

Çevrimdışı yalman68

  • Tecrübeli Üye
  • ****
  • 485
  • 11.284
  • 3. Sınıf Öğretmeni
  • 485
  • 11.284
  • 3. Sınıf Öğretmeni
# 26 Ara 2023 10:21:12
[linkler sadece üyelerimize görünmektedir.] hocam iyi günler
rar dosyasındaki problem oluşturma sayfasında ekrana 1 soru  geliyor.
Bu çalışmaya resimdeki gibi a4 boyutunda 10 soru getirme ve yazdırma seçeneği eklenebilir mi?
Önceki programlarınızda soruları .txt dosyasından alıp problem oluşturuyordu.
Bu programda sorular sayfanın içinde olduğu için güncelleştirme, ekleme yapma çok daha kolay olur...
Şimdiden teşekkür ederim.

Çevrimiçi nuyhuy

  • Uzman Üye
  • *****
  • 861
  • 4.284
  • 2. Sınıf Öğretmeni
  • 861
  • 4.284
  • 2. Sınıf Öğretmeni
# 26 Ara 2023 13:44:17
[linkler sadece üyelerimize görünmektedir.] hocam aşağıdaki linkteki defterlere yazdır özelliği ekleyebilir misin

[linkler sadece üyelerimize görünmektedir.]

 


Egitimhane.Com ©2006-2023 KVKK