Sep.06

Hızlandırılmış jQuery 3 Dersleri : AJAX

İlk olarak AJAX’ın tanımı ile başlayalım…

Öncelikle AJAX herhangi bir dil veya framework değildir. AJAX, bir yaklaşım türüdür. AJAX, “Asynchronous JavaScript XML” (Eşzamansız JavaScript XML) kelimelerinin baş harflerinden türetilmiştir. Adından da anlaşılacağı üzere asenkron olarak çalışabilmemize olanak sağlar. Alt yapısında JavaScript XML ve XML/HttpRequest nesnelerini barındırır.
AJAX, genel olarak sayfayı yenilemeden, arkaplanda istekler yaparak verileri tekrar tekrar çekip ön yüzde, yani DOM’da göstermeyi amaçlar. Aynı zamanda GET ve POST metotlarını da desteklediği için veri gönderip geriye sonuç da (result) alabilir.

jQuery

Sep.06

Sep.06

Hızlandırılmış jQuery 3 Dersleri : Animate (Animasyon)

Daha önceki konularımızda jQuery’de .css() metodunu kullanarak elementlere yeni stiller atamayı veya var olanı değiştirmeyi görmüştük. .animate() metodu da .css() metoduna benzer, ancak yeni atanan stilleri geçiş efekti olarak uygular. Mesela bir img etiketinin genişliği 100px iken, .animate() metodu ile 200px olarak değiştirilirse, direkt 200 olmak yerine 100’den 200’e artan bir değerle genişleyerek ilerleyecektir.

jQuery

Sep.06

Hızlandırılmış jQuery 3 Dersleri : Effects (Efektler)

jQuery ile bir takım basit efektleri kolaylıkla hazırlayabiliyoruz. Mesela bir elementin görünmez veya görünür yapılması, bunları yaparken solma efektlerinin uygulanması veya çeşitli kayma efektleri basitçe oluşturulabilir. Ayrıca CSS değişikliği yaparken bile bunun animasyonlu bir şekilde yapabilirsiniz. Şimdi bunları uygulamalarla görelim…

jQuery

Sep.06

Hızlandırılmış jQuery 3 Dersleri : Attributes (Özellikler) ve Styles (Stiller)

HTML5’te hemen hemen her bir elementin mutlaka bir özelliği, yani attribute’u olmalıdır. Mesela aşağıdaki kodu ele alalım…

<h1 class=”baslik” >Merhaba</h1>

Bu kodumuzda bir adet class attribute’u yer almaktadır. Ayrıca etiketler arasında yer alan “Merhaba” yazısı da bir özellik ifade etmektedir.

Şimdi jQuery ile class özelliğini değiştirecek, yeni class değerleri ekleyecek ve elementin içeriğini değiştireceğiz. Yazacağımız kodlar, yukarıda yer alan örnek kod satırı referans alınarak yapılacak.

jQuery