Jquery Nedir ? Ne İşe Yarar ? Nasıl Kullanılır ? Öğrenmeye Nereden Başlamalıyım ?
Gibi Sorularımıza Yanıt Bulacağız.
Jquery,JavaScript kullanımını hızlandırmak ve kolaylaştırmak amacı ile kullanılmaktadır. Kullandığımız çoğu sitede bulunur,en çok kullanılan javascript kütüphanesidir.
Örnek olarak büyük bir marka haline gelmiş olan MİCROSOFT/asp.net/ajax/mvc gibi yerlerde jquery büyük bir yardımda bulunuyor.
Anlamanızı Kolaylaştıracak Şekilde Anlatmak Gerekir İse;
*Nesne seçimlerini ve etkilenmelerini hızlandırır.
*Html İçinde Animasyon Yapımını Kolaylaştırır.
*Css İle Birlikte Kusursuz Çalışır.
Jquery'e başlamadan önce css ve html hakkında fikir sahibi olmanız gerekiyor. bu sizin Jquery kütüphanesinin nasıl çalıştıgını anlamanız açısından faydalı olacaktır. Aksi takdirde
yazdığınız kodu neden yazdığınız,ne için kullandığınız hakkında bir fikir sahibi olamazsınız.
Sizin Css,Html Gibi Bilgileri Edinmeniz İçin Önerebileceğim Güzel Ve Kullanılmasının Daha Faydalı Olacağı W3Schools Online Web Tutorials u öneriyorum.
Jquery için ise kendi sitesini yani api.jquery.com u kullanmanız iyi olacaktır.
Jquery'nin güzel bir yanı ise bütün tarayıcılarda sorunsuz bir şekilde çalışmasıdır.
Peki Ya Nasıl Kullanacaksınız,Nasıl Ekleyeceksiniz ?
Jquery'i eklemek için jquery'nin kendi sitesine girmeliyiz. ''jquery.com'' adresinde sağ tarafta bulunan ''Download JQuery'' butonuna basarak son sürümü indiriyoruz.
Ardından Uygun İsim İle Ve Doğru Yoldaki Javascript Dosyasını Sitemizde ''head'' taglı arasında bulundurmamız gerekir. (HEAD KISMINI ANLAMAYAN ARKADAŞLAR İÇİN SÖYLÜYORUM İŞTE BURADA HTML İN ÖNEMİ ORTAYA ÇIKIYOR HTML BİLEN BİRİSİ ZORLUK ÇEKMEYECEKTİR.)
Gerekli Bilgileri Öğrenip Gelen Birisi zaten eklemekte sorun çekmeyecektir örnek olarak ''<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>''
Evet Bunu Yaptık Sıradaki Hedefimiz Head Tagları Arasına Bu Kodları Eklememiz Gerekli. ---<script type="text/javascript" >
$(********).ready(function() {
// kodları yazacağımız yerdir.
});
</script>''---
Artık Jquery Kodlarını Kullanabiliriz
2006 yılına kadar çok karışık bir javascript kütüphanesi kullanılıyordu. Kurtarıcımız ''John Resig'' imdadımıza yetişerek JQuery i geliştirdi ve bu JavaScript kütüphanelerini daha anlaşılır ve sade bir hale getirdi.
Bunların ardından web geliştiricilerine sunulan JQuery. Birkaç sene içinde bütün dünyada bilinir oldu.
jQuery'nin sloganı "az kod çok iş"tir. Bu şekilde birkaç kod ile animasyonlar, slider efektleri ve gizleme - gösterme efektleri yapılabilir.
Örnek Deneyelim..
Jquery slideUp metodu ile Resim Gizleme;
Jquery sideUp() metodu ile tıkladığımız resim ekrandan kaybolacak. Çok az kod satırı yazarak Jquery ile animasyonlar hazırlayabileceğimizin en güzel kanıtı sanırım böyle örnekler. Birkaç tane jpeg formatında resim ekleyeceğiz, hangisinin üzerine tıklanırsa o resim
yukarı doğru kayarak ekrandan kaybolacak.
Aşağıdaki iki satır kod ile bu işlemi başaracağız. Web sayfamızdaki tüm img yani imaj nesnelerini seçecek ve seçilen nesnenin slideUp() metodu ile kayarak kaybolmasını sağlayacak.
''$( "img" ).click(function() {
$( this ).slideUp();
});''
Bunuda başarabildik artık parmağımız işliyor. yapabileceğimiz farklı şeyleri araştırarak bulabilirsiniz...
Genelde Sorulan Soru Tipi Ve Cevabı;
Html,Css,Javascript Hakkında Bilgi Edinmeden Yapamazmıyım?
Bunları Bilmeniz Yazdığınız Şeyi Anlayıpta Yazmanızdaki En Büyük Husustur Bu Şekilde Zorluk Cekmez Ve Kafa Karışıklığı Yaşamadan İşinizi Halledersiniz.
jQuery Hangi Kütüphaneye Bağlıdır?
jQuery bir JavaScript kütüphanesidir.
Gibi Sorularımıza Yanıt Bulacağız.
Jquery,JavaScript kullanımını hızlandırmak ve kolaylaştırmak amacı ile kullanılmaktadır. Kullandığımız çoğu sitede bulunur,en çok kullanılan javascript kütüphanesidir.
Örnek olarak büyük bir marka haline gelmiş olan MİCROSOFT/asp.net/ajax/mvc gibi yerlerde jquery büyük bir yardımda bulunuyor.
Anlamanızı Kolaylaştıracak Şekilde Anlatmak Gerekir İse;
*Nesne seçimlerini ve etkilenmelerini hızlandırır.
*Html İçinde Animasyon Yapımını Kolaylaştırır.
*Css İle Birlikte Kusursuz Çalışır.
Jquery'e başlamadan önce css ve html hakkında fikir sahibi olmanız gerekiyor. bu sizin Jquery kütüphanesinin nasıl çalıştıgını anlamanız açısından faydalı olacaktır. Aksi takdirde
yazdığınız kodu neden yazdığınız,ne için kullandığınız hakkında bir fikir sahibi olamazsınız.
Sizin Css,Html Gibi Bilgileri Edinmeniz İçin Önerebileceğim Güzel Ve Kullanılmasının Daha Faydalı Olacağı W3Schools Online Web Tutorials u öneriyorum.
Jquery için ise kendi sitesini yani api.jquery.com u kullanmanız iyi olacaktır.
Jquery'nin güzel bir yanı ise bütün tarayıcılarda sorunsuz bir şekilde çalışmasıdır.
Peki Ya Nasıl Kullanacaksınız,Nasıl Ekleyeceksiniz ?
Jquery'i eklemek için jquery'nin kendi sitesine girmeliyiz. ''jquery.com'' adresinde sağ tarafta bulunan ''Download JQuery'' butonuna basarak son sürümü indiriyoruz.
Ardından Uygun İsim İle Ve Doğru Yoldaki Javascript Dosyasını Sitemizde ''head'' taglı arasında bulundurmamız gerekir. (HEAD KISMINI ANLAMAYAN ARKADAŞLAR İÇİN SÖYLÜYORUM İŞTE BURADA HTML İN ÖNEMİ ORTAYA ÇIKIYOR HTML BİLEN BİRİSİ ZORLUK ÇEKMEYECEKTİR.)
Gerekli Bilgileri Öğrenip Gelen Birisi zaten eklemekte sorun çekmeyecektir örnek olarak ''<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>''
Evet Bunu Yaptık Sıradaki Hedefimiz Head Tagları Arasına Bu Kodları Eklememiz Gerekli. ---<script type="text/javascript" >
$(********).ready(function() {
// kodları yazacağımız yerdir.
});
</script>''---
Artık Jquery Kodlarını Kullanabiliriz
2006 yılına kadar çok karışık bir javascript kütüphanesi kullanılıyordu. Kurtarıcımız ''John Resig'' imdadımıza yetişerek JQuery i geliştirdi ve bu JavaScript kütüphanelerini daha anlaşılır ve sade bir hale getirdi.
Bunların ardından web geliştiricilerine sunulan JQuery. Birkaç sene içinde bütün dünyada bilinir oldu.
jQuery'nin sloganı "az kod çok iş"tir. Bu şekilde birkaç kod ile animasyonlar, slider efektleri ve gizleme - gösterme efektleri yapılabilir.
Örnek Deneyelim..
Jquery slideUp metodu ile Resim Gizleme;
Jquery sideUp() metodu ile tıkladığımız resim ekrandan kaybolacak. Çok az kod satırı yazarak Jquery ile animasyonlar hazırlayabileceğimizin en güzel kanıtı sanırım böyle örnekler. Birkaç tane jpeg formatında resim ekleyeceğiz, hangisinin üzerine tıklanırsa o resim
yukarı doğru kayarak ekrandan kaybolacak.
Aşağıdaki iki satır kod ile bu işlemi başaracağız. Web sayfamızdaki tüm img yani imaj nesnelerini seçecek ve seçilen nesnenin slideUp() metodu ile kayarak kaybolmasını sağlayacak.
''$( "img" ).click(function() {
$( this ).slideUp();
});''
Bunuda başarabildik artık parmağımız işliyor. yapabileceğimiz farklı şeyleri araştırarak bulabilirsiniz...
Genelde Sorulan Soru Tipi Ve Cevabı;
Html,Css,Javascript Hakkında Bilgi Edinmeden Yapamazmıyım?
Bunları Bilmeniz Yazdığınız Şeyi Anlayıpta Yazmanızdaki En Büyük Husustur Bu Şekilde Zorluk Cekmez Ve Kafa Karışıklığı Yaşamadan İşinizi Halledersiniz.
jQuery Hangi Kütüphaneye Bağlıdır?
jQuery bir JavaScript kütüphanesidir.