JQuery Nedir? Ne Amaçla Kullanılır?
JQuery nedir? denilince aklımıza ilk gelen şeyin JQuery Aşağı yukarı “JQuery Lightbox” olduğunu az çok biliyorum. Web tasarıma yeni başlayan birisi çeşitli yazılımları kullanarak Web sitesi yapımını öğrenir ve bu süreçte yapılan web sitenin içine dinamik bir şekilde kayan fotoğrafları olan bir eklenti eklemek sizi bir adım daha ileri taşıyacaktır.
JQuery tam olarak HTML ve CSS dillerinin yanında yardımcı bir dil yani kütüphane olarak oldukça zengin içerikli yardımcı dildir. Yazım şekli tıpkı JavaScript kodlarına benzer şekildedir ama tabi ki de kısaltılmış ve hazır olarak yapılan bir çok fonksiyon vardır.
Alt yapısı tabi ki de JavaScript olan bu yardımcı dilin öğrenilmesi kesinlikle çok ama çok kolaydır.
Ne Amaçla Kullanılır?
Jquery Web sayfalarında bir çok temel işlev için kullanılırken sıfırdan kendi işlevinizi(fonksiyon) yazabilirsiniz. Aşağıda sizlere ne amaçla maddeler hanlide mümkün olduğunca paylaşacağım.
- HTML kodlarını ekleme, silme ve düzenleme.
- HTML etiketlerine inline css ekleme.
- Formları dinamik olarak “AJAX” fonksiyonu ile gönderme.
- Göster/Gizle özellikleri (hide/show).
- Her hangi bir elementin slide edilmesi.
- Belli bir saniyeden sonra işlem yapabilme.
- Url yönlendirmesi yapabilme.
- Mouse hareketleri ile işlem yapabilirsiniz.
- JQuery hazır fotoğraf galerisi, lightbox.
Yukardaki yazdığım ve bunun üstüne ekleyebileceğimiz bir çok özelliği vardır. Genel olarak bu işlemlerin olduğu Jquery’de yaratıcılığınızı kullanarak daha fazla eklenti yapabilirsiniz.
JQuery Nasıl Çalışır?
JQuery’nin çalışma mantığından sizlere bahsetmet istiyorum.
- JQuery JavaScript temelli bir dildir.
- JQuery “dosya.js” olarak “.js” olacak şekilde web sitesine çağırılır.
- JQuery Kullanılabilmesi için mutlaka JQuery ana dosyası (Include) Dosyasını Web sitesinde çağırmış olmanız gerekir.
- JQuery ana dosyasını çağırdıktan sonra yazacağınız eklentiyi yazıp çalışırabilirsiniz.
Not: Include dosyasını diğer yazdığınız eklentilerden daima üstte tutmaya çalışın aksi taktirde JQuery çalışmayacaktır.
JQuery Nasıl Kullanılır?
Web sitenize JQuery eklentisini nasıl ekleyeceğinizi adım adım belirtiyorum;
- JQuery dosyalarınızı yerleştireceğiniz bir “js” klasörü oluşturun.
- İlk olarak JQuery include ana dosyasının indirin(Jquery İndir) js klasörüne yerleştirin.
- Kendi eklentilerinisi yazacağınız “eklenti.js” dosyasını oluşturun “js” klasörünün içerisine yerleştirin.
- Web sayfanızın CSS kodlarının altına veya BODY kapanış etiketinin hemen üstüne yerleştirin.
Örnek;
<script type=’text/javascript’ src=’js/jquery-3.2.1.js‘></script>
<script type=’text/javascript’ src=’js/eklenti.js‘></script>
</body>
Jquery Kullanmalarının Olumlu Yanları
- Jquery kullanıldıktan sonra sayfamızda dinamik içerikler oluşur.
- Kullanılan eklentilere bağlı olarak kayan resim, büyük açılan fotoğraflar eklenebilir.
- Form güvenliklerini arttırabilirsiniz.
JQuery Eklentisi Nasıl Yazılır?
Tam olarak JQuery eklentisi yazmayı bu yazımızda görmeyeceğiz ama fikriniz olsun diye 2 adet kod paylaşımı yapacağım.
- Sayfada uyarı ekranı çıkarma. (Alert/Popup) Örn.: alert(“Merhaba Dünya!”);
- Sayfamızda bir elementi gizleme. (hide/show) Örn.: $(“#element”).hide();