Jquery Nedir? Ne İşe Yarar? Jquery Kullanımı

Bu yazımızda en popüler Javascript kütüphanelerinden biri olan Jquery Nedir? Ne işe yarar? Jquery nasıl kullanılır? gibi sorularımıza cevap bulmaya çalışacağız.

Jquery ile ilgili genel bilgileri verdikten sonra, detaylı bir şekilde tüm Jquery konularını da göreceğiz. Diğer tüm Jquery dersleri için A’DAN Z’YE JQUERY DERSLERİ yazımı inceleyebilirsiniz.

Eğer Html ve Css ile ilgili eksikleriniz olduğunu düşünürseniz,

A’DAN Z’YE HTML DERSLERİ

A’DAN Z’YE CSS DERSLERİ

yazılarımı inceleyebilirsiniz. Konuyu daha fazla uzatmadan Jquery Nedir? ile başlayalım.

JQUERY NEDİR? NE İŞE YARAR?

Jquery hızlı, küçük boyutlu ve zengin içeriğe sahip bir JavaScript kütüphanesidir.

 Önemli  Jquery bir framework değildir.

Yani JavaScript ile yapılan işleri Jquery kullanarak daha hızlı ve daha az kod ile yapabiliriz. Zaten sloganları write less, do more yani az kodla çok iş. Gerçekten çok hızlı bir şekilde öğrenip uygulamaya başlayabilirsiniz.

Daha anlaşılır olması için bir Html etiketine önce Javascript kodları yazarak daha sonra da Jquery kodları yazarak Css özellikleri verelim.

Javascript Kodları

Jquery Kodları

Gördüğünüz gibi Javascrip ile 3 satırda yazdığımız kodları Jquery kullanarak tek satırda ve daha kısa bir şekilde yazabiliyoruz.

Peki JavaScript bilmeden Jquery öğrenebilir miyiz?

Evet öğrenebilir ve kullanabiliriz. Fakat JavaScript bilen biri Jquery kullanırken bize sağlamış olduğu kolaylıkları çok daha iyi anlayacaktır.

JQUERY İLE NELER YAPABİLİRİZ?

► HTML/DOM üzerinde işlemler

► CSS değişimleri

► HTML olay yönetimleri

► Efektler ve animasyonlar

► AJAX işlemleri vb.. gibi işlemlerimizi yapabiliriz.

NEDEN JQUERY?

Yukarıda da yazdığımız gibi birçok işlemi daha az kod ile hızlı bir şekilde yapabiliriz.

Farklı tarayıcılarda uyumlu çalışıyor olması da yine Jquery’i tercih etme nedenlerimizden birisi diyebiliriz.

Zaten Google, Microsoft, IBM, Netflix gibi büyük şirketlerin de Jquery’i kullanması onun kullanılabilirliğini gösteriyor.

JQUERY KULLANIMI

Şimdi Jquery kullanımı ile ilgili detaylara bakalım. Projemize eklerken bunu 2 farklı yöntem ile yapabiliriz.

  1   Jquery kütüphanesini, CDN olarak projemize ekleyebiliriz.

Bunun için Html sayfamızın <head></head> etiketleri arasına Jquery kütüphanesini referans olarak eklememiz gerekiyor. CDN olarak ekleme yönteminde 3 farklı firmanın CDN kodlarını kullanabilirsiniz. Jquery nin kendi firması, Google ve Microsoft. Üçünü de burada paylaşacağım. Dilediğinizi kullanabilirsiniz.

Jquery CDN kullanmak isterseniz

Google CDN kullanmak isterseniz

Microsoft CDN kullanmak isterseniz:

Bu referansı yazdıktan sonra artık projemizde Jquery kullanmaya başlayabiliriz.

 Önemli  Başka bir yerde de bu referansı verebilirsiniz. Ama burada şuna dikkat etmelisiniz. Bu referansı nereye yazdıysanız, Jquery kodlarınızı bu tanımlamadan sonra yazmalısınız. Yoksa Jquery kodlarınız çalışmayacaktır.

Bazen Jquery kodlarını <head> etiketleri arasına yazıyoruz. Referansı ise <body> etiketini kapatmadan hemen önceki kısma yazıyoruz. Bu şekilde olduğunda Jquery kodlarımız çalışmayacaktır. Bu problemin nereden kaynaklandığını bulmak bazen ciddi zamanımızı alabiliyor. 

  2   Jquery kütüphanesini bilgisayarımıza indirip dosyalarını projemize ekleyebiliriz. 

Öncelikle Jquery kütüphanesini download linkinden indirmemiz gerekiyor.

jquery-nedir

Gördüğünüz gibi burada 2 seçenek var.

Birincisi sıkıştırılmış, ikincisi sıkıştırılmamış versiyonu. Aralarındaki tek fark boyutunun farklı olması.

 ⇒  Proje geliştirirken sıkıştırılmamış versiyonu kullanmanızı tavsiye ederim.

Projenin testleri bittikten sonra yayınlama aşamasında .min (sıkıştırılmış) versiyonu kullanmanız size avantaj sağlayacaktır. Çünkü küçük boyutlu olduğundan sitenizin açılış hızını olumlu yönde etkileyecektir.

Dosyaları indirdikten sonra göreceğiniz gibi normal versiyon 266 KB iken sıkıştırılmış versiyon 85 KB boyutunda. 

jquery-kullanimi

Son olarak indirdiğimiz jquery-3.3.1.js dosyasını projemize ekleyip, Jquery dosyasının yolunu Html sayfamızın <head></head> etiketleri arasına referans vermemiz gerekiyor.

Bu referansı yazdıktan sonra artık projemizde Jquery kullanmaya başlayabiliriz.

Artık Jquery nedir? Nasıl Kullanılır? öğrendiğimize göre Jquery ile ilgili diğer konulara başlayabiliriz.

Şu yazılar da ilginizi çekebilir.

BOOTSTRAP NEDİR? BOOTSTRAP NASIL KULLANILIR?

RESPONSİVE WEB TASARIM NEDİR?

Umarım sizin için faydalı bir yazı olmuştur.

Yeni bir yazımda görüşmek üzere.

Leave a Reply

WEB TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +