JavaScript'te OOP Nesneye Yönelik Programlama kullanarak basit bir döviz programı yapmak ister misiniz? Bu yazıda, adım adım nasıl yapabileceğinizi öğrenebilirsiniz Kodlama bilgisi olan herkes bu yazıya göz atabilir
Merhaba! Bu makalemde, JavaScript kullanarak nesne yönelimli programlama (OOP) teknikleri ile basit bir döviz hesaplayıcı programı yapmanın inceliklerini öğreneceksiniz. Bu amaçla, sizlere adım adım birkaç yöntem anlatacağım ve böylece döviz kurlarını güncellemek ve çevirmek için kod yazmayı öğreneceksiniz.
Öncelikle, OOP nedir kısaca açıklamak gerekirse, bu nesnelerin farklı nitelikleri, durumları ve davranışları olan bir programlama yaklaşımıdır. JavaScript, işlevsel konseptler dahil olmak üzere çeşitli programlama paradoksları sunarken, OOP ile daha düzenli, okunaklı ve sürdürülebilir kodlar oluşturabilirsiniz.
Döviz hesaplayıcı programımız için gereksinimlerimiz hazır olduğuna göre, OOP ile kodlama prensiplerine uygun geliştirmeler yapıp programımızı oluşturacağız. Makalemizde öncelikle kur değiştirme ve döviz çevirme yöntemleri hakkında detaylı bilgi edineceğiz. Daha sonra ise hazırlanan döviz sınıfını kullanarak, programımızı geliştirerek kolayca döviz hesaplamaları yapacağız.
OOP Nedir?
Nesne yönelimli programlama, bir programlama paradigmalarından biridir. Bu programlama yaklaşımı malzemeleri birbiriyle bağlantılı bilgi birimlerine ayırır ve bu malzemeler arasındaki etkileşimi nesneler aracılığıyla gerçekleştirir. Bu sayede programlama daha yapısal ve anlaşılabilir hale gelir.
JavaScript, OOP programlamaya olanak tanıyan bir dildir. Bu dilde Sınıflar dikkate değer bir özelliktir. Sınıf, aynı tip nesneleri oluşturmak için kullanılan bir kalıptır. Bu kalıplar kavramsal olarak diğer sınıflara benzer ancak algoritma ve teorik işlemleri javascript sınıflar için kullanılmaz.
OOP kavramını ve özellikle JavaScript sınıflarını anlamak, programlamada sıradışı çözümler sunan geliştiriciler olmanızı sağlar. Bu sayede daha profesyonel ve yapısal çözümler oluşturabilirsiniz.
Gereksinimler ve Hazırlıklar
Gereksinimler ve hazırlıklar, bu döviz hesaplayıcı programı yapmak için önemli bir kısımdır. İlk olarak, programlama için matematiksel kavramlara ve işlevlere hakim olmak gerekiyor. Dolayısıyla, para birimi dönüştürme işlemi için temel matematik işlemleri kullanarak hesaplamalar yapmamız gerekiyor. Bunu yapmak için, değişkenler, koşullar ve döngüler kullanarak JavaScript programlama dili ile tanışmak gerekiyor.
Bunun yanı sıra, tarayıcı konsolu veya VS Code gibi bir IDE'yi kullanarak kodlama işlemini gerçekleştirmemiz gerekiyor. Tarayıcı konsolu, JavaScript kodlarını denemek, örnek çalıştırmak ve programlama hatalarını kontrol etmek için çok kullanışlı bir araçtır. VS Code ise, kodlama sırasında yardımcı bir programdır ve kodlama kolaylığı sağlar.
- Matematik işlevleri (toplama, çıkarma, çarpma, bölme)
- Değişkenler, koşullar ve döngüler
- Tarayıcı konsolu veya VS Code gibi bir IDE
Yukarıdaki gereklilikleri yerine getirdikten sonra, döviz hesaplayıcı sınıfını oluşturmaya başlayabiliriz.
Döviz Hesaplayıcı Sınıfı
Döviz Hesaplayıcı Sınıfı
JavaScript'te bir sınıf, bir nesne örneği oluşturma yeteneğine sahip özel bir işlevdir. Döviz hesaplayıcı projesinde kullanacağımız sınıf da aynı şekilde özel bir işlev olarak tanımlanmaktadır. Temel olarak, bu sınıfın amacı, para birimi çevrimi yapmak için gerekli formülleri içermesi ve işlevleri yönetmesidir.
| Sınıf Adı | DovizHesaplayici |
| Özellikler | KurDeğerleri: Döviz kurlarının tutulduğu bir nesne. |
| DönüsKatsayilari: Döviz çevirme formülleri için bir dizi. | |
| VarsayilanKaynak: Varsayılan döviz birimi. |
Aşağıdaki yöntemler, döviz hesaplayıcı sınıfında bulunan yöntemlerdir:
- guncelleKurlar: API'den döviz kurlarını alır ve kurDeğerleri nesnesini günceller.
- cevir: Kaynak ve hedef döviz birimlerine göre bir miktarın çevrimini yapar.
- kaynakDegistir: Varsayılan kaynak döviz birimini değiştirir.
- hedefDegistir: Hedef döviz birimini değiştirir.
- formatla: Sonuçları biçimlendirir ve istenen formatta döndürür.
Yukarıdaki yöntemlerin her biri, döviz hesaplayıcısının doğru şekilde çalışması için gereklidir. Sınıf içinde değişken olarak tanımlanan kurDeğerleri, döviz kuru verilerini tutar. VarsayılanKaynak değişkeni ise, varsayılan olarak ayarlanan döviz birimini depolar. DönüsKatsayilari değişkeni ise, dönüşüm formülleri sunar.
Kur Değerlerini Güncelleme Yöntemi
Döviz kurları, her zaman değişken bir yapıya sahip olduğu için, uygulamamızın doğru sonuçlar vermesi için güncel tutulması gerekmektedir. Bunun için, güncelleme yöntemleri kullanılabilir.
Bunlardan biri, manuel olarak kullanıcının güncelleme yapmasıdır. Ancak bu yöntem pratik olmayabilir ve sürekli takip gerektirir.
Bunun yerine, güncelleme işlemini sürekli olarak tamamlayacak bir API kullanımı tercih edilebilir. Bu şekilde, uygulama her açıldığında ya da belirli aralıklarla API'dan alınan veriler ile güncelleme yapılabilir.
API kullanımı aynı zamanda güncelleme işlemini pratik hale de getirir ve kullanıcının manuel olarak takip etmesine gerek kalmaz. Bunun yanı sıra, güncelleme işleminin otomatik olarak yapılması, veri doğruluğunu da arttırır.
Bu nedenle, uygulamamızda güncelleme işlemini otomatik olarak yapan bir API kullanabiliriz. Böylece, programımız her açıldığında güncel veriler ile çalışacak ve doğru sonuçlar verecektir.
Döviz Çevirme Yöntemi
Döviz hesaplayıcımız artık güncel kurları kullanarak dönüşümleri gerçekleştirebiliyor. Ancak, kullanıcıların döviz birimlerini manuel olarak girmeleri gerekiyor, bu da hata yapma olasılıklarını artırıyor. Bu yüzden, döviz çevirme yöntemini de dahil edeceğiz.
Döviz çevirme yöntemi, kullanıcının istediği para birimini ve miktarını girmesine izin verir ve ardından hesaplayıcımız, diğer para birimine çevrilmiş miktarı gösterir. Bunun için, hesaplayıcımıza yeni bir fonksiyon eklememiz gerekiyor.
| İşlev | Açıklama |
|---|---|
| convert(currency, amount) | Bu işlev, kullanıcının dönüştürmek istediği para birimini ve miktarını alır ve çevrilmiş miktarı hesaplar. |
Bu fonksiyonu ekleyelim ve onu kullanarak hesaplayıcımızda döviz çevirme işlemi yapalım.
class CurrencyConverter { constructor() { this.rates = { // kur oranları 'EUR': 1, // euro kurunu 1 olarak aldık 'USD': 1.1, // dolar kurunu euroda hesapladık 'TRY': 9.0, // TL kurunu euroda hesapladık 'GBP': 0.9, // pound kurunu euroda hesapladık 'JPY': 120.0 // yen kurunu euroda hesapladık } } // kur oranlarını güncelleyen işlev updateRates(rates) { this.rates = { ...this.rates, ...rates }; } // para birimini çevirme işlevi convert(currency, amount) { const rate = this.rates[currency]; const convertedAmount = amount / rate; return convertedAmount.toFixed(2); }}const converter = new CurrencyConverter(); // bir örnek oluşturuyoruzconverter.convert('USD', 100); // 90.91 döndürür- Kod Açıklaması:
- CurrencyConverter.convert(currency, amount) - Bu metod, çevrilmek istenen para birimini ve miktarını kabul eder ve dönüştürülmüş miktarı hesaplar.
- İlk olarak, convert metoduna currency ve amount parametrelerini geçiririz.
- this.rates[currency] ifadesiyle çevrilmek istenen para biriminin kur değerini elde ederiz.
- Sonrasında, amount değerini, para birimi kuruna böldükten sonra toFixed(2) yöntemini kullanarak yuvarlama işlemi yaparız.
- Örneğin, 100 USD'yi EUR'ya dönüştürmek için, convert('USD', 100) kullanabiliriz. Bu, dönüştürülmüş miktar olarak yaklaşık 90.91 EUR döndürür.
Artık, kullanıcılar örneğin 100 USD'yi EUR'ya dönüştürmek istediklerinde, yeni convert metodunu kullanarak kolaylıkla yapabilirler.
Döviz Hesaplayıcı Sınıfının Kullanımı
Döviz hesaplayıcı sınıfını kullanmak oldukça basittir ve herkes tarafından anlaşılabilir. İlk olarak, sınıfı çağırmak ve örneğini oluşturmak için aşağıdaki kodu kullanın:
```const hesaplayici = new DovizHesaplayici();```
Bu kod, `DovizHesaplayici` sınıfını alır ve hesaplayıcı için yeni bir örnek oluşturur.
Artık, döviz kurlarının güncel olduğundan emin olmak için sınıfın `guncelleKur()` yöntemini kullanabilirsiniz. Bu, döviz kurlarını yenileyecek ve hesaplama işlemini doğru bir şekilde gerçekleştirecektir.
Örneğin, USD'nin EUR karşısındaki değerini almak ve 100 USD'nin ne kadar EUR olduğunu hesaplamak istediğinizde, aşağıdaki kodu kullanabilirsiniz:
```let usdDegeri = hesaplayici.cevirDoviz(100, "USD");let eurDegeri = hesaplayici.cevirDoviz(usdDegeri, "EUR");console.log(eurDegeri);```
Bu kod, 100 USD'nin EUR olarak değerini hesaplar ve sonucu konsolda gösterir. Daha fazla döviz çevrimi yapmak isterseniz, aynı işlemi farklı para birimleri ile tekrarlayabilirsiniz.
Özellikle işletmeler için, ürünlerin fiyatlarını farklı para birimleriyle sunmak ve müşterilerin daha rahat bir şekilde satın alma işlemi yapabilmelerini sağlamak oldukça önemlidir. Döviz hesaplayıcı sınıfı, bu işlemi oldukça basit hale getirir ve yüksek doğruluk sağlar.
Döviz hesaplayıcı sınıfı, yalnızca işletmeler için değil, bireysel kullanıcılar için de oldukça yararlıdır. Tatillerde veya yurt dışındaki tatil harcamalarınızı planlarken, bu sınıfı kullanarak harcamalarınızı kolayca takip edebilirsiniz.
Özetle, döviz hesaplayıcı sınıfı, çeşitli döviz kurlarını kullanarak hesaplama işlemini basitleştiren bir araçtır. Sınıf kolay kullanılır ve kodlama yetenekleri olmayan kişiler bile rahatlıkla kullanabilirler.
Hesaplayıcının İyileştirilmesi
Bir döviz hesaplayıcı programı yazdınız, ancak programınızda iyileştirmeler yapmak istiyorsanız, birkaç önerimiz var. İlk olarak, programınızın daha esnek olması için çeşitli para birimlerinin hesaplamalarına olanak tanıyın. Bunun için, döviz kur bilgilerini kullanıcı tarafından güncellenebilir hale getirebilirsiniz veya otomatik olarak internetten çekebilirsiniz. Bu, kullanıcıların döviz hesaplama işlemlerini daha hassas ve doğru bir şekilde yapmalarını sağlayacaktır.
İkinci önerimiz, kullanıcı arayüzünün iyileştirilmesidir. Daha modern bir tasarıma sahip bir arayüz kullanıcıların programınızı daha kolay ve keyifli bir şekilde kullanmalarını sağlayabilir. Örneğin, grafiksel bir kullanıcı arayüzü oluşturarak programın çok daha profesyonel ve güzel görünmesini sağlayabilirsiniz.
Diğer bir önerimiz ise kullanıcı hatalarını en aza indirgemektir. Kullanıcıların yanlış bir para birimi seçmesi veya yanlış değeri yazması sonucu hatalar meydana gelebilir. Bu nedenle, girdi yapılan alanları doğrulamak veya programınıza bir hata ayıklama sistemi eklemek önemlidir. Böylece, kullanıcının hatalardan kaçınması ve hesaplamaların daha doğru bir şekilde yapılması sağlanabilir.
Ayrıca, programınızın daha hızlı ve verimli bir şekilde çalışması için kodunuzu optimize edebilirsiniz. Karmaşık ve yavaş kodlar yerine, daha hızlı ve daha basit bir kod yazmak, programınızın performansını artırabilir.
Bunun yanı sıra, programınızda yeni özellikler ekleyerek kullanıcıların daha fazla seçenek sunabilirsiniz. Örneğin, döviz çevirme dışında, döviz grafiği oluşturma veya takip etmek istediği döviz kurlarını kaydetme gibi özellikler ekleyebilirsiniz.
Son olarak, programınızı düzenli olarak güncel tutmaya özen gösterin. Döviz piyasası sürekli değiştiği için, programınızın da bu değişikliklere ayak uydurması önemlidir. Böylece, programınızı düzenli olarak kontrol ederek veya otomatik güncelleştirerek, kullanıcıların en güncel döviz kurlarını kullanmalarını sağlayabilirsiniz.
Grafiksel Kullanıcı Arayüzü Ekleme
Programınız artık işlevsel ve kullanmaya hazır durumda ancak bir sorun var, kullanımı zor ve sadece tarayıcı konsolu üzerinden çalışıyor. Bu nedenle, kullanıcı dostu bir arayüz eklemek iyi bir fikir olacaktır. Bu sayede işlemler daha kolay ve anlaşılır olacaktır.
Arayüzü oluşturmak için HTML ve CSS kullanabilirsiniz. HTML, sayfaların yapısal özelliklerini belirtmek için kullanılırken CSS, görüntüyü düzenlemek ve stil vermek için kullanılır.
Yapmanız gereken ilk şey, HTML kodunuzda bir form eklemek. Form, kullanıcıların girdiği verileri toplamak için kullanılır. Formda değişkenleri tanımlamanız gerekiyor, burada da kullanıcıların döviz birimlerini seçebilecekleri bir alan ekleyin.
Bu aşamadan sonra CSS kodlarını kullanarak formun görünümünü düzenleyebilirsiniz. Form için ortalama bir boyut belirleyebilirsiniz ve kullanıcıların formda gezinmesini kolaylaştırmak için arayüzünü birkaç satıra bölebilirsiniz.
Daha profesyonel bir görünüm için, formu birkaç farklı HTML elementiyle değiştirerek yaratıcı bir şekilde kullanabilirsiniz. Örneğin, formun işaretleyicisini birçok görsel öge ve seçeneklerle birleştirebilirsiniz. Bu şekilde, kullanıcılar daha fazla döviz birimi seçeneği ve dönüştürülen miktarı görüntüleme imkanı bulabilirler.
CSS kodlarıyla formunuzun arkaplan rengini değiştirebilir, kenarlıkları ve gölgeleri modele uygun hale getirebilirsiniz. Bu sayede, formunuz daha profesyonel bir görünüm kazanacaktır.
HTML ve CSS kullanarak, basit bir arayüz oluşturabilirsiniz. Kullanımı kolay, anlaşılır ve kullanışlı bir arayüz sayesinde, programınız daha işlevsel ve kullanıcı dostu olacaktır.
Gerçek zamanlı Güncelleme Ekleme
Bir döviz hesaplayıcısı yapmak için son adım, döviz kurunu otomatik olarak güncellemektir. Bunu yapmak için, JavaScript'te mevcut olan bir yöntem kullanabiliriz: Interval. Bu yöntem, belirli aralıklarla bir işlevi yürütmemizi sağlar.
İlk olarak, güncellenmek istediğimiz döviz kurunu bulmak üzere URL'ye istek göndermemiz gerekiyor. Daha sonra, JSON formatında yanıt alacak ve verileri işleyeceğiz. Bu işlemi gerçekleştirmek için bir fonksiyon ekleyebilir ve daha sonra Interval ile bu fonksiyonu çağırabilirsiniz. Örneğin, her 5 dakikada bir döviz kurlarını güncelleyebilirsiniz.
Bununla birlikte, sık sık API'ye istek göndermek, web uygulamanızın performansını düşürebilir. Bu nedenle, gereksiz istekleri önlemek için bazı önbellekleme teknikleri kullanabilirsiniz. İstekleri belirli bir süre boyunca önbellekte saklayarak, aynı verileri tekrar tekrar istemek yerine, sadece belirli bir süre sonra güncelleme yapabilirsiniz.
Üstelik, güncellenen döviz kuru değerlerini kullanıcı dostu bir şekilde göstermek için arayüzünüzde biraz değişiklik yapabilirsiniz. Örneğin, kullanıcılara güncellenen kuru göstermek için bir bildirim ekleyebilirsiniz.
Bu tekniklerle, kullanıcılarınıza en güncel ve doğru döviz kuru değerlerini sunacaksınız.
Sonuç
Bu makalede, JavaScript kullanarak nesne yönelimli programlama (OOP) kavramının döviz hesaplayıcı programı üzerinden öğrenilmesi amaçlandı. Makalede öncelikle OOP kavramı ve JavaScript sınıfları hakkında bilgi verildi. Daha sonra, programlamada kullanılacak matematiksel kavramlar ve işlevler ile tarayıcı konsolu, VS Code ya da başka bir IDE gibi hazırlık işlemleri hakkında bilgi verildi ve döviz hesaplayıcı sınıfı oluşturuldu.
Döviz hesaplayıcı sınıfı oluşturulduktan sonra, kur değerlerini güncelleme yöntemi ve döviz çevirme yöntemi üzerinde duruldu. Ayrıca, döviz hesaplayıcı sınıfının nasıl kullanılacağı ve örneklerin verildiği bir bölüm de bulunmaktadır.
Hesaplayıcının iyileştirilmesi ile ilgili tavsiyeler de verildi. Bu bölümde, HTML ve CSS kullanarak basit bir arayüzün nasıl oluşturulacağı ve döviz kurunun otomatik olarak güncellenmesi hakkında bilgi verilerek grafiği ve gerçek zamanlı güncellemeyi eklemek için geliştirme önerileri sunuldu.
Son olarak, makalenin son bölümünde, özetle bu makalede öğrenilenler hakkında bir özet sunuldu ve OOP kullanarak döviz hesaplayıcı programının nasıl oluşturulacağına ilişkin ana hatlar verildi. Okuyuculara, programlama becerilerini geliştirmek için daha fazla örnek kod araştırması ve öğrenme kaynaklarına yönlenmeleri önerildi.