Bu sitede; Web tasarım ile ilgili pek çok bilgiyi bulabilirsiniz.
ATAMEDYA - Kurumsal |
Web tasarımı nedir? |
Destek
Jquery ile Siteleri canlandıralım
28/01/2010Etiketler:jqery başlangış seviyesi, Jquery, jquery ile işlemler, jquery kütüphanesi, jquery örnek kod, omrcm
Merhaba arkadaşalar.Bundan sonra bu blog aracılığı ile sizlere bir yandan jquery ile sitelerimizi nasıl canlandıracağımızı anlatmaya çalışacağım.İlk dersimizde bir jquery uygulamasını sitemizde çalıştırmak istediğimizde nelere dikkat etmemiz gerektiğini anlatacağım.Ayrıca ilk uygulamamızıda yazmış olacağız.Normalde yeni başlanan her yazılım dilinde standart olan ” Hello World ” ya da ” Merhaba Dünya ” yazısını burada yazmayacağız.Neyse yavaş yavaş geçelim artık.
Bir jquery uygulamasının sitemizde çalışması için öncelikle <head></head> taglarının arasına bu adresden indirebileceğimiz jquery kütüphanesini ekliyoruz.Bu kütüphane sayesinde sitemize ekleyeceğimiz jquery kodları otomatik olarak burada tanımlandığı gibi haraket edecek ve ortaya kullanımı kolay ve kullanıcı dostu siteler ortaya çıkacaktır.Aslında css bilen bir kişi için jquery’i öğrenmek kolay olacaktır.Çünkü jqueryde nesnelerin istediğimiz şekilleri alması için css de belirlediğimiz classları göstermemiz yeterli olucaktır.
Mesela ;
function Degistir()
{
$(#omrcm).height(100);
}
şeklinde yazdığımız bir fonksiyonda eğer dikkat ettiyseniz $(‘#omrcm’) ibaresinde omrcm id’li nesnemize ulaşıyoruz ve bu nesnenin height’ini 100 px olarak ayarlıyoruz.Tabi yukardaki kod tek başına bir işe yaramaz.Burada amacımız kısa ve kolay bir giriş ila aslında ne kadar kolay bir işlem olduğunu göstermektir.Height yerine dilediğiniz başka bir özelliğide koyabilir ve bu özelliğe ait değişik varyasyonlarıda deneyebilirsiniz.Mesela color(red) ile omrcm idli altındaki tüm neslerin içindeki yazılar kırmızı olucaktır.
Evet ilk dersimizde yapmak istediğimiz jquery’e kolay bir girişti.Budan sonraki derslerimizde olayları birazdaha genişleterek uygulamalar geliştirip bunların ne işe yaradığını göreceğiz.
Her kese iyi çalışmalar diliyorum….
Çeviri / Translation
