Jul.04

JavaScript OOP (Nesne Yönelimli Programlama) Yaklaşımı Ders 4 : Object Veri Tip ile Sınıf, Özellik ve Metot Kavramını İlişkilendirmek

Söylediklerimiz toparlayacak olursak; Object nesnesini bir Class gibi kullanacağız. Class’lar OOP’de metotları bir arada barından kod yığını demektir. Object içinde oluşturacağımız Fonksiyonlar, Class’larda kullandığımız Metot’lar olacaktır. Object içinde tanımladığımız Değişkenler de Özellik olacaktır. Böylece en azından basit seviyede olsa da JavaScript ile nesne yönelimli programlamanın kolaylıklarından faydalanmış olacağız.

JavaScript

Jul.04

JavaScript OOP (Nesne Yönelimli Programlama) Yaklaşımı Ders 3 : Yeni Bir Obje Yapılandırmak

Bir önceki makalede Object oluşturup özelliklerine (değişkenlerine) değer atayıp yazdırmıştık. Ancak bu nesneyi tek bir seferde kullandık. Bazı durumlarda bir nesne oluşturup (Object değil de Function olarak tanımlayacağız), bunu farklı farklı değerlerle de kullanmak istetebilirsiniz. Yani nesne içinde yer alan Özellik’lerin (değişkenlerin) değerleri başlangıç anında boş olacaktır. Aslında bu işlem biraz da parametreli fonksiyon kullanımına benzemektedir. Hazırladığımız nesneyi yeniden türetip, değerlerini girerek içindeki metotları çağırabiliriz. Hemen bir örnek ile inceleyelim…

JavaScript

Jul.04

JavaScript OOP (Nesne Yönelimli Programlama) Yaklaşımı Ders 2 : new Anahtar Kelimesi ile Object Üretmek

Bir Object üretmenin en pratik yolu, new anahtar kelimesi kullanılmaktadır.

<!DOCTYPE html>
  <head>
    <meta charset="utf-8">
	<script type="text/javascript">
		var kisi = new Object();
		kisi.isim = "Uğur";
		kisi.soy_isim = "Gelişken";
		kisi.yas = "33",
		mesaj = "Merhaba. Ben " + kisi.isim + " " + kisi.soy_isim + ", yaşım " + kisi.yas + ".";
		document.write(mesaj);
	</script>
  </head>
</html>
JavaScript

Jul.04

JavaScript OOP (Nesne Yönelimli Programlama) Yaklaşımı Ders 1 : Object Veri Tipi ve Class Mantığı

Bu veri tipi, bir grup içinde daha alt değişkenleri toplayarak birden fazla değeri tutabilmektedir. Mesela Insan bir Object olursa, isim, soyisim ve yas değerleri de alt değişkenleri olur. Eğer elimizde bir kişi olsa, sadece bu alt değişkenlerle işimizi görebiliriz. Fakat bir sınıfta yer alan 50 kişinin değerlerini tutmak istersek, o zaman Object kullanmak kaçınılmaz olur.

JavaScript

Jul.02

AniJS Dersleri 3: jQuery, Bootstrap ve AniJS ile Resimler Arası Geçiş

Bu örnekte, başlıkta da belirtmiş olduğumuz jQuery, Bootstrap ve AniJS ile basit bir örnek yapacağız. Örneğimizde 3 adet buton olacak. Bu butonlar Bootstrap ile stillendirilecek. AniJS ile de bu butonlara tıklandığında, 3 farklı div içinde yer alan resimleri efektli bir şekilde geçiş yaptırarak göstereceğiz. div’lerin görünürlüklerini de kontrol edebilmek için jQuery kullanacağız.

JavaScript