Sakin Adam

Web Yazılım Günlüğü

jQuery UI Nedir?

jQuery UI(User Interface-Kullanıcı Arayüzü) jQuery üzerine kurulmuş bir javascript kütüphanesidir. İsminden de anlaşılacağı gibi tasarım ağırlıklı bir kütüphanedir. Html elemanlarına efekt ve işlesellik katmak için kullanılır. En çok kullanılan fonksiyonları : sürükle-bırak, yeniden ölçülendirme, takvim, progressbar, slider, menü, açılan pencereler ve daha fazlasıdır. Statik ve durgun html tasarımlarından sıyrılıp, sayfalara hareket getirmek ve canlandırmak için birebir kütüphanedir. jQuery’de olduğu gibi jquery-ui’de de az kod – çok iş mantığı vardır.

jQuery UI kütüphanesine ve ilgili dökümanlara bu adresten ulaşabilirsiniz.

jQuery Nedir?

Yazımın hemen başında şunu belirtmeliyim. jQuery bir değil, bir javascript kütüphanesidir. Bir çok insana jQuery dediğiniz de size hemen bunu söylerler. Ben bu tarz şeylere pek takılmam ancak insanlar haklı. Ama bu tarz insanlara ben de biraz sinir oluyorum açıkcası.

jQuery 2006 yılında John Resig tarafından geliştirilmiş ve geliştiricilerin kullanımına sunulmuştur. Günümüzde (2013) en çok kullanılan javascript kütüphanesi ünvanına sahiptir. En büyük avantajlarından bir tanesi, hatta bana göre en önemlisi de budur. Çünkü bir dili/kütüphaneyi ne kadar çok kişi kullanıyorsa, onunla ilgili o kadar çok döküman vardır ve karşılan sorunlarla ilgli de o kadar çok döküman/çözüm vardır.

jQeury kütüphanesini resmi sitesinden indirerek kullanabilirsiniz. Yeni aynı sitedeki dökümantasyona da ulaşabilirsiniz. jQuery gerçekten muhteşem bir teknoloji. Ajax teknolojisinde insanlar gerçekten hayrete düşmüşlerdi ancak jQueryden sonra bizi hayrete düşürecek şey ne olacak çok merak ediyorum. Bu kütüphane sayesinde, farklı animasyonlar ve efektler kullanılabiliyor. Sliderlar genellikle jQuery kullanmakta. Animate özelliği sayesinde, elementleri hareket ettirebilir, tonlarıyla oynayabilirsiniz.

Ağırlıklı olarak tasarım odaklı olduğu söylenir. Ancak seçicileri,post,attributes gibi bir çok kütüphanesi ile web yazılım tarafıyla olan işlemlerinizde de büyük kolaylık sağlıyorsunuz. Örneğin post işleminde, ajax büyük bir kolaylık ve yalınlık getirmişti, ama jQuery bu işlemi bir adım öteye taşımış.

Daha burada yazamadığım bir çok özelliği ile jQuery gerçekten fark yaratmış bir kütüphane. Basit bir örnek vermek gerekirse, daha düne kadar javascript kütüphaneleri yazılırken, artık günümüzde jQuery kütüphanesi için kütüphaneler yazılmakta. Jquery UI buna en büyük örnektir.

Geleneği bozmuyorum ve aşağıda bir jQuery kodunun nasıl olması gerektiği ile ilgili örnek kod paylaşıyorum. Burada dikkat edilecek iki nokta bulunuyor. Birincisi jQuery kütüphanesini çağırmış olmanız, ikincisi ise kodları ‘//jquery kodları burada’ yazan kısma yazmanız. Diğer kalan js kodlarını, jQuery açılış ve kapanış tagları olarak görebilirsiniz.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
	//jquery kodları burada
});
</script>
</head>

<body>
</body>
</html>

JavaScript Nedir?

JavaScript kullanıcı/tarayıcı taraflı çalışan bir script dilidir. İlk kez bugün kullandığımız bir çok tarayıcının temelini oluşturan Netscape tarafından kullanıma sunuldu. Uzun bir süre; kendisinden beklenildiği gibi, Microsoft Jcsript ile tek eline almak için uğraş verse de bunu başaramadı. Bugün kullanıcı tarafında basitten karmaşığa bir çok işlem için kullanmatadır ve Web Uygulumaları geliştiren herkesin kullandığı büyük bir nimettir. Sliderlardan tutun, basit ve gelişmiş bir çok efektin kullanmasına imkan vermesinin yanında, Json yardımıya sunucu taraflı yapılan listeleme gibi işlemleri kullanıcı tarafına tarafına taşıyarak sunucu kaynaklarından tasaruf etmemize de imkan sağlar.

JavaScript iki şekilde kodlanabilir. Birincisi html kodlarının arasına direkt olarak kodlarımız aşağıdaki gibi yazabiliriz.

<script language="javascript">
//kodlar
</script>

Bir diğer yol ise harici bir JavaScript dosyasına kodlarımızı yazarak sayfamıza çağırabiliriz.

<script src="harici.js"></script>

Bir çok otorite; JavaScript dosyasının dışarıdan çağırılmasının daha doğru olduğunu savunmakta. Bunun iki nedeni bulunmakta. Birincisi; farklı sayfalarda kullanacağınız js fonksiyonlarını tekrar tekrar yazmak zorunda kalmayıp tek bir yerde toplamak ve bütünlüğü sağlamak. İkinci nedeni ise dosya büyüklüğünü azaltarak seo açısından sayfa yüklenme hızını arttırmak. Harici olarak çağırdığınız js dosyaları tarayıcı önbelleğinde saklanır ve tekrar çağırılmalarda önbellekten kullanılır. İki farklı kullınımın işlevsellik olarak arasında pek fark yoktur. Ancak js içerisinde php‘den veri yazacaksanız dahili olarak yazabilirsiniz.

Kısaca anlatmak gerekirse JavaScript hayatımızı kurtaran bir script dili ve yapabileceklerimiz hayal gücümüzle sınırlı. Ajax, Jquery gibi kütüphaneler JavaScript Üzerine inşa edilmiş, birer JavaScript Kütüphaneleridir.

İnternet Explorer excanvas.js Hatası

Bazı durumlarda İnternet Explorer excanvas.js hatası vermekte. Bu hatanın nedeni; Firefox, Chrome, Safari ve Opera gibi modern tarayıcıların 2 boyutlu çizimlere izin verirken, İnternet Explorer’ın bu desteği vermemesi. Bunun üzerine geliştiriciler excanvas.js çözümünü geliştirmişler. http://excanvas.sourceforge.net/ adresinden ulaşacağınız javascript dosyası yardımıyla bu hatadan kurtulabilirsiniz.Aşağıda, dosyanın ana dizine atıldığı varsayılarak çağırılmasının örnek kodunu paylaşıyorum.

<script type="text/javascript" src="excanvas.js"></script>