JavaScript'te OOP İle Basit Bir Not Alma Uygulaması Geliştirme

Bu yazımızda, JavaScript'te OOP Object-Oriented Programming kullanarak kolay bir not alma uygulaması geliştirmeyi öğreneceksiniz Bu uygulama sayesinde notlarınızı her zaman güvenli ve düzenli bir şekilde saklayabileceksiniz Hadi, hemen başlayın ve JavaScript OOP ile not alma uygulaması geliştirme dünyasına adım atın!

JavaScript'te OOP (Nesne Yönelimli Programlama) kullanarak basit bir not alma uygulaması geliştireceğimizi öğreneceğimiz bu makalede, sınıf ve nesne oluşturma, not objelerine özellikler eklemek ve metodlar oluşturmak gibi başlıca konuları ele alacağız.

Birçok programlama dili, gibi, JavaScript de nesne yönelimli programlama için birçok araç sağlar. Projelerinizin daha yönetilebilir ve sürdürülebilir olmasını sağlayan bu araçlarla, birçok nesneyle çalışmanız gereken daha büyük ve karmaşık uygulamalar geliştirebilirsiniz.

OOP Nedir?

OOP (Object-Oriented Programming), bir programlama yaklaşımıdır. Bu yaklaşımda, programdaki varlıklar veya nesneler etrafında kurulur. OOP, verileri ve işlevleri kapsayacak şekilde, programlama problemlerini daha mantıklı ve anlaşılır bir şekilde ele alır.

Bir nesne, programlama dünyasında var olan herhangi bir şey olabilir - bir araba, bir kullanıcı, bir web sayfası vb. OOP, bu varlıkların özelliklerini ve davranışlarını tanımlayan sınıflar oluşturarak çalışır. Bu, sınıfların nesnelerin çeşitliliğini kontrol edebileceği anlamına gelir.

OOP'nin ana fikri basittir; bir nesne özelliklere ve davranışlara sahiptir. Bu nedenle, bir programcı, özellikler ve davranışlar için bir sınıf tanımlar. Ardından, bu sınıftan veriler ve işlevler oluşturarak paketler oluşturur. Bu şekilde nesneler oluşturabilir ve uygulamalar için daha karmaşık hale getirebilir.

Not Alma Uygulaması İçin Sınıf ve Nesne Oluşturma

Bu bölümde, JavaScript kullanarak not alma uygulaması için sınıf ve nesne oluşturacağız. Sınıf, bir nesnenin özelliklerini ve davranışını tanımlayan şablonlardır ve nesne yönelimli programlama (OOP) açısından oldukça önemlidir. Sınıfı oluşturmak için, bir constructor fonksiyonu kullanacağız ve belirli özellikleri tanımlayacağız. Özellikler (property) şeyleri saklamak için kullanılır.Şimdi, sınıfımız için yeni bir özellik tanımlayabileceğiz. Örneğin, nota, başlık ve yapılmış mı yapılmamış mı olduğu gibi özellikler ekleyebiliriz. Ayrıca, nesne oluştururken bu özelliklerin değerlerini belirleyebilirsiniz.

Nesneler, sınıfların örnekleridir ve özellikleri ve davranışları sınıf ile tanımlanır. Bu uygulamada, not alma uygulaması için nesne oluştururken, sınıfımızda tanımlanan özellikleri kullanabiliriz. Nesne oluştururken, sınıf adını kullanarak ve new anahtar kelimesini kullanarak oluşturabiliriz.

Bir sınıf tanımlayın - bu belirli özellikleri ve davranışları tanımlar
Katı yapıcı (constructor function) kullanarak sınıfınızı oluşturun
Sınıfınızı özelliklerle (property) donatmak için Constructur altında özelliklerinizi tanımlayın
Nesneler oluşturun - sınıfın örnekleri, özellikleri ve davranışları sınıf aracılığıyla tanımlanır
Nesne yöntemleri ekleyin - not objelerine ekleme, silme ve okuma işlemleri için metodlar (methods) ekleyebilirsiniz

Sınıf Oluşturma

Sınıf, OOP'nin en önemli öğelerinden biridir ve bir nesnenin özelliklerini ve davranışlarını tanımlayan bir taslaktır. Bu, not alma uygulamamızın taslağıdır ve bu taslağı kullanarak daha sonra birden fazla not nesnesi oluşturabiliriz. Bir sınıf oluşturmak için, öncelikle constructur fonksiyonunu kullanmamız gerekiyor.

Constructur fonksiyonu kullanarak, sınıfımızın adını tanımlayabilir ve sınıfımızın özelliklerini oluşturabiliriz. Sınıf oluşturma örneği, aşağıdaki kod bloğunda gösterilmiştir:

Sınıf Oluşturma Kodu
class Not { constructor(baslik, aciklama, tarih) { this.baslik = baslik; this.aciklama = aciklama; this.tarih = tarih; }}

Bu örnek kod bloğunda, Not adlı bir sınıf oluşturduk ve constructor fonksiyonunu kullanarak sınıfımıza özellikler ekledik. Bu özellikler, baslik, aciklama ve tarih olarak belirlendi. Bu özellikleri this anahtar kelimesiyle sınıfımızın instance'ına atayabilir ve daha sonra bu özellikleri kullanarak notlar oluşturabiliriz.

Konstruktor Fonksiyonu

Konstruktor fonksiyonu, sınıfımızı oluşturmak için kullanacağımız yöntemdir. Bu fonksiyon, sınıfın özelliklerinin tanımlanmasını sağlayacak ve sınıfın tamamlanmasında önemli bir rol oynayacaktır.

JavaScript'te, konstruktor fonksiyonları yeni sınıflar oluşturmak için kullanılır. Bu fonksiyonlar genellikle baş harfi büyük harfle başlayan isimlerle tanımlanır vethis anahtar kelimesi ile birlikte özelliklerin tanımlanmasında kullanılırlar. Örneğin, bir Sınıfın kurucu fonksiyonu aşağıdaki gibi tanımlanabilir.

function Sinif(isim, numara) {  this.isim = isim;  this.numara = numara;}

Bu örnekte, Sinif adında bir sınıf oluşturduk ve isim ve numara özelliklerini tanımlamak için konstruktor fonksiyonunu kullandık. Fonksiyon, isim ve numara parametrelerini alır ve this anahtar kelimesi ile sınıfa atanır. Bu sayede, her bir nesne özgün bir isme ve numaraya sahip olacaktır.

Bu örnekteki sınıf, basit bir not alma uygulaması için yeterli olmayabilir, ancak temelleri anlamamız için yeterlidir. Bir sonraki adımda, sınıfımıza özellikler ekleyeceğiz.

Özellikler Tanımlama

Özellikler (properties), sınıflarda kullanılan veri elemanlarıdır. Oluşturduğumuz sınıflarda özellikleri tanımlamak için constructur fonksiyonunun içinde yer alacaklar. Sınıfımıza özellik eklerken, genellikle var anahtar kelimesi kullanılır. Burada, not başlığı ve not içeriği özellikleri ekleyeceğiz.

Özellik Adı	Tanımı
başlık	not başlığı özelliğini tutar
içerik	not içeriği özelliğini tutar

Yukarıda oluşturduğumuz tabloda sınıfımıza ekleyeceğimiz iki özellik için ad ve tanımlarını belirttik. Şimdi constructur fonksiyonumuzu düzenlememiz gerekiyor. Aşağıdaki kodu ekleyerek not sınıfına başlık ve içerik özelliklerini ekleyeceğiz:

  class Not {    constructor(baslik, icerik) {      this.baslik = baslik;      this.icerik = icerik;    }  }

Yukarıdaki kodda, constructur fonksiyonumuz sınıfımızı oluşturuyor ve başlık ile içerik özelliklerini this anahtar kelimesi kullanarak ekliyoruz. Bu sayede her oluşturulan not objesi, kendi başlık ve içerik özelliklerini taşıyacak.

Nesne Oluşturma

new kullanılır. Sınıfımızı oluşturduktan sonra, not alma uygulamasında bir notun temsil edildiği bir nesne tanımlayabiliriz. Bu, sınıfı kullanarak nesne özelliklerini ve davranışını tanımlamakla yapılır. Bir nesne oluşturmak için, sınıfın adını kullanarak yeni bir nesne tanımlayın ve ardından 'new' anahtar kelimesiyle başlayan bir ifade yazın. Bu ifade, sınıfımızı çağırır ve yeni bir nesne oluşturur. Örneğin, not alma uygulamamızda bir nesne oluşturmak için şu kodu kullanabiliriz:

//Not Sınıfı

class Not {

constructor(baslik, icerik) {

this.baslik = baslik;

this.icerik = icerik;

}

//Not Nesnesi

var notum = new Not("Örnek Not Başlığı", "Örnek Not İçeriği");

Yukarıdaki örnekte, Not sınıfımız 'baslik' ve 'icerik' özellikleriyle birlikte tanımlanmıştır. Ardından, 'new' anahtar kelimesiyle başlayan bir ifade kullanarak notumuzun bir örneğini oluşturuyoruz. Bu örnekte, nesnemizi 'notum' adıyla tanımladık ve 'Örnek Not Başlığı' ve 'Örnek Not İçeriği' değerlerini kullanarak oluşturduk.Nesneleri oluşturduktan sonra, bu nesnelerin özelliklerine ve yöntemlerine erişebiliriz. Örneğin, notumuzun başlığını almak için şu kodu kullanabiliriz:

//Not Başlığına Erişmek
console.log(notum.baslik);

Yukarıdaki kod, 'notum' nesnesinin 'baslik' özelliğinin değerini konsola yazdırır. Bunun gibi, nesnelerin özelliklerine ve yöntemlerine erişimi sağlamak için 'nokta' notasyonunu kullanırız.Nesne yönelimli programlama, JavaScript'te oldukça önemlidir ve not alma uygulamaları gibi küçük örneklerden daha büyük uygulamaların oluşturulmasına kadar birçok alanda kullanılabilir. Yukarıdaki örneklerle birlikte, JavaScript'te OOP ile not alma uygulaması geliştirmenin temellerini öğrenebilir ve ileri seviye uygulamalar geliştirmeye hazır olabilirsiniz.new

Anahtar kelime "new", nesne örneklerinin oluşturulmasında kullanılır. Bir sınıf tanımlandığında, nesne örnekleri sınıftan oluşturulur. Bu örneklere erişim, sınıf anahtar kelimesi kullanılarak ve ardından parantez içinde özellik değerleriyle birlikte belirtilerek yapılır. Nesne özellikleri değiştirilebilir ve silinebilir. Örneğin, not alma uygulamamızda yeni bir not eklemek için yeni bir nesne yaratırız ve bu nesnenin özelliklerine not başlığı ve not içeriği gibi değerler atayabiliriz. Nelerin kaydedileceğine ve nasıl kaydedileceğine karar vermek sizin tasarımınızda.

kullanılır.

Not alma uygulamamızda notları nesne özellikleri olarak kaydetmek için bir nesne oluşturmamız gerekiyor. Bu nesne, burada tanımladığımız sınıfın bir örneği olacaktır. Bu nesneyi tanımlamak için new anahtar kelimesini kullanabiliriz. Örneğin,

    let yeniNot = new Not("Matematik ödevi", "Bu ödevi yarına kadar bitirmem gerekiyor.");

Burada, Not sınıfından yeni bir nesne (yeniNot) oluşturduk ve iki özellik belirledik. İlk özellik, notun başlığı ve ikinci özellik, notun içeriği olarak belirtildi.

Not alma uygulamamızdaki notlarımızın güncellenebilir olması için, nesnelerimizin özelliklerini değiştirebilmeliyiz. Özellikleri değiştirmek için, nesne adı ve özellik adı kullanarak erişebilirsiniz. Örneğin,

    yeniNot.baslik = "Fizik ödevi";    yeniNot.icerik = "Bu ödevi haftaya kadar bitirmem gerekiyor.";

Bu kodlar, yeniNot nesnesinin başlık ve içerik özelliklerini değiştirir.

Nesne Oluşturma ve Özellik Değiştirme

Bir not alma uygulaması oluşturuyorsak, notları kaydedebileceğimiz bir yerimiz olması gerekir. Bu noktada, her notu özellik (property) olarak tanımlayabiliriz. Böylece, her not bir nesne (object) olarak tanımlanır ve farklı özelliklere sahip olur.

Örneğin, bir notun başlığı, içeriği, tarihi ve kategorisi gibi birçok özelliği olabilir. Bunları nesnenin özellikleri olarak tanımlayarak her not için ayrı bir nesne oluşturabiliriz.

Bu işlemi yaparken, nesne özelliklerini her bir not için değiştirebiliriz. Örneğin, bir notun başlığını veya içeriğini düzenleyebiliriz. Bu da nesne yönelimli programlama sayesinde oldukça kolaydır. İlgili özelliği belirleyip yeni bir değer atayarak nesne özelliğini değiştirebiliriz.

Nesne Yöntemleri Ekleme

Bir not alma uygulamasını geliştirdiğimizde, notları ekleyebilme, silme ve güncelleme gibi işlemleri yapmak isteyebiliriz. Bunun için, nesnelere yöntemler eklememiz gerekiyor.

Örneğin, bir Not sınıfı oluşturduysak ve her Not nesnesi, notun başlığı ve içeriği gibi özelliklere sahipse, Not sınıfına ekleyebileceğimiz not düzenleme yöntemleri şunlar olabilir:

Not Ekleme: Yeni bir not eklemek için, not objesi oluşturulur ve listenin sonuna eklenir.
Not Silme: Belirli bir notu silmek için, not objesi listeden kaldırılır.
Not Güncelleme: Mevcut bir notu güncellemek için, not objesi liste içinde bulunur ve yeni bilgilerle güncellenir.

Yöntemleri sınıfın içine ekleyebiliriz. Bu şekilde, her oluşturulan Not objesi bu yöntemleri kullanabilir. Bir nesnenin yöntemini kullanmak için, nokta "." operatörü ile nesne adı ve yöntem adı arasına yazılabilir. Örneğin:

const yeniNot = new Not('Başlık', 'İçerik');	// Yeni bir not oluşturulur
yeniNot.notEkle();	// Oluşturulan not listeye eklenir
yeniNot.notSil();	// Oluşturulan not listeden silinir
yeniNot.notGuncelle('Yeni Başlık', 'Yeni İçerik');	// Oluşturulan notun bilgileri güncellenir

Bu yöntemler, not alma uygulamasının daha işlevsel olmasını sağlar. Yapılacak değişikliklere göre, farklı yöntemler eklenebilir veya yöntemlerin kodları güncellenebilir.

SONUÇ

Bu makalemizde, JavaScript'te basit bir not alma uygulaması geliştirmek için OOP kavramlarını kullanmayı öğrendik. Sınıf ve nesne oluşturma, Kapsülleme, Kalıtım, Polimorfizm gibi OOP temellerini kavrayarak not alma uygulamamızı geliştirdik. Bu temeller, daha büyük ve karmaşık uygulamaların geliştirilmesinde de büyük önem taşımaktadır. OOP, uygulama yazılımı kodlama sürecini kolaylaştıran, daha organize bir yaklaşım sunar. Böylece daha az kod yazarak, uygulamanın bakımını da daha basit hale getiririz.