2013 - 2022 © BİRNC
  • Anasayfa
  • Kurumsal
  • Referanslar
  • Fiyat Listesi
  • İletişim
  • Blog
  • S.S.S.
2013 - 2022 © BİRNC

JQuery Nedir ve Ne İşe Yarar?

  1. Anasayfa
  2. Blog
  3. JQuery Nedir ve Ne İşe Yarar?

JQuery Nedir, Ne Demektir?


Web sitelerinde HTML, CSS gibi tekniklerle uygulanamayan ve yazılım geliştiricileri tarafından kullanıcılara daha iyi bir deneyim yaşatması sebebiyle özellikle tercih edilen JavaScript yardımcı dilidir. jQuery JavaScript kütüphanesinin yaratıcısı ve baş geliştiricisi Amerikalı yazılım mühendisi John Resig'tir. 2005 yılında Rochester Institute of Technology'den Bilgisayar Bilimleri lisans derecesi alarak mezun olan girişimci 2006 yılında geliştirdiği bu teknikle bizleri çok uzun kod satırlarından kurtarmıştır.


JQuery’nin temel amacı, web sitelerinde uzun ve karmaşık JavaScript kodlarıyla uğraşmadan bazı işleri kısa kodlar vasıtasıyla yapmaktır. Bu da daha az kod satırıyla daha güçlü JavaScprit uygulamaları yazılmasını sağlar. JQuery ile animasyonlar, AJAX istekleri, görüntü efektleri ya da kullanıcı ara yüzleri gibi birçok işlem kolaylıkla yapılabilir. Açık kaynak kodlu ve öğrenimi kolay JQuery kullanımı için ön koşul HTML, CSS ve JavaScript kodları hakkında temel bilgilerin bilinmesi gerekliliğidir.

jquery nedir ne ise yarar

JQuery Tekniğiyle Neler Yapılabilir?


■ Açılır Menüler: JQuery ile çok düzeyli açılabilir ve fazla yer kaplamayan menüler yapılabilir.
■ XML (AJAX) İstekleri: Sayfayı yeniden yüklemek zorunda kalmadan, sunucusundan ek veri istemek için JavaScript kullanılabilir.
■ Öğelere Animasyonlu Efektler Ekleme: Web sayfasındaki öğelere çok çeşitli animasyonlar veya efektler eklenebilir.
■ Elementlerin Özelliklerini Değiştirme: Web sayfasındaki HTML, CSS gibi elementlerin özellikleri ya da sıraları değiştirilebilir.
■ Etkileşimli Nesneler: Kullanıcıların web sayfasında fare ya da klavye ile yönetebileceği etkileşimli nesneler yapılabilir.
■ DOM Kurgulama: Sadece birkaç satır kodla, sayfaya kolayca içerik eklenebilir, kaldırılabilir ya da yeniden sıralanabilir.
■ Görüntü veya Slayt Gösterileri: Farklı ve güzel animasyonlu slâyt gösterileri veya lightboxlar oluşturulabilir.
■ Sürükle ve Bırak Tarzı Arayüzler: Sadece sürükleyip bırakarak yeniden konumlandırılabilen ya da yeniden sıralanabilen öğelere sahip sayfalar oluşturulabilir.
■ Etkili ve Amaca Uygun Formlar: JQuery ile kolay şekilde birçok veri içeren formların doğrulaması sağlanabilir. Sunucu tarafında ki veritabanından otomatik olarak tamamlanan verilerle AJAX metin alanları oluşturabilir ve benzeri işlemleri yapılabilir.

Elbette ki birNC Web Tasarım firması olarak yukarıda belirttiğimiz işlemlerin hepsini kendi JavaScript kodunuzu yazarak da yapabilirsiniz. Ancak JQuery'yi kullanmak çok daha kolay ve hızlı bir yol olacaktır.

JQuery Kod Yapısı Nasıldır?

JQuery, HTML elementleriyle alakalı sorgular gönderir ve onlar üzerinde işlem yapılır. Yani seçmek ve işlem belirtmek olarak iki temel görevi vardır. JQuery kod yapısı da bu iki temel üzerine kuruludur.

jquery kod yapisi nasildir

JQuery Nasıl İndirilir?

JQuery dosya uzantısı '.js'dir. JQuery, sıkıştırılmış ve sıkıştırılmamış js dosyaları olmak üzere iki farklı şekilde indirilebilir. Sıkıştırılmamış.js dosyası yaklaşık olarak 61 KB iken sıkıştırılmamış.js dosyası ise yaklaşık olarak 21 KB kadardır.
Eğer, JQuery'yi oluşturan kodlara bakmak ya da bu kodlar üzerinde değişiklik yapılmak istenmiyorsa sıkıştırılmış sürüm yeterli olacaktır. JQuery indirmek için JQuery'nin resmi web sitesi kullanılabilir.

► http://jquery.com/download/

JQuery tek bir JavaScript dosyasından oluşur. Bu dosyayı web sayfalarına aşağıda vermiş olduğumuz örnekteki gibi yerleştirebilirsiniz.

jquery siteye ekleme

JQuery'yi bilgisayarınıza indirmeden de faydalanabilirsiniz. Bunun için JQuery CDN (Content Delivery Network) kullanılır. Microsoft ve Google firmalarının JQuery için barındırma hizmeti bulunmaktadır.
Google JQuery CDN İçin...
google jquery cdn
Microsoft JQuery CDN İçin...
microsoft jquery cdn

JQuery Ne İşe Yarar?

JQuery ile güçlü ve etkili JavaScript uygulamaları yazarak Flash yazılımıyla rekabet edebilecek tarzda mobil sitelerde ve uygulamalarda da görüntülenebilen göz alıcı animasyon efektleri yapılır.

☆ Kullanım Kolaylığı: JQuery'nin kullanımı çok basittir. Yapılmak istenen pek çok işlem neredeyse tek bir satırda yapılabilir.
☆ Uyumluluk: JQuery en çok kullanılan web tarayıcılarında kolaylıkla çalışır. Yani Internet Explorer 6.0 ve üstü, Firefox 2.0 ve üstü, Safari 3.0 ve üstü, Chrome ve Opera 9.0 ve üstü sürümlerini destekler.
☆ Zincirlenebilirlik: JQuery de, 'The Magic of jQuery' (JQuery'nin Sihri) olarak adlandırılan bir özellik sayesinde çok kısa kodlar yazılabilir. Yani JQuery içerisinde yer alan metotları birbirleri ile zincirleyerek birden fazla işlem tek satırda yapılabilir.
☆ Eklentiler: Belli görevleri yapan ve JQuery üzerinde geliştirilmiş olan kod parçalarına JQuery eklentileri denilmektedir. Mesela web sayfasına mp3 player eklenmek istenirse jMP3 eklentisi bu ihtiyacı karşılayacaktır.
☆ Efektler: JQuery'de çok geniş bir efekt kütüphanesi olmasa bile yine de sık kullanılan efektleri bulmak mümkündür.
☆ Olaylar: JQuery; click, dblclick, mouseenter, mouseleave, blur, keyup, keydown vb. gibi DOM olaylarına eşdeğer işlevler içerir. Bu işlevler tarayıcılar arası sorunları otomatik olarak çözer.
☆ JQuery UI: JQuery birçok etkileyici işlem yapmak için oluşturulmuştur. Bunların çoğu da JQuery kütüphanesinde yer almaktadır. Ancak JQuery'de yüksek seviyeli yapılar ayrı bir bölümde toplanıp, düzgün bir kütüphane haline getirilerek JQuery'nin en üst katmanına yerleştirilmiştir. Bu katmana da (yani kütüphaneye) Jquery UI (JQuery Kullanıcı Arayüzü) denilmektedir.
☆ AJAX: JQuery, AJAX konularında da kullanıcılara kolaylıklar sunar. Bu şekilde de web sayfasının tamamı yüklenmeden, başka bir web sayfası ile etkileşime geçilebilir.
☆ Biçimlendirilmenin Temiz Olması: JQuery, satır içi kod yazılmasına izin vermemektedir. Bu da daha düzenli ve temiz kod yazma olanağı sunmaktadır. Bu şekilde kod yazarken yanlış yapılma olasılığı da engellenmiş olur.

JQuery'nin temel amacı, web sitelerinde JavaScript kullanmayı kolaylaştırmaktır. JQuery, birçok satır JavaScript kodu gerektiren birçok görevi tek bir kod satırına sığdırır. Ayrıca, JavaScript içinde karmaşık olabilen AJAX çağrıları ve DOM manipülasyonu gibi işlemlerin de çoğunu basitleştirir. JQuery'nin mottası "Daha Az Yazarak, Daha Çok İş Yap"tır.


Her ne kadar farklı gibi gözükse de, JQuery'nin bir JavaScript kütüphanesi olduğunu unutulmamalıdır. Yani JavaScript ile yapılamayan bir işlem JQuery ile de yapılamaz.

  • İlgili Videolar
  • Faydalı Linkler
  • jquery nasil kullanilir JQuery Nasıl Kullanılır?
  • jquery dersleri jQuery Dersleri
  • JQuery Nedir ve Nasıl Kullanılır?
  • AJAX Nedir ve Nerelerde Kullanılır?
  • JQuery Ne Demektir?
  • PHP Yazılım Dili Nedir?
  • JQuery Kütüphanesi

birNC ile Web Tasarım Yolculuğu

JQuery ile İlgili Sıkça Sorulan Sorular


JavaScript ve JQuery arasındaki temel fark nedir?
JavaScript ve jQuery birbirlerinin yerine kullanılsa da JavaScript bağımsız bir programlama dili iken JQuery bir JavaScript kodu kütüphanesidir.
Neden JQuery kullanmalıyım?
JQuery, tüm modern işletim sistemleri yanı sıra Google, IBM, birNC, Twitter ve Microsoft gibi büyük firmalar tarafından da aktif şekilde kullanılmaktadır. Sürekli güncellenen yapısıyla birçok kolaylık sağlamaktadır. Bu da onun dünyada üzerindeki en iyi 10.000 web sitesinin % 54,7'si tarafından neden kullanıldığını açıklamaktadır.
Ayrıca kolay öğrenilmesi, ücretsiz olması ve JavaScript'i büyük ölçüde basitleştirmesi de JQuery'nin avantajları arasındadır.
JQuery öğrenmeye nasıl başlarım?
JQuery bir JavaScript Kütüphanesi olması sebebi ile temel düzeyde JavaScript bilinmelidir. Ayrıca ek olarak gene temel seviyede HTML ve CSS de bilinmesinde fayda vardır. İnternet üzerinde Türkçe ve İngilizce olarak JQuery dersleri bulunabilmektedir. Yeterli bir İngilizceniz varsa JQuery'nin kendi sitesinden de çok geniş kaynaklara ulaşabilirsiniz.
JQuery ile web sitesi geliştirme ücretleri ne kadar?
JQuery tekniğiyle ücretsiz olarak birçok işlem yapılsa da etkili ve başarılı bir web sitesi için yeterli değildir. İyi ve nitelikli bir web sitesi için özel tasarımdan kodlamaya, içerikten görsellerin kalitesine kadar her bir veri çok çok çok önemlidir. JQuery teknolojisinin kullanıldığı birNC'nin geliştirdiği internet projelerinin fiyatlarını incelemek için aşağıdaki linki tıklayabilirsiniz.

Web Sitesi Fiyatları
Değerli takipçilerimiz ve araştırmacı okuyucular "JQuery Nedir ve Ne İşe Yarar? JQuery Özellikleri Nelerdir?" yazısında gördüğünüz hatalarımızı tüm okuyuculara kusursuz bir yazı sunabilmemiz için bilgi@birnc.com.tr mail adresine bildirmenizi rica eder, işlerinizde üstün başarılar dileriz.




4 yorumlar

Şenol Nisan 19, 2021

Öncelikle anlatım için teşekkürler gayet açıklayıcı olmuş jquery nedir neler yapabiliriz gayet sade ve anlaşılır şekilde anlatmışsınız. Benim sormak istediğim bir soru var yardımcı olursanız sevinirim. Jquery kullandığımızda sitenin geç açılmasına sebep olabiliyor. Bunun önüne geçebilirmiyiz normalde jquery olmadıgında 1 2 sn açıldıgında jquery dahil ettğimizde 4 5 sn cıkabiliyor.

Cevap ↓

    BirNC Nisan 19, 2021

    Merhaba, jQuery kodunu sadece lazım olduğunda çalışacak şekilde web sayfanızda kurgulamanız gerekir. İlgili kodu fonksiyon haline getirip yalnızca işlevsel olarak lazım olduğunda çağırmanız en doğru yöntemdir. Ayrıca jQuery de dahil olmak üzere bütün javascript kodları web sayfaların en altında kurgulamak Google arama motorunun sıralama faktörlerinden biri olan sayfa hızı kriterini ve site içi SEO durumunu olumlu yönde etkilemektedir. Konuya katılımınız için biz teşekkür ederiz. Kolay gelsin.

    Cevap ↓

Osman Oruçlu Mart 25, 2022

Sanırım jquery öğrensek web sektöründe yeterli olacak.

Cevap ↓

    BirNC Mart 26, 2022

    Merhaba, güçlü olursunuz diyebiliriz.

    Cevap ↓



Cevap bırakın Yanıtı iptal et

E-posta hesabınız yayımlanmayacak.


Yorum Yap


Adınız

Email

Url


3 × one =

web tasarım
web tasarım referansları
birnc site footer logo

birNC® Ajans | Türkiye'nin Web Tasarım Markası
Arayana kadar siz düşünün aradıktan sonra da biz...


Mail: info◎birnc.com.trTel: +90 (212) 232 9262 pbx

Web tasarım ve yazılım, SEO, sosyal medya yönetimi, internet reklamcılığı, kurumsal kimlik tasarımı ve marka danışmanlığı hizmetlerindeki bilgi birikimi ve tecrübesiyle müşterilerine nitelik, değer ve farklılık katmanın gururunu yaşayan birNC ekibi ile sektörel hedeflerinize daha çabuk ulaşabilirsiniz...


  • Kurumsal
  • Referanslar
  • Fiyat Listesi
  • Banka Bilgileri
  • İnsan Kaynakları
  • Sıkça Sorulanlar
  • Bize Ulaşın
  • Anasayfa
  • birNC Blog
  • Web Sözlüğü
  • UX/UI Tasarım
  • Site İçi SEO
  • Site Dışı SEO
  • E-Ticaret SEO
BİRNC WEB TASARIM YAZILIM VE İNTERAKTİF AJANS HİZMETLERİ © 2013-2022 - 1NC İSTANBUL