Corona günleri boyunca boş durmamak adına Javascript kurslarından öğrendiklerim ile olabildiğince kendimi geliştirmeye çalışıyorum henüz iyi bir seviyeye ulaşamasam bile ilerleme kaydediyorum. Eğitimlerden faydalanarak JS kısımlarını sıfırdan kendim kodladım.
En Basit Seviye: Zar oyunu
İki kişilik çok çok basit bir zar oyunu. Bunu ES6'i bilmeden önce ES5 ile dümdüz bir şekilde kodlamıştım. Zar atma oyununda skorlarınız toplanır ve Hold butonuna basarsanız toplam skor hanenize kaydedilir. Yalnız zarlardan birisi 1 veya 6 gelirse skorunuz sıfırlanıyor ve oyun hakkı karşı tarafa geçiyor. 100'e ulaşan kazanır veya orada kazanma skorunun kaç olacağını kendiniz belirleyebiliyorsunuz.
url: https://serdarwork.com/dice-game/
Daha Gelişmiş: Bütçe uygulaması
Bu uygulamayı pek anlatmama gerek yok zaten. Yine ES5 ile yazıldı fakat bu sefer daha kaliteli bir kod yapısı mevcut. Bütçenizi hesaplayabilirsiniz sayfayı yenilediğinizde her şey kaybolur.
url: https://serdarwork.com/budget/
ES6 ile Yapılan İyi Bir Çalışma: Yemek Tarifi Sitesi
Bu aralarında en iyisi diyebilirim. ES6-ES7, npm, webpack, babel hepsi bir arada kullanıldı. Herkese açık bir API ile yemekleri farklı siteden çekiyor. API zaman zaman çalışmayabiliyor. :)
- kebab
- pizza
- hamburger
Yukarıdaki kelimeleri kullanarak deneme yapabilirsiniz.
Mantığı çok basit yemek seçebiliyorsunuz, malzemeleri sepete ekliyorsunuz, yemek tarifine gidebiliyor veya yemeği favorilere ekliyorsunuz. Sayfa yenilendiğinde bilgileri tutmaya devam eder.
url: https://serdarwork.com/recipe/
NOT: Hiçbirisi üretim amaçlı değil tamamen eğitim amaçlıdır ve geliştirilmek üzere hatalarla doludur. Zamanla ufak tefek iyileştirmeler yapabilirim. Responsive değildir ve üretim amaçlı olmadığı için sitelere noindex ekledim.