Sıradan Bir Web Sayfasını Oluşturmak İçin jQuery'yi Kullanma

jquery

JavaScript, öğrenmesi en kolay dil değildir. Standart HTML'yi anlayan pek çok web geliştiricisi bundan oldukça korkar. Yeni nesil JavaScript frameworkleri bir süredir etrafta dolaşıyor ve internete adım adım atmaya başlıyor.

Tüm modern tarayıcılar JavaScript'i verimli bir şekilde çalıştırabilir (bazı son değişiklikler Firefox motorlarını gerçekten hızlandırdılar). Firefox'u indirmenizi ve kullanmanızı şiddetle tavsiye ederim - eklentileri tek başına onu paha biçilmez kılar.

jQuery son zamanlarda daha çok denediğim bir JavaScript çerçevesidir. Yeni bir başlangıç ​​için bir yer tutucu koyduğumda, tam bir site için yeterli içeriğe sahip değildik ama neyin geleceğini anlatan güzel bir sayfa oluşturmak istedik. Ve bunu birkaç dakika içinde yapmak istedik!

jQuery sadece hile yaptı.

Hemen hemen her şeyi jQuery + araması yapın ve geliştiricilerin, eklenti adı verilen, kullanıma hazır çözümler geliştirdiğini göreceksiniz! Bu durumda, "jQuery carousel" için bir arama yaptım ve harika, kapsamlı bir Dynamic Drive'da jQuery carousel çözümü.

JQuery ile ilgili bir başka güzel şey de kod artık Google tarafından barındırılıyor. Sonuç olarak, jQuery'yi kendi sunucunuza yüklemeniz veya web sitenizin okuyucularının her seferinde indirmesi gerekmez. JQuery referansı ile bir siteye gitmişlerse, sitenizde kullanılmak üzere otomatik olarak önbelleğe alınır!

Kodu head etiketinize eklemeniz yeterlidir ve jQuery ile çalışmaya başlarsınız:


Atlı karıncayı çalıştırmak için, stepcarousel komut dosyasını yüklemem ve buna başvurmam gerekiyordu:


Bundan sonra, sayfayı değiştirmek basitti! Atlı karıncamı adlı bir div'in içine koydum benim Galeri ve şeridi paneller bir div içinde kemer. Daha sonra vücut etiketime küçük bir ayar kodu ekledim.

Eylemi biraz özelleştirebilirsiniz. Bu durumda, komut dosyasını sayfa yüklendiğinde otomatik olarak çalışacak şekilde değiştirdim. Her panelin görüntülenme hızını ve süresini, ayrıca panelleri manuel olarak sola ve sağa döndürmek için düğmeleri özelleştirdim. Bu eklentinin bir başka harika özelliği - son panele geldiğinizde, geri sarma ilkine geri dön!

Programlamadan korkuyorsanız veya JavaScript korkutucuysa, jQuery sizin için çözüm olabilir. Çoğu zaman, dosya referanslarını kopyalayıp yapıştırmanız, birkaç ayarı düzenlemeniz, sayfayı doğru bir şekilde yapılandırmanız gerekir… ve işe koyuluyorsunuz.

3 Yorumlar

  1. 1

    Şu anda web sitemi yeniden inşa ediyorum ve her şey yolunda giderse bu hafta sonu bir lansman yapmayı hedefliyorum. Birkaç yönü için jQuery kullanıyorum ve şu ana kadar hiçbir şikayetim yok. Her şey o “web 2.0” hissini veriyor gibi görünüyor ve umarım sadece bitmiş siteye iltifat eder.

Ne düşünüyorsunuz?

Bu site spam'i azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.