AngularJS nedir ?

Merhaba. Uzun zamandır yeni yazı yazamadım. Artık biraz aktif olmanın zamanı geldi diye düşünüyorum. Bu yazımda sizlere AngularJs‘den bahsedeceğim.

En kısa tanımıyla MUHTEŞEM bir javascript framework’dür. AngularJS yada yakın zamanda 2.0 BETA sürümüyle “Angular”, Single Page Application uygulamalar yazmanıza izin veren bir frameworkdur. Üstelik resmi geliştiricisi Google!

Devamını Oku →

jQuery ve Css ile kendi lightbox uygulamamızı yazalım

Merhaba, bir projede kullanmak için lightbox ararken tutsplus’ın şuradaki yazısını gördüm ve çok beğendim. Bende türkçeleştirerek blogumda yazmak istedim. Hemen hemen bütün hazır pluginler kullanılması kolay olsada dosya boyutları oldukça büyük ve basit bir projede kullanacağım için gereksiz fazla özellikle donatılmış. Bana süper basit bir lightbox gerekiyordu ve kafa patlatmadan bu makale sayesinde yaptım.

Bu makalemizi adım adım örneklendirerek jsFiddle bağlantılarınıda paylaşacağım.

Devamını Oku →

jQuery ve Seçiciler

Eğer jQuery’e yeni başlıyorsanız jQuery derslerimin ilki olan jQuery Nedir? Nasıl Kullanılır? makalesini mutlaka okumalısınız. jQuery hakkında başlangıç bilgileri içeren rehber tarzında bir makaledir.

Eğer ingilizce biliyorsanız bu makale yerine Selecting Elements makalesini okuyabilirsiniz.

Ayrıca bu makalede genel CSS terimlerini (ID nedir? Class Nedir?) bildiğinizi varsayarak yazıyorum. Bu terimleri bilmiyorsanız lütfen öncelikle CSS öğrenin. 

Seçiciler nedir ?

Bildiğiniz gibi jQuery kodlarken bazı elementlere eventlar veririz. Bunlardan bazılar click(), change() v.s yada css(), animate() gibi elementlerin varolan css yapıları ile oynarız. İşte tüm bu eventleri verebilmek için elementlerini yolunu belirtmemiz gerekir.

Örneğin bir <a> elementine click() eventini vermek için $(‘a’) yapısını kullanırız.

Devamını Oku →

jQuery nedir ? Nasıl Kullanılır ?

write less do more

jQuery yıllar önce bu slogan ile başladı ve şimdi yazılımcılar arasında vazgeçilmez bir yere sahip. Hatta kendi sitesinde kullanan bazı şirketlerden bahsetmiş. WordPress, IBM gibi herkesin bildiği şirketlerde jQuery’i kullanıyor.

Google gibi devler ise jQuery’i CDN gibi özellikleriyle destekliyor.

– jQuery Nedir ?

jQuery bir javascript kütüphanesidir. Diğer bir deyişle Javascript Framework diyebiliriz. Javascript zor bir dildir ve syntaxını öğrenmek uzun zaman alır. Ancak jQuery bu işi okadar kolaya indirmiş ki hız, kolaylık, cross-browser, performans bir kütüphanede olabilecek hemen hemen her özellik bulunmaktadır.

Önceden sitemizde bir animasyon yapmak için flash kullanmak zorunlu gibi birşeydi çünkü Javascript ile jQuery’nin yaptığı işleri yapmak yerine yazılımı bırakmak daha cazip gelebilirdi.

Devamını Oku →

$(document).ready() nedir?

Ready fonksiyonu en kısa açıklamasıyla DOM yüklendikten sonra çalışacak eventlarınızı belirtmenize yarar.

Bu bize nasıl bir yarar sağlar?

Bunu bir örnekle bunu açıklayalım. Bir HTML sayfası oluşturun ve içine şu kodları yazın.

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>CihanAksoy.com Ready Fonksiyonu Örnekleri</title>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script type="text/javascript">
		$('h1').css('color', 'red');
	</script>
</head>
<body>
	<h1>Bu elementin kırmızı olması gerekiyor!</h1>
</body>
</html>

Devamını Oku →