web-programlama

Komut satırı (command line) yardımıyla ilk Node.js programımızı çalıştırabiliriz.

Burada,

cd usr/local/bin

 komutu yardımı ile bin dizini içine girin:

Node.js, asenkron çalışan, açık kaynaklı, işlem bazlı (event based), ölçeklenebilir bir uygulama geliştirme çatısıdır. Uygulamaların sunucu (server) tarafında kullanılır ve JavaScript tabanlıdır. İlerleyen eğitimlerimizde uygulamalı olarak Node.js'in kullanım alanlarını ve özelliklerini göreceğiz.

Bir sonraki dersimizde Node.js ile çalışmaya başlamak için kurulum işlemlerini yapacağız. İyi eğlenceler!

JavaScript bir saf nesneye yönelik programlama dili (object oriented programming language) değildir, buna rağmen yapısında önceden tanımlanmış nesneler mevcuttur. Bunun ötesinde kullanıcının yeni nesneler oluşturmasına da olanak sağlanır.

Saf nesneye yönelik programlama dillerinde (Java gibi) her türlü fonksiyon nesnelere bağlı olarak tanımlanır oysa JavaScript'te bağımsız fonksiyon tanımlama olanağı da mevcuttur.

Her JavaScript nesnesinin (object) bazı özellikleri (properties) mevcuttur. Bir nesnenin bir özelliğini göstermek için aşağıdaki notasyon kullanılır:

Aşağıda form nesnesine ait metotlar görülmektedir:

Harf dönüşümünü JavaScript kodu ile yapalım:

css() metodu seçilen elemanlar için bir ya da daha fazla stil özelliğine erişir ya da bunlar üzerinde değişiklik yapar.

Bir CSS özelliğine erişmek

Belirli bir CSS özelliğine erişmek için aşağıdaki yazılış biçimini kullanınız:

css("özellik adı");

Aşağıdaki Örnekte ilk uyuşan elemanın zemin rengi gönderilmektedir:

$("p").css("background-color");

Aşağıdaki örnek, jQuery toggleClass() metodunun nasıl kullanılacağını gösteriyor. Bu metot seçilmiş elemanlar için add/remove metotları arasında gidip-gelme işlemini gerçekleştirir.

$("button").click(function(){
  $("h1,h2,p").toggleClass("blue");
});

Örnek HTML5 kodu, bu metodu kavramanızı kolaylaştıracaktır:

Aşağıdaki örnek, belirli bir sınıf özelliğinin farklı elemanlardan nasıl silineceğini gösteriyor:

$("button").click(function(){
  $("h1,h2,p").removeClass("pink");
});

Örnek HTML5 kodunu dikkatle inceleyelim:

Aşağıdaki örnek, bir sınıf özelliğinin farklı elemanlara nasıl eklenebileceğini göstermektedir:

$("button").click(function(){
  $("h1,h2,p").addClass("pink");
  $("div").addClass("xx");
});

Ayrıca, addClass() metodu içinde çok sayıda sınıf da belirleyebilirsiniz.

$("button").click(function(){
  $("#div1").addClass("xx pink");
});

addClass(): için örnek HTML5 kodumuzu dikkatle inceleyelim:

jQuery ile CSS elemanlarını manipüle etmek son derecede kolaydır. jQuery'nin, CSS manipülasyonu için birçok metodu vardır:

• addClass() – Seçilen elemanlara bir ya da daha fazla sınıf ekler.
• removeClass() - Seçilen elemanlardan bir ya da daha fazla sınıfı siler.
• toggleClass() – Seçilen elemanlara sınıf ekleme/silme işlemlerini peş peşe yapar.
• css() – Stil özelliklerine erişir ya da atama yapar.

Aşağıdaki stil sayfası bu bölümdeki örneklerde kullanılacaktır: