Javascript Programlama Dilini Öğrenmek İsteyenler

[linkler sadece üyelerimize görünmektedir.] hocam iyi günler.
Yaptığım çalışmada şimdiye kadar katettiğim yol...
nasıl olmuş?

Hocam, çok güzel olmuş. gayet başarılı.
kodları ayrıntılı şekilde inceledim. gördüğüm birkaç hata:

*html kodu içinde iki tane body tag'ı oluşturulmuş. hata. body tag'ı 1 tane olmalı.
*yanmenü yazdırılmayan alanın içine alınmalı ( <div class="noprint"> ) veya "noprint" classı eklenerek yazdırılması önlenmeli.

*html içinde gereksiz "</center>" tagı kalmış. onları silebilirsiniz. faydası yok.
*colspan="1" yazmak gereksiz. onları da silebilirsiniz.

verebileceğim tavsiyeler:
1) mevcut durumda, sayfa kaydedildikten sonra başka bilgisayara götürdüğünüzde isimler gözükmeyecektir. çünkü tabloda öğrenci isimleri yer alsa dahi program local hafızadan bilgi çektiği için ve yeni bilgisayarın local hafızasında bu bilgi bulunmadığı için  tablodaki isimleri silecektir.
sorunun çözümü için şöyle birşey geliştirdim: öğrenci isimleri inputlar yerine tabloda ekleniyor. kaydedilirken tablo da kaydediliyor(inputlar kaydedilemez). açılışta eğer yerel hafızada bilgi yoksa tablodaki bilgilere başvuruyor. böylece okul ismi öğretmen ismi gibi bilgiler silinse de öğrenci isimleri silinmiyor.. dosyayı aşağıya ekledim.
2) bu tarz tabloları excel ile hazırlamak daha kolay olabilir.
3) vscodium uygulamasına aşağıdaki resimde gösterdiğim eklentiyi eklerseniz kaydederken kodu düzenli br hale otomatik getiriyor. tavsiye ederim.

[linkler sadece üyelerimize görünmektedir.] hocam, kusuruma bakmayın, önceki mesajda çok fazla değişiklik yaparak ve sizin kafanızı karıştıracak şekilde programda değişiklik yapmıştım.
halbuki programınız gayet yeterli ve güzel. özellikle yan menü çok güzel olmuş.

bu nedenle programı tekrar ele aldım, sizin eklemelerinize engel olmayacak şekilde minimum ekleme yaparak tekrar oluşturdum.

yaptığım değişiklikleri aşağıdaki resimde gösterdim.
amaç: kaydedildikten sonra başka bilgisayarda aynı bilgilerle açabilme.

size kolaylıklar dilerim. javascripte gerçekten çok ilerleme kaydettiniz. kendi başınıza program yazabilecek seviyedesiniz.

Birilerinin bu saate çalışması öğretmen olarak bana gurur veriyor.

[linkler sadece üyelerimize görünmektedir.] hocam diyelim ki köpek boyama sayfası var bu boyama sayfasındaki köpeğin çizgisi kesik kesik çizgi haline getirilebilir mi acaba?

[linkler sadece üyelerimize görünmektedir.] hocam diyelim ki köpek boyama sayfası var bu boyama sayfasındaki köpeğin çizgisi kesik kesik çizgi haline getirilebilir mi acaba?

hocam,  size iki farklı çözüm hazırladım. maalesef ikisi de sizin istediğiniz çözümlerden değil. sizin istediğinizi maalesef yapabilecek bilgim ve yeteneğim yok. fakat bulduğum çözümleri yüklüyorum, belki işinize yarar.

1) resmi noktalı hale getirme: resmi yükleyin, değerleri istediğiniz gibi ayarlayın ve noktala deyin. bu yöntemi kullanırken resimdeki beyaz kısımları şeffaf yaparsanız daha iyi bir sonuç elde ediyorsunuz.

2) svg resmini kesik çizgiler haline getirme:
svg nedir? svg internet tarayıcıların kullandığı bir resim formatıdır. içini not defteri ile açıp bakarsanız bir yığın (yazılabilir) koddan oluştuğunu görürsünüz. freepik.com sitesinden svg uzantılı resimler indirebilirsiniz.(örnek arama : kedi boyama svg)
daha sonra svg resimlerini hazırladığım programda kesik çizgili yapabiliyorsunuz.
not: resmi svg'ye çevirdiyseniz işe yaramıyor.

zipten çıkarıp chrome ile kullanın.

hocam,  size iki farklı çözüm hazırladım. maalesef ikisi de sizin istediğiniz çözümlerden değil. sizin istediğinizi maalesef yapabilecek bilgim ve yeteneğim yok. fakat bulduğum çözümleri yüklüyorum, belki işinize yarar.

1) resmi noktalı hale getirme: resmi yükleyin, değerleri istediğiniz gibi ayarlayın ve noktala deyin. bu yöntemi kullanırken resimdeki beyaz kısımları şeffaf yaparsanız daha iyi bir sonuç elde ediyorsunuz.

2) svg resmini kesik çizgiler haline getirme:
svg nedir? svg internet tarayıcıların kullandığı bir resim formatıdır. içini not defteri ile açıp bakarsanız bir yığın (yazılabilir) koddan oluştuğunu görürsünüz. freepik.com sitesinden svg uzantılı resimler indirebilirsiniz.(örnek arama : kedi boyama svg)
daha sonra svg resimlerini hazırladığım programda kesik çizgili yapabiliyorsunuz.
not: resmi svg'ye çevirdiyseniz işe yaramıyor.

zipten çıkarıp chrome ile kullanın.

Çok teşekkür ederim [linkler sadece üyelerimize görünmektedir.] hocam. Hemen deniyorum.

[linkler sadece üyelerimize görünmektedir.] hocam denedim svg olan çok işime yarar. Tekrar çok teşekkür ederim.

hocam,  size iki farklı çözüm hazırladım. maalesef ikisi de sizin istediğiniz çözümlerden değil. sizin istediğinizi maalesef yapabilecek bilgim ve yeteneğim yok. fakat bulduğum çözümleri yüklüyorum, belki işinize yarar.

1) resmi noktalı hale getirme: resmi yükleyin, değerleri istediğiniz gibi ayarlayın ve noktala deyin. bu yöntemi kullanırken resimdeki beyaz kısımları şeffaf yaparsanız daha iyi bir sonuç elde ediyorsunuz.

2) svg resmini kesik çizgiler haline getirme:
svg nedir? svg internet tarayıcıların kullandığı bir resim formatıdır. içini not defteri ile açıp bakarsanız bir yığın (yazılabilir) koddan oluştuğunu görürsünüz. freepik.com sitesinden svg uzantılı resimler indirebilirsiniz.(örnek arama : kedi boyama svg)
daha sonra svg resimlerini hazırladığım programda kesik çizgili yapabiliyorsunuz.
not: resmi svg'ye çevirdiyseniz işe yaramıyor.

zipten çıkarıp chrome ile kullanın.

[linkler sadece üyelerimize görünmektedir.] hocam sizin indirmiş olduğunuz resimleri kesik kesik çizgi yaptım. Ama kendi indirdiğim resmi yapamadım neden olmuş olabilir acaba?

[linkler sadece üyelerimize görünmektedir.] hocam sizin indirmiş olduğunuz resimleri kesik kesik çizgi yaptım. Ama kendi indirdiğim resmi yapamadım neden olmuş olabilir acaba?

hocam bunun nedeni; bazı svg resimleri stroke(çizgi) ile oluştururken bazılarını fill(doldur) ile oluşturmaları.

çizgiden oluşanları kesik çizgili hale getirmek kolay. dolguyu kesik çizgili hale getirmek zor. ben programda ekleme yaparak dolgulu olanları da çizgili hale getirebilmek için ekleme yaptım.
artısı : artık png resmi online olarak svg dosyasına dönüştürüp kullanabiliyorsunuz.
eksisi : basitçe düz çizgiler halinde dolgu yaptığı için mükemmel bir sonuç elde edemiyorsunuz. açıyı iyi ayarlamak gerekiyor.

aslında aynı işlemi doğrudan resimlere beyaz çizgi atarak yapabilirim. biraz da onun üzerine uğraşayım. sonucu yinee buraya eklerim.

hocam bunun nedeni; bazı svg resimleri stroke(çizgi) ile oluştururken bazılarını fill(doldur) ile oluşturmaları.

çizgiden oluşanları kesik çizgili hale getirmek kolay. dolguyu kesik çizgili hale getirmek zor. ben programda ekleme yaparak dolgulu olanları da çizgili hale getirebilmek için ekleme yaptım.
artısı : artık png resmi online olarak svg dosyasına dönüştürüp kullanabiliyorsunuz.
eksisi : basitçe düz çizgiler halinde dolgu yaptığı için mükemmel bir sonuç elde edemiyorsunuz. açıyı iyi ayarlamak gerekiyor.

aslında aynı işlemi doğrudan resimlere beyaz çizgi atarak yapabilirim. biraz da onun üzerine uğraşayım. sonucu yinee buraya eklerim.

[linkler sadece üyelerimize görünmektedir.] hocam birde renkli olan resimler boyama sayfası şekline dönüştürülebilir mi?

[linkler sadece üyelerimize görünmektedir.] hocam birde renkli olan resimler boyama sayfası şekline dönüştürülebilir mi?

şöyle bir şey düşünmüştüm: renkli resmi alıyoruz. siyah kısımlar hariç tüm renkli yerleri siliyoruz. eğer yapabilirsem ve işe yararsa olabilir.

resmi çizgili hale gtirme çalışmaları da yapıyorum fakat istediğim başarıyı daha elde etmiş değilim. amacım: üzerinden geçtiğim yerin çizgi çizgi olması...

[linkler sadece üyelerimize görünmektedir.] hocam, resmi çizgili yapma programını hazırlamıştım. onu yükleyeyim.

[linkler sadece üyelerimize görünmektedir.] hocam birde renkli olan resimler boyama sayfası şekline dönüştürülebilir mi?

hocam, anlatmasam olmaz, önce gittim chatgpt'ye, bana böyle bir program yap dedim. ancak 3. denemede biraz işe yarayan bir program hazırladı. sonra forumları incelerken renk farkı hesaplayan bir kod buldum.(hazırlayan kişi ben çalıştıramadım diyordu fakat canavar gibi çalıştı.) kodu ekleyince beklentilerimin ötesinde bir program oldu. ben çok beğendim.
Resimleri boyama resmine çeviren program :

hocam, anlatmasam olmaz, önce gittim chatgpt'ye, bana böyle bir program yap dedim. ancak 3. denemede biraz işe yarayan bir program hazırladı. sonra forumları incelerken renk farkı hesaplayan bir kod buldum.(hazırlayan kişi ben çalıştıramadım diyordu fakat canavar gibi çalıştı.) kodu ekleyince beklentilerimin ötesinde bir program oldu. ben çok beğendim.
Resimleri boyama resmine çeviren program :

[linkler sadece üyelerimize görünmektedir.] hocam süpersin. Emeğine sağlık, çok teşekkür ederim.

[linkler sadece üyelerimize görünmektedir.] hocam resmi boyama sayfası şeklinde yaptım. Acaba siyah boyalı yerlerde beyaz olabiliyor mu ?