jQuery Giriş | EFORWEB

Web tasarım kursumuzda artık belli bir seviyeye gelmiş bulunuyoruz.

Bu sebeple standart web tasarım konularının biraz dışına çıkıp daha dinamik ve gösterişli web siteleri ortaya koyabilmek için gerekli dersleri vermeye başlayacağız.

Web tasarım kurslarımıza artık jQuery dersleriyle devam edeceğiz.

jQuery Nedir?

jQuery bir JavaScript kütüphanesidir.

jQuery, JavaScript ile programlamayı büyük ölçüde kolaylaştırır.

jQuery öğrenmek son derece kolaydır.

jQuery, daha az yazıp daha fazla iş yapabileceğiniz hafif bir JavaScript kütüphanesidir.

jQuery ayrıca AJAX çağrıları ve DOM değiştirme gibi karışık işleri saf JavaScript’e göre daha basit bir şekilde halleder.

jQuery kütüphanesi aşağıdaki özellikleri barındırır:

HTML / DOM manipülasyonu
CSS manipülasyonu
HTML olay (event) yöntemleri
Efekt ve animasyonlar
AJAX
Yardımcı araçlar

Not: Buna ek olarak jQuery’nin yapabildiği neredeyse her şey için bir eklenti bulunur.

Neden jQuery?

JavaScript’in çok sayıda kütüphanesi vardır; bunlar arasında en yaygın kullanılanlardan biri jQuery’dir.

jQuery, web yazılımı dünyasında aşağıdakiler gibi büyük şirketler tarafından da tercih edildi:

Google
Microsoft
IBM
Netflix

Vereceğimiz örnekleri sürekli kendiniz deneyerek hem öğrenme hızınızı artırabilir hem de kendinize özgü tasarımlar ortaya koyabilirsiniz.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("p").click(function(){
        $(this).hide();
    });
});
</script>
</head>
<body>

<p>Bana tıklarsan yok olacağım.</p>
<p>Bana tıkla ve beni kaybet</p>
<p>Daha çok tıkla</p>

</body>
</html>

Bu örneği yalnızca jQuery kod yapısını anlayabilmeniz için veriyorum.

Örneğimizde kullanıcıya bazı metinler gösteriliyor ve bu metinlerin üzerine tıklandığında tıklanan öğe gizleniyor.

Bu dersten itibaren web tasarım bilgimizin yanına bir de web programlama tecrübesi eklemeye başlıyoruz. Yani artık jQuery “kodlayacağız”.

jQuery Her Tarayıcıda Çalışır mı?

jQuery ekibi tarayıcılar arasındaki farkları bilir ve kütüphaneyi bu farkları gözeterek yazar; böylece aynı kod farklı tarayıcılarda aynı şekilde çalışır. Örnekte kullandığımız 3.x sürümü güncel tarayıcıların hepsinde çalışır; Internet Explorer 6 gibi çok eski tarayıcıları ise yalnızca eski 1.x sürümleri destekliyordu.

Web tasarım kursumuzun jQuery derslerinin ilk bölümünü işlemiş bulunuyoruz. Herkese başarılar dilerim.