Sep.06

Hızlandırılmış jQuery 3 Dersleri : Selectors (Seçiciler)

CSS’te yer alan selector mantığını aynısı jQuery’de de vardır. Hedeflenen elementi veya elementleri belirlemek için elementin ismi, elementin class ismini, elementin id ismini veya biraz daha kompleks bir yapı olan elementin herhangi bir attribute değerinde belli bir string içeren elementleri de çoklu olarak seçebiliriz.

Seçicileri işlemek amacıyla aşağıdaki gibi bir HTML5 sayfası hazırlayalım. Seçim işlemini yaptığımız elementlerin de yazı rengini değiştireceğiz.

jQuery

Sep.06

Hızlandırılmış jQuery 3 Dersleri : Events (Olay Yöneticileri)

Herhangi bir HTML5 elementine jQuery ile nasıl olay yöneticisi (event listener) bağlayacağımızı görelim…

Elemente Olay Yöneticisi Bağlamak (bind)

Daha önceki örneklerimizde de görmüştük, ancak daha fazla örnekle ve bir başka metotla, bir element için .click() event’inin nasıl bağlanacağını görelim.

Tıklama ( .click() )

Mouse ile sol tıklama olayıdır.

$(“button”).click();

Bu kod yazımı ile seçici işleminden sonra olay yöneticimizi direkt olarak elemente bağlamış olduk. Bunun dışında aşağıdaki olay yöneticilerini de bağlayabilirsiniz. Örnek olarak en çok kullanılan olay yöneticilerini seçtik.

jQuery

Sep.06

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

Statik HTML5 sayfalarımıza interaktiflik kazandırmak için JavaScript kullanıyoruz. Ancak JavaScript çoğu yazılımcının kabusu olmaktadır. Bazı yazılımcılar kullanmakta zorluk çekmekte, bazen proje büyüdüğünde JavaScript kodları arasında kaybolmakta, bazen de çok basit bir işlem için çok fazla kod yazmak zorunda kalmakta. Bu gibi sorunlar nedeniyle zaman içerisinde JavaScript’in kullanımını kolaylaştırmak için bir takım metotlar türetilmiş. Bunlardan birisi JavaScript için bir kütüphane (library), diğeri de kod çatısı (framework) olmaktadır. Library, bir takım işlevleri yerine getirmek için hazırlanmış olan komutların oluşturduğu yapıdır.

Framework ise, daha kompleks bir yapıda olup, içinde birden fazla library’i barındıran yapılardır. Mesela jQuery bir JavaScript Library’si iken; AngularJS, ReactJS, VueJS de birer framework olmaktadır. Ancak JavaScript sektörde pek de ham haliyle kullanılmamaktadır. Bunun yerine ya bir library, ya da framework’ten faydalanılıyor. BYeri gelmişken jQuery’nin sloganına da değinelim: “Az Kod, Çok İş”.

jQuery

Aug.27

Semantic Web – Microdata

Microdata’ların, itemscope, itemtype ve itemprop attribute’leri ile tanımlandığını ve bunların da birer değer aldığından önceki makalelerimizde bahsetmiştik. Peki, bu değerler ne anlama gelir?

itemscope

Microformats2’de kök element içinde kullanmış olduğumuz class tanımı ile aynıdır. Yalnız itemscope yalın bir attribute’dür, herhangi bir değer almaz. Sadece kök element olduğunu belirtir. itemtype ile birlikte kullanılır.

HTML5,SEO

Aug.27